Skip to content

Instantly share code, notes, and snippets.

View colabottles's full-sized avatar
🌴
On vacation

Todd Libby colabottles

🌴
On vacation
View GitHub Profile
@colabottles
colabottles / ghlighthouseerror
Created December 17, 2022 04:28
Netlify Lighthouse error
7:35:23 PM: ────────────────────────────────────────────────────────────────
7:35:23 PM: 1. build.command from netlify.toml
7:35:23 PM: ────────────────────────────────────────────────────────────────
7:35:23 PM: ​
7:35:23 PM: $ eleventy
7:35:23 PM: Caching: https://speedlify.netlify.app/api/urls.json
7:35:25 PM: [11ty] Problem writing Eleventy templates: (more in DEBUG output)
7:35:25 PM: [11ty] 1. Having trouble rendering liquid template ./.netlify/plugins/node_modules/balanced-match/README.md (via TemplateContentRenderError)
7:35:25 PM: [11ty] 2. unexpected token at "}` will match...", file:./.netlify/plugins/node_modules/balanced-match/README.md, line:50, col:130 (via ParseError)
7:35:25 PM: [11ty] 3. unexpected token at "}` will match..." (via AssertionError)
@colabottles
colabottles / tabindex_vuecarousel
Last active October 13, 2023 15:09
An inaccessible carousel
<div class="VueCarousel-wrapper">
<div class="VueCarousel-inner"
style="transform: translate(-1444px); transition: transform 0.5s ease 0s; flex-basis: 361px; visibility: visible; height: auto;">
<div tabindex="0" aria-hidden="false" role="tabpanel"
class="VueCarousel-slide rpl-card-carousel__slide">
<div class="rpl-card-carousel__slide-wrap"><a
href="/data-city-casey-open-data-exchange-now-available-datavic"
class="rpl-link rpl-link--nuxt rpl-card-content rpl-card-promotion rpl-card-content--default rpl-card-content--has-link-text"
data-print-url="http://www.data.vic.gov.au/data-city-casey-open-data-exchange-now-available-datavic"
data-tid="carousel-card">
<div>
<div>
<a class="paragraph-anchor" id="section-32" tabindex="-1"></a>
<div class="paragraph paragraph--type--text paragraph--view-mode--default">
<div>
<div>
<p>
<span>
<span>
<span>Advertising includes not only a job advertisement but also an
@colabottles
colabottles / script.js
Created January 19, 2021 08:32
JavaScript code snippet example
function updateName() {
let name = prompt('Enter a new name');
para.textContent = 'Player 1: ' + name;
}
@colabottles
colabottles / contrasting-a11y-with-color-contrast.md
Last active December 15, 2020 20:09
BarCamp Philly 13 Transcript - Contrasting Accessibility with Color Contrast

// Not edited for accuracy yet, will be getting to that soon. Please bear with me. Thank you.

1 00:00:00.089 --> 00:00:00.539 Todd Libby: Alright.

2 00:00:07.140 --> 00:00:11.400 Todd Libby: Alright, thank you very much. Hello, everyone, and welcome.

@colabottles
colabottles / interview-questions.md
Last active October 13, 2023 16:54
Interview questions to ask interviewer
  1. What is the company vision?
  2. What is your passion with/about the company/your role?
  3. What is the company culture?
  4. How did you get into this role?
  5. What keeps you up at night about this role?
  6. Are there plans to extend the team?
  7. What is the ratio of front end to back end developers?
  8. Walk me through the decision-making process.
  9. What have you learned from people in roles beneath yours?
  10. What have you learned form older/younger developers?
@colabottles
colabottles / clamp.css
Created July 31, 2020 02:19
CSS Clamp example
body {
font-size: clamp (
1.125rem, /* Min */
1rem + 2vw, /* Scaler */
1.5rem /* Max */
);
}
@colabottles
colabottles / sample.js
Created July 27, 2020 12:36
A sample file with some JS as an example for a11y on Twitter
function leadingZero(time) {
if (time <= 9) {
time = "0" + time;
}
return time;
}
@colabottles
colabottles / css-var.css
Last active July 14, 2020 13:09
Part of a stylesheet where I am trying to get custom variables to work on a background gradient using hue.
/* Define color intent */
--backgroundColor: hsl(var(--hue) 50% 50%);
--hue: 100;
body {
background-color: var(--backgroundColor);
display: grid;
font-family: var(--bodyFont);
margin: 0;
padding-block: 4rem;
@colabottles
colabottles / a11y.md
Last active February 9, 2021 18:36
A list of 10 rules for Accessibility

10 Rules of Accessibility

  1. Accessibility is inclusive.
  2. Accessibility is out of the box. * - with caveats
  3. Accessibility is more than just a list of items to check off.
  4. Accessibility is empathetic.
  5. Accessibility is impactful.
  6. Accessibility is inspiring and uplifting.
  7. Accessibility is a right. NOT a privilege.
  8. Accessibility is an act of humanity.