1 2<!DOCTYPE html> 3<html 4 lang="en" 5 class="template-landing" 6 itemscope itemtype="http://schema.org/Webpage"> 7<head> 8 <meta charset="utf-8" /> 9<meta http-equiv="x-ua-compatible" content="ie=edge" /> 10<meta http-equiv="cleartype" content="on" /> 11<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> 12 13 14 <title> 15 16 Tagged âDevelopmentâ â Eric Bailey 17 18</title> 19<meta name="description" content="Accessibility advocate, writer, developer, and speaker"> 20<meta name="author" content="Eric Bailey" /> 21 22 <link 23 rel="alternate" 24 href="/feed/feed.xml" 25 type="application/atom+xml" 26 title="Eric Bailey" /> 27<link 28 rel="alternate" 29 href="/feed/feed.json" 30 type="application/json" 31 title="Eric Bailey" /> 32 33 34 <link rel="stylesheet" href="/site.css" as="style" /> 35 36 <link rel="manifest" href="/manifest.json" /> 37<link rel="mask-icon" href="/static/favicons/apple/safari-pinned-tab.svg" color="#4a4a4a" /> 38<link rel="icon" href="/favicon.ico" sizes="any" /> 39<link rel="icon" type="image/svg+xml" href="/static/favicons/favicon.svg"> 40<link rel="apple-touch-icon" sizes="180x180" href="/static/favicons/apple/apple-touch-icon.png" /> 41<meta name="apple-mobile-web-app-title" content="ericwbailey" /> 42<meta name="application-name" content="ericwbailey" /> 43<meta name="msapplication-TileColor" content="#48d7e7" /> 44<meta name="msapplication-TileImage" content="/static/favicons/microsoft/mstile-144x144.png" /> 45<meta name="msapplication-config" content="/static/favicons/browserconfig.xml" /> 46 47 48 <meta property="og:url" content="/tags/Development/"> 49<meta property="og:type" content="website"> 50<meta property="og:title" content="Tagged âDevelopmentâ"> 51<meta property="og:description" content="Accessibility advocate, writer, developer, and speaker"> 52<meta property="article:published_time" content="Invalid DateTimeT00:05:00.000Z"> 53<meta property="og:image" content="https://ericwbailey.website/static/favicons/social/facebook.png"> 54<meta property="og:image:alt" content="Stylized script treatment of the words Eric W Bailey on a light blue background."> 55 56 57
57<script type="module"> 58 document.documentElement.classList.add('js') 59</script>
59 60 61 62 <!-- Privacy-friendly analytics by Plausible -->
63<script async src="https://plausible.io/js/pa-6LQ9noGXpXqpPOOCFF5Rf.js"></script>
vendor: 1 bytes, line 63
63
64<script> 65 window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}}; 66 plausible.init() 67</script>
67 68 69</head> 70<body 71 class="[ grid grid-landing gutter ] [ margin-bottom-2 ]" 72 itemscope itemtype="http://schema.org/ProfilePage"> 73 74<a id="section-skipnav" class="skipnav" href="#title">Skip to main content</a> 75 76 77 78 79 80 81<header 82 id="section-banner" 83 class="banner measure" 84 aria-labelledby="updating-in-the-open"> 85 <h2 id="updating-in-the-open"> 86 Updating in the open 87 </h2> 88 <p> 89 Things might look a little janky for a bit, but thatâs okay! I am in the process of <a href="https://github.com/ericwbailey/ericwbailey.website">refreshing the design</a>. 90 </p> 91</header> 92 93 94<main 95 id="section-main" 96 class="content"> 97 98 <p class="breadcrumb"> 99 <a href="/">Home</a> 100 </p> 101 <h1 102 id="title" 103 style="margin-top:0;" 104 aria-current="page"> 105 Tagged âDevelopmentâ 106 </h1> 107 108 <div 109 id="content" 110 class="flow post__content"> 111 <p class="measure"> 112 113 </p> 114 115 116 117<ol reversed class="postlist" style="counter-reset: start-from 87"> 118 119 <li class="c-link-list__item"> 120 <a href="/published/github-repository-landing-pages-now-show-an-accessibility-tab-if-provided/" class="c-link-list__link" rel="author" id="github-repository-landing-pages-now-show-an-accessibility-tab-if-provided">GitHub repository landing pages now show an accessibility tab, if provided</a> 121 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2026-10-01">October 1, 2026</time> for ericwbailey.website.</small> 122 </li> 123 124 <li class="c-link-list__item"> 125 <a href="/published/css-tricks-could-be-a-co-op/" class="c-link-list__link" rel="author" id="css-tricks-could-be-a-co-op">CSS-Tricks could be a co-op</a> 126 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2026-09-18">September 18, 2026</time> for ericwbailey.website.</small> 127 </li> 128 129 <li class="c-link-list__item"> 130 <a href="/published/heres-yet-another-metaphor-about-tech-debt/" class="c-link-list__link" rel="author" id="heres-yet-another-metaphor-about-tech-debt">Hereâs yet another metaphor about tech debt</a> 131 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2026-08-04">August 4, 2026</time> for ericwbailey.website.</small> 132 </li> 133 134 <li class="c-link-list__item"> 135 <a href="/published/the-case-for-an-accessibility-designer-vibe-coding-when-all-his-coworkers-are-also-vibe-coding/" class="c-link-list__link" rel="author" id="the-case-for-an-accessibility-designer-vibe-coding-when-all-his-coworkers-are-also-vibe-coding">The case for an accessibility designer vibe coding when all his coworkers are also vibe coding</a> 136 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2026-06-15">June 15, 2026</time> for ericwbailey.website.</small> 137 </li> 138 139 <li class="c-link-list__item"> 140 <a href="/published/announcing-what-cant-i-press/" class="c-link-list__link" rel="author" id="announcing-what-cant-i-press">Announcing What Canât I Press?</a> 141 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2026-06-15">June 15, 2026</time> for ericwbailey.website.</small> 142 </li> 143 144 <li class="c-link-list__item"> 145 <a href="/published/heres-how-to-instruct-a-llm-to-reference-the-aria-authoring-practices-guide/" class="c-link-list__link" rel="author" id="heres-how-to-instruct-a-llm-to-reference-the-aria-authoring-practices-guide">Hereâs how to instruct a LLM to reference the ARIA Authoring Practices Guide</a> 146 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2026-02-16">February 16, 2026</time> for ericwbailey.website.</small> 147 </li> 148 149 <li class="c-link-list__item"> 150 <a href="/published/you-probably-shouldnt-be-annotating-focus-order/" class="c-link-list__link" rel="author" id="you-probably-shouldnt-be-annotating-focus-order">You probably shouldnât be annotating focus order</a> 151 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2026-02-04">February 4, 2026</time> for ericwbailey.website.</small> 152 </li> 153 154 <li class="c-link-list__item"> 155 <a href="/published/how-an-accessibility-designer-adds-keyboard-shortcuts-to-a-web-app/" class="c-link-list__link" rel="author" id="how-an-accessibility-designer-adds-keyboard-shortcuts-to-a-web-app">How an accessibility designer adds keyboard shortcuts to a web app</a> 156 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2026-01-28">January 28, 2026</time> for ericwbailey.website.</small> 157 </li> 158 159 <li class="c-link-list__item"> 160 <a href="/published/newsletters-that-regularly-hit-my-inbox-these-days/" class="c-link-list__link" rel="author" id="newsletters-that-regularly-hit-my-inbox-these-days">Newsletters that regularly hit my inbox these days</a> 161 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2025-07-14">July 14, 2025</time> for ericwbailey.website.</small> 162 </li> 163 164 <li class="c-link-list__item"> 165 <a href="/published/you-must-listen-to-rfc-2119/" class="c-link-list__link" rel="author" id="you-must-listen-to-rfc-2119">You MUST listen to RFC 2119</a> 166 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2025-06-30">June 30, 2025</time> for ericwbailey.website.</small> 167 </li> 168 169 <li class="c-link-list__item"> 170 <a href="https://piccalil.li/blog/making-content-aware-components-using-css-has-grid-and-quantity-queries/" class="c-link-list__link" rel="author" id="making-content-aware-components-using-css-has-grid-and-quantity-queries">Making content-aware components using CSSâ <code>:has()</code>, grid, and quantity queries</a> 171 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2024-09-28">September 28, 2024</time> for Piccalilli.</small> 172 </li> 173 174 <li class="c-link-list__item"> 175 <a href="https://github.blog/changelog/2024-09-23-heading-elements-added-to-project-board-views/" class="c-link-list__link" rel="author" id="heading-elements-have-been-added-to-project-board-views-to-improve-screen-reader-page-navigation">Heading elements have been added to Project board views to improve screen reader page navigation</a> 176 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2024-09-23">September 23, 2024</time> for GitHub.</small> 177 </li> 178 179 <li class="c-link-list__item"> 180 <a href="/published/a11y-syntax-highlighting-has-been-updated/" class="c-link-list__link" rel="author" id="a11y-syntax-highlighting-has-been-updated">a11y-syntax-highlighting has been updated</a> 181 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2024-09-09">September 9, 2024</time> for ericwbailey.website.</small> 182 </li> 183 184 <li class="c-link-list__item"> 185 <a href="/published/basic-keyboard-shortcut-support-for-focused-links/" class="c-link-list__link" rel="author" id="basic-keyboard-shortcut-support-for-focused-links">Basic keyboard shortcut support for focused links</a> 186 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2024-08-21">August 21, 2024</time> for ericwbailey.website.</small> 187 </li> 188 189 <li class="c-link-list__item"> 190 <a href="https://www.smashingmagazine.com/2024/07/getting-bottom-minimum-wcag-conformant-interactive-element-size/" class="c-link-list__link" rel="author" id="getting-to-the-bottom-of-minimum-wcag-conformant-interactive-element-size">Getting To The Bottom Of Minimum WCAG-Conformant Interactive Element Size</a> 191 <small style="display: block;" class="c-link-list__description">
191Published <time class="postlist-date" datetime="2024-07-19">July 19, 2024</time> for Smashing Magazine.</small> 192 </li> 193 194 <li class="c-link-list__item"> 195 <a href="/published/dungeons-and-dragons-taught-me-how-to-write-alt-text/" class="c-link-list__link" rel="author" id="dungeons-and-dragons-taught-me-how-to-write-alt-text">Dungeons & Dragons taught me how to write alt text</a> 196 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2024-07-16">July 16, 2024</time> for ericwbailey.website.</small> 197 </li> 198 199 <li class="c-link-list__item"> 200 <a href="/published/free-idea-design-token-ugly-mode/" class="c-link-list__link" rel="author" id="free-idea-design-token-ugly-mode">Free idea: design token ugly mode</a> 201 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2024-07-01">July 1, 2024</time> for ericwbailey.website.</small> 202 </li> 203 204 <li class="c-link-list__item"> 205 <a href="/published/contrast-color-is-a-good-thing-but-also-solving-the-problem-at-the-wrong-layer/" class="c-link-list__link" rel="author" id="contrast-color-is-a-good-thing-but-also-solving-the-problem-at-the-wrong-layer"><code>contrast-color()</code> is a good thing, but also solving the problem at the wrong layer</a> 206 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2024-05-21">May 21, 2024</time> for ericwbailey.website.</small> 207 </li> 208 209 <li class="c-link-list__item"> 210 <a href="/published/i-restyled-my-mastodon-instance/" class="c-link-list__link" rel="author" id="i-restyled-my-mastodon-instance">I restyled my Mastodon instance</a> 211 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2023-11-27">November 27, 2023</time> for ericwbailey.website.</small> 212 </li> 213 214 <li class="c-link-list__item"> 215 <a href="/published/accessibility-annotation-kits-only-annotate/" class="c-link-list__link" rel="author" id="accessibility-annotation-kits-only-annotate">Accessibility annotation kits only annotate</a> 216 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2023-11-13">November 13, 2023</time> for ericwbailey.website.</small> 217 </li> 218 219 <li class="c-link-list__item"> 220 <a href="/published/github-now-has-a-setting-to-underline-links/" class="c-link-list__link" rel="author" id="github-now-has-a-setting-to-underline-links">GitHub now has a setting to underline links</a> 221 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2023-10-02">October 2, 2023</time> for ericwbailey.website.</small> 222 </li> 223 224 <li class="c-link-list__item"> 225 <a href="/published/equivalent-experience-can-cut-both-ways/" class="c-link-list__link" rel="author" id="equivalent-experience-can-cut-both-ways">Equivalent experience can cut both ways</a> 226 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2023-09-05">September 5, 2023</time> for ericwbailey.website.</small> 227 </li> 228 229 <li class="c-link-list__item"> 230 <a href="/published/the-five-types-of-people-who-produce-inaccessible-code/" class="c-link-list__link" rel="author" id="the-five-types-of-people-who-produce-inaccessible-code">The five types of people who produce inaccessible code</a> 231 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2023-06-16">June 16, 2023</time> for ericwbailey.website.</small> 232 </li> 233 234 <li class="c-link-list__item"> 235 <a href="/published/display-contents-considered-harmful/" class="c-link-list__link" rel="author" id="display-contents-considered-harmful"><code>display: contents</code> considered harmful</a> 236 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2023-05-25">May 25, 2023</time> for ericwbailey.website.</small> 237 </li> 238 239 <li class="c-link-list__item"> 240 <a href="/published/dont-use-custom-css-scrollbars/" class="c-link-list__link" rel="author" id="dont-use-custom-css-scrollbars">Donât use custom CSS scrollbars</a> 241 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2023-05-03">May 3, 2023</time> for ericwbailey.website.</small> 242 </li> 243 244 <li class="c-link-list__item"> 245 <a href="/published/modern-health-frameworks-performance-and-harm/" class="c-link-list__link" rel="author" id="modern-health-frameworks-performance-and-harm">Modern Health, frameworks, performance, and harm</a> 246 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2023-02-01">February 1, 2023</time> for ericwbailey.website.</small> 247 </li> 248 249 <li class="c-link-list__item"> 250 <a href="/published/aria-label-is-a-code-smell/" class="c-link-list__link" rel="author" id="aria-label-is-a-code-smell"><code>aria-label</code> is a code smell</a> 251 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-10-31">October 31, 2022</time> for ericwbailey.website.</small> 252 </li> 253 254 <li class="c-link-list__item"> 255 <a href="/published/yes-accessibility-is-also-a-backend-concern/" class="c-link-list__link" rel="author" id="yes-accessibility-is-also-a-backend-concern">Yes, accessibility is also a backend concern</a> 256 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-09-29">September 29, 2022</time> for ericwbailey.website.</small> 257 </li> 258 259 <li class="c-link-list__item"> 260 <a href="https://www.smashingmagazine.com/2022/06/voice-control-usability-considerations-partially-visually-hidden-link-names/" class="c-link-list__link" rel="author" id="voice-control-usability-considerations-for-partially-visually-hidden-link-names">
260Voice Control Usability Considerations For Partially Visually Hidden Link Names</a> 261 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-06-24">June 24, 2022</time> for Smashing Magazine.</small> 262 </li> 263 264 <li class="c-link-list__item"> 265 <a href="/published/where-do-you-start-measuring-distance-from-when-the-origin-is-the-bottom-of-a-block-of-text/" class="c-link-list__link" rel="author" id="where-do-you-start-measuring-distance-from-when-the-origin-is-the-bottom-of-a-block-of-text">Where do you start measuring distance from when the origin is the bottom of a block of text?</a> 266 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-05-26">May 26, 2022</time> for ericwbailey.website.</small> 267 </li> 268 269 <li class="c-link-list__item"> 270 <a href="/published/the-optics-of-pair-programming/" class="c-link-list__link" rel="author" id="the-optics-of-pair-programming">The optics of pair programming</a> 271 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-05-17">May 17, 2022</time> for ericwbailey.website.</small> 272 </li> 273 274 <li class="c-link-list__item"> 275 <a href="/published/all-the-user-facing-states/" class="c-link-list__link" rel="author" id="all-the-user-facing-states">All the user-facing states</a> 276 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-04-29">April 29, 2022</time> for ericwbailey.website.</small> 277 </li> 278 279 <li class="c-link-list__item"> 280 <a href="/published/it-needs-to-map-back-to-a-role/" class="c-link-list__link" rel="author" id="it-needs-to-map-back-to-a-role">It needs to map back to a role</a> 281 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-03-14">March 14, 2022</time> for ericwbailey.website.</small> 282 </li> 283 284 <li class="c-link-list__item"> 285 <a href="/published/the-case-for-adding-validation-state-to-your-design-tokens/" class="c-link-list__link" rel="author" id="the-case-for-adding-validation-state-to-your-design-tokens">The case for adding validation state to your design tokens</a> 286 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-02-22">February 22, 2022</time> for ericwbailey.website.</small> 287 </li> 288 289 <li class="c-link-list__item"> 290 <a href="https://www.smashingmagazine.com/2022/03/windows-high-contrast-colors-mode-css-custom-properties/" class="c-link-list__link" rel="author" id="windows-high-contrast-mode-forced-colors-mode-and-css-custom-properties">Windows High Contrast Mode, Forced Colors Mode And CSS Custom Properties</a> 291 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-02-21">February 21, 2022</time> for Smashing Magazine.</small> 292 </li> 293 294 <li class="c-link-list__item"> 295 <a href="https://css-tricks.com/evergreen-does-not-mean-immediately-available/" class="c-link-list__link" rel="author" id="evergreen-does-not-mean-immediately-available">âEvergreenâ Does Not Mean Immediately Available</a> 296 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-02-01">February 1, 2022</time> for CSS-Tricks.</small> 297 </li> 298 299 <li class="c-link-list__item"> 300 <a href="https://makeitfable.com/article/ive-had-enough-when-access-friction-becomes-an-access-barrier/" class="c-link-list__link" rel="author" id="ive-had-enough-when-access-friction-becomes-an-access-barrier">Iâve had enough! When access friction becomes an access barrier</a> 301 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2022-01-19">January 19, 2022</time> for Fable.</small> 302 </li> 303 304 <li class="c-link-list__item"> 305 <a href="/published/chinese-rooms-wasps-slime-molds-and-the-problem-of-other-minds/" class="c-link-list__link" rel="author" id="chinese-rooms-wasps-slime-molds-and-the-problem-of-other-minds">Chinese rooms, wasps, slime molds, and the problem of other minds</a> 306 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-12-23">December 23, 2021</time> for ericwbailey.website.</small> 307 </li> 308 309 <li class="c-link-list__item"> 310 <a href="/published/where-do-you-put-spacing-on-design-system-components/" class="c-link-list__link" rel="author" id="where-do-you-put-spacing-on-design-system-components">
310Where do you put spacing on design system components?</a> 311 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-12-07">December 7, 2021</time> for ericwbailey.website.</small> 312 </li> 313 314 <li class="c-link-list__item"> 315 <a href="https://css-tricks.com/test-your-product-on-a-crappy-laptop/" class="c-link-list__link" rel="author" id="test-your-product-on-a-crappy-laptop">Test Your Product on a Crappy Laptop</a> 316 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-12-07">December 7, 2021</time> for CSS-Tricks.</small> 317 </li> 318 319 <li class="c-link-list__item"> 320 <a href="/published/your-css-is-an-interface/" class="c-link-list__link" rel="author" id="your-css-is-an-interface">Your CSS is an interface</a> 321 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-11-15">November 15, 2021</time> for ericwbailey.website.</small> 322 </li> 323 324 <li class="c-link-list__item"> 325 <a href="https://www.smashingmagazine.com/2021/09/improving-accessibility-of-markdown/" class="c-link-list__link" rel="author" id="improving-the-accessibility-of-your-markdown">Improving The Accessibility Of Your Markdown</a> 326 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-09-28">September 28, 2021</time> for Smashing Magazine.</small> 327 </li> 328 329 <li class="c-link-list__item"> 330 <a href="/published/thoughtbot-com-dark-mode-and-other-user-preferences/" class="c-link-list__link" rel="author" id="thoughtbotcom-dark-mode-and-other-user-preferences">thoughtbot.com, dark mode, and other user preferences</a> 331 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-09-07">September 7, 2021</time> for ericwbailey.website.</small> 332 </li> 333 334 <li class="c-link-list__item"> 335 <a href="/published/organize-your-css-declarations-alphabetically/" class="c-link-list__link" rel="author" id="organize-your-css-declarations-alphabetically">Organize your CSS declarations alphabetically</a> 336 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-06-21">June 21, 2021</time> for ericwbailey.website.</small> 337 </li> 338 339 <li class="c-link-list__item"> 340 <a href="/published/listing-posts-in-eleventy-when-you-publish-offsite/" class="c-link-list__link" rel="author" id="listing-posts-in-eleventy-when-you-publish-offsite">Listing posts in Eleventy when you publish offsite</a> 341 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-04-28">April 28, 2021</time> for ericwbailey.website.</small> 342 </li> 343 344 <li class="c-link-list__item"> 345 <a href="https://css-tricks.com/css-is-a-strongly-typed-language/" class="c-link-list__link" rel="author" id="css-is-a-strongly-typed-language">CSS is a Strongly Typed Language</a> 346 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-04-13">April 13, 2021</time> for CSS-Tricks.</small> 347 </li> 348 349 <li class="c-link-list__item"> 350 <a href="https://www.shopify.com/partners/blog/mobile-accessibility" class="c-link-list__link" rel="author" id="mobile-accessibility-how-to-build-apps-that-work-for-all-users">Mobile Accessibility: How to Build Apps that Work for All Users</a> 351 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-04-06">April 6, 2021</time> for Shopify Partners.</small> 352 </li> 353 354 <li class="c-link-list__item"> 355 <a href="https://www.a11yproject.com/posts/2021-03-23-myth-alternate-text-can-be-automated/" class="c-link-list__link" rel="author" id="myth-alternate-text-and-automation">Myth: Alternate text and automation</a> 356 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-03-24">March 24, 2021</time> for The A11Y Project.</small> 357 </li> 358 359 <li class="c-link-list__item"> 360 <a href="https://www.a11yproject.com/posts/2021-03-08-should-i-use-an-accessibility-overlay/" class="c-link-list__link" rel="author" id="should-i-use-an-accessibility-overlay">Should I use an accessibility overlay</a> 361 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-03-08">March 8, 2021</time> for The A11Y Project.</small> 362 </li> 363 364 <li class="c-link-list__item"> 365 <a href="https://thoughtbot.com/blog/an-introduction-to-macos-voice-control" class="c-link-list__link" rel="author" id="an-introduction-to-macos-voice-control">An Introduction to macOS Voice Control</a> 366 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-03-02">March 2, 2021</time> for thoughtbot.</small> 367 </li> 368 369 <li class="c-link-list__item"> 370 <a href="/published/open-ui-and-implicit-parent-child-relationships-in-html/" class="c-link-list__link" rel="author" id="open-ui-and-implicit-parent/child-relationships-in-html">Open UI and implicit parent/child relationships in HTML</a> 371 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2021-01-12">January 12, 2021</time> for ericwbailey.website.</small> 372 </li> 373 374 <li class="c-link-list__item"> 375 <a href="https://thoughtbot.com/blog/so-you-wanna-create-an-eco-friendly-website" class="c-link-list__link" rel="author" id="so-you-wanna-create-an-eco-friendly-website">So you wanna create an eco-friendly website</a> 376 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-11-26">November 26, 2020</time> for thoughtbot.</small> 377 </li> 378 379 <li class="c-link-list__item"> 380 <a href="/published/using-a-folder-other-than-posts-with-eleventy/" class="c-link-list__link" rel="author" id="using-a-folder-other-than-posts/-with-eleventy">Using a folder other than <code>posts/</code> with Eleventy</a> 381 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-11-22">November 22, 2020</time> for ericwbailey.website.</small> 382 </li> 383 384 <li class="c-link-list__item"> 385 <a href="https://thoughtbot.com/blog/tailwind-versus-bem" class="c-link-list__link" rel="author" id="tailwind-versus-bem">Tailwind versus BEM</a> 386 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-10-29">October 29, 2020</time> for thoughtbot.</small> 387 </li> 388 389 <li class="c-link-list__item">
390 <a href="https://css-tricks.com/focus-management-and-inert/" class="c-link-list__link" rel="author" id="focus-management-and-inert">Focus Management and Inert</a> 391 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-10-19">October 19, 2020</time> for CSS-Tricks.</small> 392 </li> 393 394 <li class="c-link-list__item"> 395 <a href="https://thoughtbot.com/blog/saying-no-to-diez-for-now" class="c-link-list__link" rel="author" id="saying-no-to-diez-for-now">Saying no to Diez (for now)</a> 396 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-09-18">September 18, 2020</time> for thoughtbot.</small> 397 </li> 398 399 <li class="c-link-list__item"> 400 <a href="/published/the-radium-craze/" class="c-link-list__link" rel="author" id="the-radium-craze">The Radium Craze</a> 401 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-08-25">August 25, 2020</time> for ericwbailey.website.</small> 402 </li> 403 404 <li class="c-link-list__item"> 405 <a href="https://www.smashingmagazine.com/2020/06/equivalent-experiences-part2/" class="c-link-list__link" rel="author" id="equivalent-experiences-thinking-equivalently">Equivalent Experiences: Thinking Equivalently</a> 406 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-06-05">June 5, 2020</time> for Smashing Magazine.</small> 407 </li> 408 409 <li class="c-link-list__item"> 410 <a href="https://www.smashingmagazine.com/2020/05/equivalent-experiences-part1/" class="c-link-list__link" rel="author" id="equivalent-experiences-what-are-they">
410Equivalent Experiences: What Are They?</a> 411 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-05-27">May 27, 2020</time> for Smashing Magazine.</small> 412 </li> 413 414 <li class="c-link-list__item"> 415 <a href="https://css-tricks.com/complete-guide-to-css-functions/" class="c-link-list__link" rel="author" id="a-complete-guide-to-css-functions">A Complete Guide to CSS Functions</a> 416 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-05-27">May 27, 2020</time> for CSS-Tricks.</small> 417 </li> 418 419 <li class="c-link-list__item"> 420 <a href="https://a11yproject.com/posts/aria-has-perfect-support/" class="c-link-list__link" rel="author" id="myth-aria-has-perfect-support">Myth: ARIA Has Perfect Support</a> 421 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-05-13">May 13, 2020</time> for The A11Y Project.</small> 422 </li> 423 424 <li class="c-link-list__item"> 425 <a href="https://css-tricks.com/svg-favicons-and-all-the-fun-things-we-can-do-with-them/" class="c-link-list__link" rel="author" id="svg-favicons-and-all-the-fun-things-we-can-do-with-them">SVG, Favicons, and All the Fun Things We Can Do With Them</a> 426 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-04-24">April 24, 2020</time> for CSS-Tricks.</small> 427 </li> 428 429 <li class="c-link-list__item"> 430 <a href="/published/how-to-not-make-a-resume-in-react/" class="c-link-list__link" rel="author" id="how-to-not-make-a-resume-in-react">How to not make a résumé in React</a> 431 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-04-07">April 7, 2020</time> for ericwbailey.website.</small> 432 </li> 433 434 <li class="c-link-list__item"> 435 <a href="https://www.a11yproject.com/posts/2020-01-23-operating-system-and-browser-accessibility-display-modes/" class="c-link-list__link" rel="author" id="operating-system-and-browser-accessibility-display-modes">Operating System and Browser Accessibility Display Modes</a> 436 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2020-01-23">January 23, 2020</time> for The A11Y Project.</small> 437 </li> 438 439 <li class="c-link-list__item"> 440 <a href="/published/tech-metaphors/" class="c-link-list__link" rel="author" id="tech-metaphors">Tech metaphors</a> 441 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-11-11">November 11, 2019</time> for ericwbailey.website.</small> 442 </li> 443 444 <li class="c-link-list__item"> 445 <a href="/published/truths-about-digital-accessibility/" class="c-link-list__link" rel="author" id="truths-about-digital-accessibility">Truths about digital accessibility</a> 446 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-07-29">July 29, 2019</time> for ericwbailey.website.</small> 447 </li> 448 449 <li class="c-link-list__item"> 450 <a href="https://thoughtbot.com/blog/attempting-to-corral-colors-with-a-sass-function" class="c-link-list__link" rel="author" id="attempting-to-corral-colors-with-a-sass-function">Attempting to corral colors with a Sass function</a> 451 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-06-07">June 7, 2019</time> for thoughtbot.</small> 452 </li> 453 454 <li class="c-link-list__item"> 455 <a href="https://css-tricks.com/aria-spackle-not-rebar/" class="c-link-list__link" rel="author" id="aria-is-spackle-not-rebar">ARIA is Spackle, Not Rebar</a> 456 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-05-20">May 20, 2019</time> for CSS-Tricks.</small> 457 </li> 458 459 <li class="c-link-list__item"> 460 <a href="/published/lighthouse/" class="c-link-list__link" rel="author" id="lighthouse">Lighthouse</a> 461 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-05-14">May 14, 2019</time> for ericwbailey.website.</small> 462 </li> 463 464 <li class="c-link-list__item">
465 <a href="https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/" class="c-link-list__link" rel="author" id="revisiting-prefers-reduced-motion-the-reduced-motion-media-query">Revisiting prefers-reduced-motion, the reduced motion media query</a> 466 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-04-30">April 30, 2019</time> for CSS-Tricks.</small> 467 </li> 468 469 <li class="c-link-list__item"> 470 <a href="https://css-tricks.com/introduction-reduced-motion-media-query/" class="c-link-list__link" rel="author" id="an-introduction-to-the-reduced-motion-media-query">An Introduction to the Reduced Motion Media Query</a> 471 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-04-24">April 24, 2019</time> for CSS-Tricks.</small> 472 </li> 473 474 <li class="c-link-list__item"> 475 <a href="https://thoughtbot.com/blog/slashbot" class="c-link-list__link" rel="author" id="slashbot">slashbot</a> 476 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-03-15">March 15, 2019</time> for thoughtbot.</small> 477 </li> 478 479 <li class="c-link-list__item"> 480 <a href="https://alistapart.com/article/paint-the-picture-not-the-frame" class="c-link-list__link" rel="author" id="paint-the-picture-not-the-frame-how-browsers-provide-everything-users-need">Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need</a> 481 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-02-07">February 7, 2019</time> for A List Apart.</small> 482 </li> 483 484 <li class="c-link-list__item"> 485 <a href="https://robots.thoughtbot.com/little-library" class="c-link-list__link" rel="author" id="little-library">Little Library</a> 486 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-01-14">January 14, 2019</time> for thoughtbot.</small> 487 </li> 488 489 <li class="c-link-list__item"> 490 <a href="https://css-tricks.com/reader-mode-the-button-to-beat/" class="c-link-list__link" rel="author" id="reader-mode-the-button-to-beat">Reader Mode: The Button to Beat</a> 491 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2019-01-07">January 7, 2019</time> for CSSâ-âTricks.</small> 492 </li> 493 494 <li class="c-link-list__item"> 495 <a href="https://www.24a11y.com/2018/web-components-still-need-to-be-accessible/" class="c-link-list__link" rel="author" id="web-components-still-need-to-be-accessible">Web components still need to be accessible</a> 496 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2018-12-20">December 20, 2018</time> for 24 Accessibility.</small> 497 </li> 498 499 <li class="c-link-list__item"> 500 <a href="https://robots.thoughtbot.com/a-designer-developing-for-android" class="c-link-list__link" rel="author" id="a-designer-developing-for-android">A designer developing for Android</a> 501 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2018-11-08">November 8, 2018</time> for thoughtbot.</small> 502 </li> 503 504 <li class="c-link-list__item"> 505 <a href="https://webdesign.tutsplus.com/articles/the-importance-of-heading-levels-for-assistive-technology--cms-31753" class="c-link-list__link" rel="author" id="the-importance-of-heading-levels-for-assistive-technology">The Importance of Heading Levels for Assistive Technology</a> 506 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2018-10-22">October 22, 2018</time> for Envato Tuts+.</small> 507 </li> 508 509 <li class="c-link-list__item"> 510 <a href="https://css-tricks.com/the-possibilities-of-the-color-adjust-property/" class="c-link-list__link" rel="author" id="the-possibilities-of-the-color-adjust-property">The possibilities of the color-adjust property</a> 511 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2018-08-14">August 14, 2018</time> for CSS-Tricks.</small> 512 </li> 513 514 <li class="c-link-list__item"> 515 <a href="https://www.smashingmagazine.com/2018/06/placeholder-attribute/" class="c-link-list__link" rel="author" id="dont-use-the-placeholder-attribute">Don't Use The Placeholder Attribute</a> 516 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2018-06-20">June 20, 2018</time> for Smashing Magazine.</small> 517 </li> 518 519 <li class="c-link-list__item">
520 <a href="https://css-tricks.com/focusing-on-focus-styles/" class="c-link-list__link" rel="author" id="focusing-on-focus-styles">Focusing on Focus Styles</a> 521 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2018-03-29">March 29, 2018</time> for CSS-Tricks.</small> 522 </li> 523 524 <li class="c-link-list__item"> 525 <a href="https://css-tricks.com/building-good-download-button/" class="c-link-list__link" rel="author" id="building-a-good-download-button">Building a Good Download⦠Button?</a> 526 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2018-02-03">February 3, 2018</time> for CSS-Tricks.</small> 527 </li> 528 529 <li class="c-link-list__item"> 530 <a href="https://cantina.co/building-a-better-button-in-css/" class="c-link-list__link" rel="author" id="building-a-better-button-in-css">Building a better button in CSS</a> 531 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2016-10-19">October 19, 2016</time> for Cantina.</small> 532 </li> 533 534 <li class="c-link-list__item"> 535 <a href="https://cantina.co/organizational-buy-in-on-responsive-design/" class="c-link-list__link" rel="author" id="organizational-buy-in-on-responsive-design">Organizational buy-in on Responsive Design</a> 536 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2016-06-02">June 2, 2016</time> for Cantina.</small> 537 </li> 538 539 <li class="c-link-list__item"> 540 <a href="https://cantina.co/fighting-for-control-of-your-smartphone-battery/" class="c-link-list__link" rel="author" id="battery-status-api-we-need-to-talk">Battery Status API: We need to talk</a> 541 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2016-01-13">January 13, 2016</time> for Cantina.</small> 542 </li> 543 544 <li class="c-link-list__item"> 545 <a href="https://cantina.co/using-the-exception-comment-to-help-maintain-mature-large-scale-sass-projects/" class="c-link-list__link" rel="author" id="ill-make-an-exception-just-for-you-using-the-exception-comment-to-help-maintain-mature-large-scale-sass-projects">Iâll Make an Exception Just for You: Using the Exception Comment to Help Maintain Mature, Large-scale Sass Projects</a> 546 <small style="display: block;" class="c-link-list__description">Published <time class="postlist-date" datetime="2015-10-30">October 30, 2015</time> for Cantina.</small> 547 </li> 548 549</ol> 550 551 552<p><a href="/tags/">All tags</a>.</p> 553 554 </div> 555</main> 556 557<div class="footer"> 558 <div class="footer"> 559 <div 560 class="flow u-color-background-gray" 561 style="padding-bottom: var(--scale6);" 562 id="section-navigation"> 563 <h2 id="subtitle-navigation" class="hide-visually" style="margin-top:var(--scale2);"> 564 Navigation 565 </h2> 566 567 <nav id="nav-primary" aria-label="Primary"> 568 569 <ul 570 itemscope 571 itemtype="https://schema.org/SiteNavigationElement"> 572 573 <li> 574 <a 575 class="u-color-text-white" 576 itemprop="url" 577 aria-current="page" 578 href="/published/"> 579 Writing 580 </a> 581 </li> 582 583 <li> 584 <a 585 class="u-color-text-white" 586 itemprop="url" 587 aria-current="page" 588 href="/speaking/"> 589 Speaking 590 </a> 591 </li> 592 593 <li> 594 <a 595 class="u-color-text-white" 596 itemprop="url" 597 aria-current="page" 598 href="/projects/"> 599 Projects 600 </a> 601 </li> 602 603 <li> 604 <a 605 class="u-color-text-white" 606 itemprop="url" 607 aria-current="page" 608 href="/office-hours/"> 609 Office Hours 610 </a> 611 </li> 612 613 </ul> 614</nav> 615 616 <nav id="nav-secondary" aria-label="Secondary"> 617 618 <ul 619 itemscope 620 itemtype="https://schema.org/SiteNavigationElement"> 621 <li> 622 <a href="/feed/feed.xml">RSS Feed</a> 623 </li> 624 625 <li> 626 <a 627 class="u-color-text-white" 628 itemprop="url" 629 aria-current="page" 630 href="/accessibility-statement/"> 631 Accessibility Statement 632 </a> 633 </li> 634 635 <li> 636 <a 637 class="u-color-text-white" 638 itemprop="url" 639 aria-current="page" 640 href="/colophon/"> 641 Colophon 642 </a> 643 </li> 644 645 <li> 646 <a 647 class="u-color-text-white" 648 itemprop="url" 649 aria-current="page" 650 href="/old-stuff/"> 651 Old Stuff 652 </a> 653 </li> 654 655 </ul> 656</nav> 657 658 659</div> 660 661</div> 662
663<script type="text/javascript" src="/js/main.js" async></script>
663 664 665 666
667<script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="226e3d27-a52b-4898-b730-8ffc2aeb9963" data-netlify-deploy-branch="main" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiMjI2ZTNkMjctYTUyYi00ODk4LWI3MzAtOGZmYzJhZWI5OTYzIiwiYWNjb3VudF9pZCI6IjVhY2JkMzQ2Njc2MTBjMTQ0MGNhMDE3NyIsImRlcGxveV9pZCI6IjZhYmYwY2YxZDg4MzU4MDAwOGExOTczZCIsImlzc3VlciI6Im5mc2VydmVyIn0.JxIIpn3sKyWKGeSzfHizueiuEF2eyECxTdAiRMqyCag"></script>
667 668</body> 669</html> 670 671</div>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.