Frontend Dogma

News and Tools for Frontend Development (7)

(Stay up-to-date on all topics by RSS feed or on Mastodon.)

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