Frontend Dogma

“2023” Archive (3)

  1. Using ChatGPT, GitHub Copilot, and Phind to Generate Tailwind Config for Width Classes · · , , ,
  2. What Should Be the Contrast Level of Inactive Buttons? · · , ,
  3. When to Use CSS “text-wrap: balance;” vs. “text-wrap: pretty;” · · , ,
  4. Embedding Accessibility into Code Reviews · · , , ,
  5. Using ChatGPT for Smart Truncation in Responsive Web Design · · , , ,
  6. Is CAPTCHA Accessible? · · ,
  7. How Do You Even Web Dev Without Node? A Quick Introduction to Test-Driven Web Development Using Just the Browser · · ,
  8. How to Map a Number Between Two Ranges · · , ,
  9. Why Unique ID Attributes Matter · · , ,
  10. I Asked People to Make This Simple Layout and Was Surprised by the Results · · , , ,
  11. Don’t Do It on Frontend or… Frontend Good Practices for Devs · · , , ,
  12. The Need for Recognition in Open Source · · , , ,
  13. How to Collaborate on Pull Requests for Beginners · · , ,
  14. Prodding Firefox to Update “:has()” Selection · · , , , ,
  15. Web Accessibility Strategies for Non-Accessible Projects · · , , ,
  16. Release Notes for Safari Technology Preview 181 · · , , ,
  17. How to Animate Along a Path in CSS · · , ,
  18. The New “light-dark()” Function to Switch Theme Color in CSS · · , ,
  19. On the Uniting Power of a Commitment to HTML Conformance · · , , , ,
  20. Does the HTML “hr” (Horizontal Rule) Benefit Screen Reader Users? · · , , , ,
  21. The Inverse Value of UX and Art · · ,
  22. Solid.js Creator Outlines Options to Reduce JavaScript Code · · ,
  23. Do We Need State Management in Angular? · · ,
  24. Storybook 7.5 · · ,
  25. Node.js 21 Available Now! · · ,
  26. Start Styling Your “console.log()” Messages in DevTools · · , , ,
  27. The Nuances of Base64 Encoding Strings in JavaScript · · ,
  28. React Design Patterns · · ,
  29. Transition Animations: A Practical Guide · · , , ,
  30. A Couple of New CSS Functions I’d Never Heard Of · · ,
  31. The Three Cs: Concatenate, Compress, Cache · · , ,
  32. Burn Your Toast · · , ,
  33. How to Use SEO to Build Long-Term Brand Recognition and Visibility · · , ,
  34. Link Colors and the Rule of Tincture · · ,
  35. Scroll-Driven State Transfer · · ,
  36. “JavaScript Is Weird” as a Compressor · · ,
  37. Ensuring Negative Numbers Are Available for Everyone · · , ,
  38. 2.4.11: Adversarial Conformance · · , ,
  39. Common Vue.js Development Mistakes and How to Avoid Them · · ,
  40. CSS Findings from Photoshop Web Version · · , ,
  41. How to Style Element Descendants With Tailwind CSS · · ,
  42. Bubble Sort… in Pure CSS? (No JS) · · , ,
  43. Button Labels: Is “OK” Ok? · · , , ,
  44. Forget Twitter: WordPress.com Blogs Can Now Connect to Mastodon · · , , ,
  45. The Negative Impact of Mobile-First Web Design on Desktop · · , , , ,
  46. How We Optimized Package Imports in Next.js · · , , ,
  47. Organizing Multiple Git Identities ·
  48. 44 React Frontend Interview Questions · · ,
  49. What’s New in CSS? · · ,
  50. Astro 3.3: Picture Component · · ,
  51. Quick Tip: Creating Polymorphic Components in TypeScript · · , ,
  52. Using CSS Custom Properties Like This Is a Waste · · , ,
  53. Why Companies Kill Great Design ·
  54. Unpopular Opinion: It’s Harder Than Ever to Be a Good Software Engineer · · ,
  55. Digital Accessibility Blogs and Newsletters · · ,
  56. Scrollbars Are Becoming a Problem · · , ,
  57. Honor User’s Transparency Setting in CSS · · , ,
  58. Skip Links on ikea.com · · , ,
  59. Styling External Links With Attribute Selectors · · , ,
  60. Preventing and Debugging Memory Leaks in Node.js · · , ,
  61. CSS Relative Color Syntax · · , ,
  62. Introduction to Web Sustainability · · ,
  63. Let’s Prototype a JavaScript JIT Compiler · · , , ,
  64. Why Naming Is #1 Skill for Writing Clean Code · · , ,
  65. You Can’t Get Faster Than No Build · · ,
  66. We Need Web Progress, Not Pessimism · · ,
  67. Designing for All: The Basic Principles of Web Accessibility · · , , ,
  68. The Selected Date Must Be Within the Last 10 Years · · , ,
  69. The Global “innerWidth” and “innerHeight” Properties Return the Width and Height of the Layout Viewport · · , ,
  70. 5 Best Practices for Preventing Chaos in Tailwind CSS · · ,
  71. AI Could Soon Need as Much Electricity as an Entire Country · · ,
  72. Local HTTPS for Next.js 13.5 · · , , ,
  73. Greenwashing and the COP28 Website · · ,
  74. Adding Search to an Eleventy Site Without Client-Side JavaScript · · , , ,
  75. Extending the Properties of an HTML Element in TypeScript · · , ,
  76. Inclusivity in the Digital Age: The Importance of Accessibility Advocacy · · , ,
  77. CSS-Only Scroll-Driven Animation and Other Impossible Things · · , ,
  78. Why the Internet Isn’t Fun Anymore · · ,
  79. Obligatory WCAG 2.2 Launch Post · · , ,
  80. The Future of CSS: Easy Light-Dark Mode Color Switching With “light-dark()” · · , ,
  81. The Hidden Performance Cost of Node.js and GraphQL · · , ,
  82. Speeding Up the JavaScript Ecosystem—the Barrel File Debacle · · , ,
  83. Don’t Use Fixed CSS “height” or “width” on Buttons, Links, or Any Other Text Containers · · , , , ,
  84. Welcome WCAG 2.2 and Goodbye Success Criterion 4.1.1 “Parsing” · · , ,
  85. Naming Variables in CSS · · , ,
  86. CSS 3D Text Effects · · ,
  87. Quick Tip: Decorators in TypeScript · · ,
  88. Which Is the Best Image Format for Your Website? · · , , , , , ,
  89. Writing Accessible Form Messages · · , ,
  90. WCAG 2.2 and Validation · · , , ,
  91. How Did You Switch from JavaScript to TypeScript? · · , , ,
  92. Demystifying WCAG 2.2 · · , ,
  93. Table of Contents: The Ultimate Design Guide · · , , ,
  94. Web Content Accessibility Guidelines (WCAG) 2.2 · · , , ,
  95. Hey Designers, They’re Gaslighting You · · ,
  96. React Micro-Frontends Using Vite · · , ,
  97. What Happened to Separation of Concerns in Frontend Development · · , , , ,
  98. WCAG 2.2 Is Now a Published Web Standard · · , ,
  99. WCAG 2.2 Is Now a W3C Recommendation · · , ,
  100. When to Nest CSS · · ,
  101. GitHub Actions: “NODE_OPTIONS” Is Now Restricted from “GITHUB_ENV” · · , ,
  102. Intopia Launches WCAG 2.2 Map · · , ,
  103. What’s New in WCAG 2.2 · · , , ,
  104. An Anchored Navbar Solution · · , ,
  105. Release Notes for Safari Technology Preview 180 · · , , ,
  106. An Interactive Intro to CRDTs · · , ,
  107. The Power of Type Safety in TypeScript · · ,
  108. Still No CSS Reset · · ,
  109. Deploy and Test AWS Step Functions With Node.js · · , , , ,
  110. Limit the Reach of Your Selectors With the CSS “@ scope” At-Rule · · , ,
  111. Accessibility vs. Inclusive Design · · , , ,
  112. Career Growth After 35: What Awaits Programmers? · · ,
  113. Let’s Create a Filter Table Component in Vue · · , , ,
  114. Whatever Happened to the Zend Framework · · , ,
  115. Chrome Now Shows Each Active Tab’s Memory Usage · · , , ,
  116. It’s Time to Rethink the Americans With Disabilities Act · · ,
  117. Get Ready for Interop 2024 · · ,
  118. How to Be an Accessibility Ally · · , ,
  119. Your Website Does Not Need JavaScript · · , ,
  120. Being Picky About a CSS Reset for Fun and Pleasure · · ,
  121. The Problem With WordPress Is Positioning, Not Plugins ·
  122. The Absolute Minimum Every Software Developer Must Know About Unicode in 2023 (Still No Excuses) · · , ,
  123. Nine Things Automated Accessibility Tests Can’t Test · · , ,
  124. Demystifying CSS Container Queries · · , ,
  125. Have You Seen These Weird Image Tag Issues? · · ,
  126. Crawlers · · ,
  127. The Most Minimal Valid HTML Document · · , , ,
  128. Return to Office Is Bullshit and Everyone Knows It · · ,
  129. The 3 Secrets to Font Pairing · · , ,
  130. In-Page Links for Content Navigation · · , ,
  131. Making a Website Is for Everyone · · , ,
  132. The Myth of Infinite Data Growth ·
  133. TypeScript Monorepo With npm Workspaces · · , , ,
  134. All the Ways to Turn an Array into an Object in Javascript · · , ,
  135. Managing and Mitigating Design Debt: A Solo UX Designer’s Guide · · , ,
  136. Understanding the CSS Auto-Resizing Textarea Trick · · ,
  137. Test Assertion Styles in JavaScript · · ,
  138. Crafting Future-Ready Experiences: The Power of Progressive Web Apps (PWAs) and Offline-First Design · · ,
  139. Characteristics of Code Quality ·
  140. Naming Things Needn’t Be Hard · · ,
  141. How I Deployed My Website as a Docker Container · · ,
  142. 20+ Tools for Node.js Development in 2023 · · , ,
  143. Node v20.8.0 · · ,
  144. Four Reasons to Give WCAG AAA a Second Look · · , ,
  145. Re-Creating the Pop-Out Hover Effect With Modern CSS · · ,
  146. CSS Nesting and the Cascade · · , ,
  147. A Comprehensive Guide to the Dangers of Regular Expressions in JavaScript · · , , ,
  148. The Ultimate Low-Quality Image Placeholder Technique · · , ,
  149. A Socket API That Works Across JavaScript Runtimes—Announcing a WinterCG Spec and Node.js Implementation of “connect()” · · , ,
  150. Easy Dark Mode With “color-scheme” · · , , , ,
  151. Exploring Enhanced Patterns in WordPress 6.3 ·
  152. SSH Keys Stolen by Stream of Malicious PyPI and npm Packages · · , , ,
  153. Frontend Monitoring: Strategies, Best Practices, Tools, and More · · , , ,
  154. How to Make the Case for Design Systems · · ,
  155. Stop Using JS for That: Moving Features to CSS and HTML · · , , ,
  156. The Saga of the Closure Compiler, and Why TypeScript Won · · , , ,
  157. Honey, I Shrunk the npm Package · · , ,
  158. The Cost of Obsessing over Design Perfection · · , ,
  159. Best Practices for Securing Node.js Applications in Production · · , ,
  160. An Introduction to Web Components · · ,
  161. CSS Terminology Demystified · · , ,
  162. Taming Tailwind · · ,
  163. 8 More Micro Tips for Remarkably Better Typography · · , , ,
  164. npm Provenance General Availability · · , , ,
  165. No More 404 · · , , ,
  166. Overlays: Just Another Disability Dongle · · ,
  167. Top 5 ARIA Implementation Errors · · , ,
  168. Form Accessibility and Usability Beyond the Basics · · , ,
  169. Real AI Solutions for Accessibility Challenges · · ,
  170. What Are Accessibility Overlays? · · , ,
  171. Understanding Puppeteer Headless · · , , ,
  172. How Mastodon Handles Images and Web Previews · · , , , , ,
  173. Why HTTP/3 Is Eating the World · · ,
  174. The Illusion of Developer “Productivity” Opens the Door to Snake Oil · · ,
  175. HTML Popover, Videos and “display:blackhole” · · , ,
  176. The Future of Web Design: Emerging AI Technologies and Trends · · , , ,
  177. Textareas With Auto-Increasing Height Using CSS · · ,
  178. Token Based Authentication With Fastify, JWT, and TypeScript · · , ,
  179. Misconceptions Can Kill Accessibility Momentum · · , ,
  180. Accessibility Is Easy… Except for When It Isn’t · · ,
  181. The Path to Awesome CSS Easing With the “linear()” Function · · , ,
  182. How to Escape CSS Selectors in JavaScript · · , , , ,
  183. How to Build Trust With Others by Organizing Your Figma Files · · , , ,
  184. Responsive Type Scales With Composable CSS Utilities · · , ,
  185. Upgrading Frontend Dependencies With Confidence · · , , , ,
  186. GitHub Actions Could Be So Much Better · · , ,
  187. State of HTML 2023 · · ,
  188. Speeding Up the JavaScript Ecosystem—Polyfills Gone Rogue · · , ,
  189. The Character Encoding Cheat Sheet for JS Developers · · , , ,
  190. Supercharge Your Repository With Code Owners · · , ,
  191. Accessible Web Components? · · , ,
  192. Save Our World With Progressive Enhancement and Accessibility · · , ,
  193. Unlocking a World of Accessibility: How Internationalization Is the Key · · , , ,
  194. What Makes an Accessible Date Picker? Is It Even Possible? · · , ,
  195. Developers Talking About Code Quality · · , ,
  196. What Is Strict Mode in JavaScript? ·
  197. The Design System Ecosystem · · ,
  198. The WebP 0-Day · · , , ,
  199. Native Mobile Accessibility Testing · · , , ,
  200. TypeScript Origins: The Documentary · · , ,
  201. Open Source Trends to Look for in 2024 · · , , , ,
  202. Experimenting With Measuring Soft Navigations · · , , , ,
  203. Release Notes for Safari Technology Preview 179 · · , , ,
  204. How to Make Forms in Angular Reusable · · , , , ,
  205. How to Use the New “<search>” Element With WordPress · · , ,
  206. What Can You Do With “data” Attributes? · · ,
  207. Building a Core Accessibility Team: The Keys to the Kingdom · · , ,
  208. We are Chrome for Developers · · , , , , , ,
  209. The Psychology of Web Performance · · ,
  210. Introducing Runes ·
  211. CSS Findings From The Threads App II · · ,
  212. Get All That Network Activity Under Control With Priority Hints · · , ,
  213. What an Economist Article Says About Website Accessibility and Lawsuits · · ,
  214. Bun vs. Node.js: Everything You Need to Know · · , ,
  215. A (More) Modern CSS Reset · · ,
  216. First Steps to an Accessible Website—Skip Links · · , ,
  217. WebKit Features in Safari 17.0 · · , , , ,
  218. 1-Minute CSS Tip: Accent Colors · · , ,
  219. Managing Design Debt: Strategies for Sustainable User Experience · · , ,
  220. Understanding the JavaScript Modulo Operator · · ,
  221. Arrow Functions vs. Traditional Functions in JavaScript · · , , ,
  222. One Thing Nobody Explained to You About TypeScript · · ,
  223. Node v20.7.0 · · ,
  224. Git: Don’t Create .gitkeep Files, Use .gitignore Instead ·
  225. How to Make a Strong Case for Accessibility · · , ,
  226. Expert CSS: The CPU Hack · · ,
  227. The JS Community on Twitter Is Dead · · , ,
  228. Expanding Your Touch Targets · · , ,
  229. Why Not React? ·
  230. Sustainability and Tech and Us · · , , ,
  231. Accessibility and Inclusivity: Study Guide · · , , ,
  232. Writing Clean Code: Best Practices and Principles · · , , , , ,
  233. Solved by CSS Scroll-Driven Animations: Detect If an Element Can Scroll or Not · · , ,
  234. Bun Hype: How We Learned Nothing from Yarn · · , , ,
  235. Securing Your Node.js Apps by Analyzing Real-World Command Injection Examples · · , , ,
  236. Whataboutism ·
  237. What Makes Some Interruptions More Disruptive Than Others? · · , ,
  238. Revealing Images With CSS Mask Animations · · , ,
  239. Submit Your Proposals for Interop 2024 · · , ,
  240. How Custom Property Values Are Computed · · ,
  241. Why Is Creativity So Blurry, and Am I Creative? · · , ,
  242. The 10ish Tools I Install on Every New Mac I Get · · , ,
  243. View Transition Debugging · · , , ,
  244. v0.dev · · , , , , ,
  245. The 5 Principles of Unit Testing · · , ,
  246. The 10 Tools I Install on Every New Mac I Get · · , ,
  247. JavaScript Is Getting Array Grouping Methods · · ,
  248. Incremental Static Regeneration for Angular · · ,
  249. Use Cases for IIFEs ·
  250. Why I Quit Open Source · · , ,