Frontend Dogma

News and Tools for Frontend Development (15)

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

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