Frontend Dogma

News and Views in Frontend Development (11)

(Explore all topics. Stay informed per feed and on Twitter.)

  1. Why Accessibility Overlays Hurt More Than Help (tweet this) · · ,
  2. Disabling a Link (tweet this) · · ,
  3. What Makes a Great Component Library? (tweet this) · · ,
  4. How to Build an Image Comparison Slider (tweet this) · · ,
  5. Writing Better Regular Expressions in PHP (tweet this) · · , ,
  6. A Thorough Analysis of CSS-in-JS (tweet this) · ·
  7. Accessible Web Forms (tweet this) · · , ,
  8. Your Design System Is Actually a Product—Treat It Like One (tweet this) · ·
  9. 25 Years of CSS (tweet this) · · ,
  10. CSS Container Queries: Use Cases and Migration Strategies (tweet this) · · ,
  11. Access Guide (tweet this) · · , ,
  12. Svelte for the Experienced React Dev (tweet this) · · ,
  13. Professional Development is a Choice (tweet this) · · ,
  14. Useful and Useless Code Comments (tweet this) · ·
  15. The New Responsive: Web Design in a Component-Driven World (tweet this) · · , ,
  16. How to Name Your Design System (tweet this) · · ,
  17. Don’t Overabstract Your Components (tweet this) · · , ,
  18. We Need to Talk About WCAG (tweet this) · · ,
  19. 98% of the Top 100 U.S. Websites Use Invalid HTML (in 2021) (tweet this) · · , , ,
  20. Theoretical Foundations for Server-Side Rendering and Static-Rendering (tweet this) · · ,
  21. The Button Cheat Sheet (tweet this) · · ,
  22. Container Queries in Web Components (tweet this) · · ,
  23. Making Disabled Buttons More Inclusive (tweet this) · · ,
  24. Building a React Design System for Adoption and Scale (tweet this) · · ,
  25. A Complete Guide to Grid (tweet this) · · , ,
  26. Web Application Development: The Ultimate Guide (2021) (tweet this) · · , ,
  27. Rethinking Component Libraries (tweet this) · ·
  28. Everything You Need to Know About A/B Testing (tweet this) · · ,
  29. A Primer on CSS Container Queries (tweet this) · · ,
  30. Introduction to HTTP Cookies (tweet this) · · ,
  31. Custom Attributes Are Fast Good and Cheap (tweet this) · · ,
  32. Overreliance on Overlays Is Counter to Enculturation of Accessibility (tweet this) · · ,
  33. Auditing Design Systems for Accessibility (tweet this) · · , , ,
  34. Understanding Design Systems—Designing Component APIs (tweet this) · · , ,
  35. Better Onboarding: How to Prevent Codebase Overwhelm (tweet this) · ·
  36. Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit (tweet this) · · ,
  37. A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (tweet this) · · , , ,
  38. 136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling (tweet this) · ·
  39. Intrinsic Typography is the Future of Styling Text on the Web (tweet this) · · ,
  40. Five Reasons Your First Design System Will Fail (tweet this) · ·
  41. CSS Hell (tweet this) · · ,
  42. Content-Aware Image Resizing in JavaScript (tweet this) · · ,
  43. The 5 Most Popular Front-End Frameworks Compared (tweet this) · · , , , , , ,
  44. Fifteen Design Trends from an Accessibility Perspective (tweet this) · · , ,
  45. Web Developer’s Guide to AVIF Images (tweet this) · · , ,
  46. Variable Scope, Lexical Scope, and Code Blocks in JavaScript (tweet this) · ·
  47. Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know (tweet this) · · ,
  48. Understanding Logical Focus Order (tweet this) · · ,
  49. Comparing the New Generation of Build Tools (tweet this) · · , ,
  50. Write a Plugin for Tailwind CSS (tweet this) · ·
  51. Building an Accessibility Library (tweet this) · · ,
  52. Using Design Tokens to Accelerate Design Systems (tweet this) · · , ,
  53. Code in Quarantine (tweet this) · · ,
  54. How to Build a Developer Blog with Gatsby and MDX (tweet this) · · ,
  55. 5 Things I’m Thinking About When I Check a Pull Request for Accessibility (tweet this) · · ,
  56. Primitive Values, Objects, and References in JavaScript Made Simple (tweet this) · ·
  57. Why Should We Care About Developer Experience (DX) (tweet this) · ·
  58. Not Your Typical Horizontal Rules (tweet this) · ·
  59. Human-Readable JavaScript: A Tale of Two Experts (tweet this) · · ,
  60. Why Skip-Links Are Important for Accessibility (tweet this) · · ,
  61. How to Build a Great Developer Experience (tweet this) · ·
  62. React vs. Vue in 2021: Best JavaScript Framework (tweet this) · · , , ,
  63. “prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations (tweet this) · · , ,
  64. Why Your Website Should Work Without JavaScript (tweet this) · · , , ,
  65. The 5-Hour CDN (tweet this) · · ,
  66. Comparing Svelte and React (tweet this) · · , ,
  67. A Comprehensive Guide to JavaScript Design Patterns (tweet this) · · , ,
  68. You Want Enabling CSS Selectors, Not Disabling Ones (tweet this) · · ,
  69. JavaScript: What Is the Meaning of “this”? (tweet this) · ·
  70. Beyond “console.log()”—Level Up Your Debugging Skills (tweet this) · · ,
  71. Enforce, Enable, and Empower (tweet this) · ·
  72. Automating the Accessibility Tests of Your Source Code with GitHub Actions (tweet this) · · , ,
  73. Hello World (tweet this) · ·
  74. Managing CSS Colors Systems with a Single Source of Truth (tweet this) · · , ,
  75. Understanding Z-Index in CSS (tweet this) · ·
  76. Front-of-the-Front-End and Back-of-the-Front-End Web Development (tweet this) · ·
  77. Seven Myths About Alt Text (tweet this) · ·
  78. 5 Tips for Your Next Promotion or Salary Raise (tweet this) · ·
  79. One Figma Component—3,360 Variants (tweet this) · · ,
  80. Uniwidth Typefaces for Interface Design (tweet this) · · ,
  81. Building a Consistent Platform (tweet this) · ·
  82. In Critical Defense of Frontend Development (tweet this) · · ,
  83. The Definitive Guide to Feature Management (tweet this) · · , ,
  84. HTML: The 16 Content Categories and Their Elements (tweet this) · · ,
  85. How Does CSS Work? (tweet this) · ·
  86. HTML and CSS Techniques to Reduce Your JavaScript (tweet this) · · , , ,
  87. Ethical Design Guide (tweet this) · · , ,
  88. Using “throw” as an Expression in PHP 8 (tweet this) · ·
  89. Symbols to Copy (tweet this) · · , ,
  90. Ignore AMP (tweet this) · ·
  91. Why You Should Self-Host Google Fonts in 2021 (tweet this) · · ,
  92. Page Weight (tweet this) · · ,
  93. JavaScript (tweet this) · · ,
  94. TLS and mTLS Demystified (tweet this) · · , ,
  95. CSS (tweet this) · · ,
  96. Accessibility (tweet this) · · ,
  97. Alt vs. Figcaption (tweet this) · · , ,
  98. Leveraging System Fonts on the Web (tweet this) · ·
  99. Best Practices for Inclusive Textual Websites (tweet this) · · , , ,
  100. The Raven Technique: One Step Closer to Container Queries (tweet this) · · , ,
  101. Markup (tweet this) · · ,
  102. Chasing the Pixel-Perfect Dream (tweet this) · · ,
  103. Touch, Point, Click: Mouse vs. Touch Screen Input (tweet this) · · , ,
  104. New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met (tweet this) · · , ,
  105. An Opinionated Guide to Accessibility Testing (tweet this) · · , ,
  106. How to Find the Cause of Horizontal Scrollbars (tweet this) · · , ,
  107. CSS Variables 101 (tweet this) · ·
  108. Drawing the Invisible: React Explained in Five Visual Metaphors (tweet this) · · ,
  109. Custom Properties: Questioning “:root” (tweet this) · · , ,
  110. Generate a Sitemap for Your Eleventy Website (tweet this) · · , ,
  111. Use Advanced Typography with Local Fonts (tweet this) · · , ,
  112. Loading Third-Party JavaScript (tweet this) · · ,
  113. The Anti-Reset (to Reset to User Agent Styles) (tweet this) · · ,
  114. Effective Code Browsing (tweet this) · ·
  115. Islands Architecture (tweet this) · · , ,
  116. Vue vs. React in 2021: Which Framework to Choose and When (tweet this) · · , , ,
  117. Updating React at Etsy (tweet this) · · , ,
  118. JavaScript to Know for React (tweet this) · · ,
  119. The Ultimate Guide with All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn (tweet this) · · , ,
  120. Platform Adjacency Theory (tweet this) · · ,
  121. 90’s Cursor Effects (tweet this) · · , ,
  122. Decentralization off the Shelf (tweet this) · · ,
  123. Javascript RORO Pattern (tweet this) · ·
  124. Dark Patterns in UX (tweet this) · · ,
  125. 30 Seconds of Code (tweet this) · · , , ,
  126. Tools for Better Thinking (tweet this) · · , , ,
  127. Micro-Frontends in Context (tweet this) · ·
  128. How to Reevaluate Your Frontend Architecture (tweet this) · ·
  129. Ask an Expert: Why Is CSS… the Way It Is? (tweet this) · ·
  130. A User’s Guide to CSS Variables (tweet this) · · , ,
  131. Static Hoisting (tweet this) · ·
  132. What Every JavaScript Developer Should Know About Unicode (tweet this) · · ,
  133. Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior (tweet this) · · , ,
  134. Developer Experience Metrics (tweet this) · · ,
  135. What is mTLS and How Does It Work? (tweet this) · ·
  136. The 4 Pillars of Good Embed Code (tweet this) · · , ,
  137. The Frameworks Paradox (tweet this) · ·
  138. On the Responsibility That Comes with Good JavaScript Support (tweet this) · · ,
  139. The Complete Guide to the Dark Mode Toggle (tweet this) · · ,
  140. Mutual TLS: Stuff You Should Know (tweet this) · · , ,
  141. 10 Behavior Patterns for UX Design (tweet this) · ·
  142. The Perils of Rehydration (tweet this) · · ,
  143. Why Are We Talking About CSS4? (tweet this) · · ,
  144. Simple Systems Have Less Downtime (tweet this) · ·
  145. The Economics of JavaScript Web Apps (tweet this) · · , ,
  146. Understanding Map and Set in JavaScript (tweet this) · ·
  147. The Web We Want (tweet this) · · , , ,
  148. Design System UI Is More Expensive Than a Product Team’s UI (tweet this) · · ,
  149. Decision Strategies for a Micro Frontends Architecture (tweet this) · · ,