Frontend Dogma

News and Tools for Frontend Development (26)

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

  1. CSS for Web Vitals · · , ,
  2. How to Fix Cumulative Layout Shift (CLS) Issues · · , ,
  3. Thoughts for the Aging Web Developer · ·
  4. Embracing Design Constraints · ·
  5. The Hidden World of “aria-hidden” · · ,
  6. Why Accessibility Overlays Hurt More Than Help · · ,
  7. Disabling a Link · · , ,
  8. What Makes a Great Component Library? · · ,
  9. How to Build an Image Comparison Slider · · , ,
  10. Accessible Web Forms · · , ,
  11. A Thorough Analysis of CSS-in-JS · · , ,
  12. History of Web Browser Engines from 1990 Until Today · · , ,
  13. Writing Better Regular Expressions in PHP · · , ,
  14. 25 Years of CSS · · ,
  15. Your Design System Is Actually a Product—Treat It Like One · ·
  16. Access Guide · · , ,
  17. CSS Container Queries: Use Cases and Migration Strategies · · ,
  18. Svelte for the Experienced React Dev · · ,
  19. A11y Audit Bookmarklets · · , , ,
  20. Professional Development Is a Choice · · ,
  21. Don’t Overabstract Your Components · · , ,
  22. Dark Patterns Tip Line · · , ,
  23. The New Responsive: Web Design in a Component-Driven World · · , ,
  24. Useful and Useless Code Comments · · ,
  25. How to Name Your Design System · · , ,
  26. We Need to Talk About WCAG · · ,
  27. 2021: 98% of the Top 100 U.S. Websites Use Invalid HTML · · , , ,
  28. Learn CSS · · ,
  29. The Button Cheat Sheet · · ,
  30. Theoretical Foundations for Server-Side Rendering and Static-Rendering · · , ,
  31. Container Queries in Web Components · · , ,
  32. Create Scripts in JavaScript With zx · · , ,
  33. Upgrade Your HTML III · · , , , ,
  34. A Complete Guide to Grid · · , ,
  35. Building a React Design System for Adoption and Scale · · ,
  36. Making Disabled Buttons More Inclusive · · ,
  37. Everything You Need to Know About A/B Testing · · ,
  38. Rethinking Component Libraries · ·
  39. Web Application Development: The Ultimate Guide (2021) · · ,
  40. Introduction to Using Dart in Flutter · · , ,
  41. Meet zx: A Better Way to Write Scripts With Node.js · · ,
  42. A Primer on CSS Container Queries · · , ,
  43. Introduction to HTTP Cookies · · , ,
  44. Custom Attributes Are Fast Good and Cheap · · ,
  45. How to Satisfy User Intent When Considering Search vs. Browse · · , , , ,
  46. Overreliance on Overlays Is Counter to Enculturation of Accessibility · · ,
  47. Is Vendor Prefixing Dead? · · ,
  48. Auditing Design Systems for Accessibility · · , , ,
  49. Using Hotwire to Build a Search Form With Minimal JavaScript · · , , ,
  50. Understanding Design Systems—Designing Component APIs · · , ,
  51. Designing Adaptive Components, Beyond Responsive Breakpoints · · , ,
  52. Better Onboarding: How to Prevent Codebase Overwhelm · · ,
  53. Immersive Content Strategy · · , ,
  54. Level Up Your Team Workflows With These Kanban Board Best Practices · · , ,
  55. Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit · · , , ,
  56. A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors · · , , ,
  57. 21 Best Practices for a Clean React Project · · , ,
  58. Do You Need to Localize Your Website? · · , ,
  59. 136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling · ·
  60. Intrinsic Typography Is the Future of Styling Text on the Web · · ,
  61. Five Reasons Your First Design System Will Fail · ·
  62. CSS Hell · · ,
  63. What Is DevOps? A Comprehensive Introduction · · ,
  64. Content-Aware Image Resizing in JavaScript · · , ,
  65. Fifteen Design Trends from an Accessibility Perspective · · , ,
  66. The 5 Most Popular Front-End Frameworks Compared · · , , , , , ,
  67. Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know · · ,
  68. Web Developer’s Guide to AVIF Images · · , ,
  69. Variable Scope, Lexical Scope, and Code Blocks in JavaScript · · ,
  70. Understanding Logical Focus Order · · , ,
  71. Comparing the New Generation of Build Tools · · , , ,
  72. Write a Plugin for Tailwind CSS · · ,
  73. Getting Started With Preact · · ,
  74. Building an Accessibility Library · · ,
  75. Defining a Strategy for Accessibility · · ,
  76. Code in Quarantine · · ,
  77. Using Design Tokens to Accelerate Design Systems · · , ,
  78. Sentence Case versus Title Case · · , ,
  79. 5 Things I’m Thinking About When I Check a Pull Request for Accessibility · · ,
  80. How to Build a Developer Blog With Gatsby and MDX · · , ,
  81. Primitive Values, Objects, and References in JavaScript Made Simple · · ,
  82. Why Should We Care About Developer Experience (DX) · ·
  83. Human-Readable JavaScript: A Tale of Two Experts · · ,
  84. Not Your Typical Horizontal Rules · · ,
  85. How to Build a Great Developer Experience · · ,
  86. Why Skip-Links Are Important for Accessibility · · ,
  87. Taming Blend Modes: “difference” and “exclusion” · · ,
  88. Git Maintenance · · ,
  89. React vs. Vue in 2021: Best JavaScript Framework · · , , ,
  90. “prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations · · , ,
  91. Why Your Website Should Work Without JavaScript · · , , ,
  92. The 5-Hour CDN · · ,
  93. Minimalism Is Boring · · ,
  94. Comparing Svelte and React · · , ,
  95. A Comprehensive Guide to JavaScript Design Patterns · · , ,
  96. JavaScript: What Is the Meaning of “this”? · ·
  97. You Want Enabling CSS Selectors, Not Disabling Ones · · ,
  98. Beyond “console.log()”—Level Up Your Debugging Skills · · , ,
  99. Enforce, Enable, and Empower · ·
  100. How to Get a Dysfunctional Team Back on Track · · , ,
  101. Semantic Versioning Will Not Save You · ·
  102. Introduction to ARIA Live Regions · · , , ,
  103. The Future of Web Software Is HTML-over-WebSockets · · , ,
  104. Automating the Accessibility Tests of Your Source Code With GitHub Actions · · , , ,
  105. Hello World · ·
  106. Managing CSS Colors Systems With a Single Source of Truth · · , ,
  107. Front-of-the-Front-End and Back-of-the-Front-End Web Development · ·
  108. Understanding Z-Index in CSS · ·
  109. How to Test the Accessibility of Your Components With Storybook · · , , ,
  110. The Significance of Building Offline-First Apps · · ,
  111. The Never-Ending Job of Selling Design Systems · ·
  112. Seven Myths About Alt Text · · ,
  113. 10 Principles of the Best Landing Page Design · · , ,
  114. Revisiting Dark Patterns With the HTML “dialog” Tag · · , ,
  115. 5 Tips for Your Next Promotion or Salary Raise · ·
  116. One Figma Component—3,360 Variants · · ,
  117. Uniwidth Typefaces for Interface Design · · ,
  118. Hotwire: HTML over the Wire · ·
  119. Building a Consistent Platform · ·
  120. Javascript Obfuscation: What, Why, and How? · · ,
  121. The Do’s and Don’ts of Code Reviews · · , ,
  122. In Critical Defense of Frontend Development · ·
  123. HTML: The 16 Content Categories and Their Elements · · ,
  124. The Definitive Guide to Feature Management · · , ,
  125. How Does CSS Work? · ·
  126. Laravel and Hotwire Intro · · , ,
  127. Popup Problems · · , , ,
  128. Ethical Design Guide · · , ,
  129. HTML and CSS Techniques to Reduce Your JavaScript · · , , ,
  130. The Art of Leadership · ·
  131. Using “throw” as an Expression in PHP 8 · ·
  132. Symbols to Copy · · , ,
  133. Ignore AMP · ·
  134. Why You Should Self-Host Google Fonts in 2021 · · ,
  135. The Shorthand–Longhand Problem in Atomic CSS · · , ,
  136. Page Weight · · , ,
  137. JavaScript · · , ,
  138. TLS and mTLS Demystified · · , ,
  139. Is Edge Computing Secure? Here Are 4 Security Risks to Be Aware Of · · ,
  140. Accessibility · · , ,
  141. CSS · · , ,
  142. Notes on HTML 3.2 · ·
  143. Command Line Interface Guidelines · · , ,
  144. Alt vs. Figcaption · · , ,
  145. Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages · · , ,
  146. To Be Creative, Practice · · ,
  147. Know Your Standards · · , , , , ,
  148. Best Practices for Inclusive Textual Websites · · , , ,
  149. Leveraging System Fonts on the Web · ·
  150. CSS Vendor Prefixes · · ,
  151. Upgrade Your HTML II · · , , , ,
  152. How to Deal With Common React JS Problems—Actionable Tips · · , ,
  153. The Raven Technique: One Step Closer to Container Queries · · , ,
  154. Markup · · , ,
  155. Chasing the Pixel-Perfect Dream · · ,
  156. Touch, Point, Click: Mouse vs. Touch Screen Input · · , ,
  157. New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met · · , , ,
  158. An Opinionated Guide to Accessibility Testing · · , ,
  159. What Apple, Google, and Amazon’s Websites Looked Like in 1999 · · ,
  160. How to Find the Cause of Horizontal Scrollbars · · , , ,
  161. CSS Variables 101 · ·
  162. Micro-Note on “aria-roledescription” · · ,
  163. Reducing the Site Speed Impact of Third-Party Tags · · ,
  164. “font-kerning” · · , ,
  165. Drawing the Invisible: React Explained in Five Visual Metaphors · · ,
  166. Custom Properties: Questioning “:root” · · , ,
  167. Generate a Sitemap for Your Eleventy Website · · , ,
  168. MIME Types (IANA Media Types) · ·
  169. Use Advanced Typography With Local Fonts · · , ,
  170. The Thing With Leading in CSS · · ,
  171. Why Did Mozilla Remove XUL Add-Ons? · · , ,
  172. Loading Third-Party JavaScript · · ,
  173. “this” in JavaScript and TypeScript · · ,
  174. The Anti-Reset (to Reset to User Agent Styles) · · ,
  175. Effective Code Browsing · ·
  176. JS Minification Benchmarks · · , ,
  177. Islands Architecture · · , ,
  178. Vue vs. React in 2021: Which Framework to Choose and When · · , , ,
  179. Updating React at Etsy · · , , ,
  180. Introduction to Metrics, Monitoring, and Alerting · · , , ,
  181. Accessibility on the Canvas With JavaScript · · , ,
  182. Introduction to Memoization in JavaScript · · , ,
  183. JavaScript to Know for React · · ,
  184. How to Document the Screen Reader User Experience · · , , , , ,
  185. A Beginner’s Guide to Microcontent · · , , ,
  186. The Ultimate Guide With All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn · · , ,
  187. Introduction to Logging in Python · · , ,
  188. Fast Sorting With Quicksort · · ,
  189. Platform Adjacency Theory · · ,
  190. 90’s Cursor Effects · · , ,
  191. CSS Fundamentals: Vendor Prefixing · · , ,
  192. A Practical Guide to Testing React Applications With Jest · · , , ,
  193. App Shell UX With Service Workers and Streams · · , , , ,
  194. Decentralization off the Shelf · · ,
  195. Javascript RORO Pattern · ·
  196. Allow End-User Styling Overrides · · , ,
  197. The Complete Guide to CSS Media Queries · · , ,
  198. 30 Seconds of Code · · , , ,
  199. Dark Patterns in UX · · ,
  200. Web Platform Contribution Guide · · , , , ,
  201. Tools for Better Thinking · · , , ,
  202. A User’s Guide to CSS Variables · · , ,
  203. Ask an Expert: Why Is CSS… the Way It Is? · ·
  204. Micro-Frontends in Context · ·
  205. How to Reevaluate Your Frontend Architecture · · ,
  206. Static Hoisting · ·
  207. The Third Age of JavaScript · ·
  208. The Secret of Typography, Kerning, Explained for Dummies · · ,
  209. What Every JavaScript Developer Should Know About Unicode · · ,
  210. The 24 Boolean Attributes of HTML · ·
  211. Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior · · , ,
  212. The Need for Speed, 23 Years Later · · , ,
  213. Developer Experience Metrics · · ,
  214. Manipulating Arrays and Objects in JavaScript · · , , ,
  215. 5 Tips to Get Your Dev Blog Running · · , ,
  216. What Is mTLS and How Does It Work? · ·
  217. Invisible Design Systems · · ,
  218. Introduction to Netlify CMS · · , , ,
  219. The 4 Pillars of Good Embed Code · · , ,
  220. Everything You Should Know About SSH and SSH Key Exchange · · , ,
  221. Learn Programming · · , ,
  222. No Need to Protect Your Website from Scraping: 8 Reasons · · , , ,
  223. The Web Development Glossary · · , , , ,
  224. How to Create a Native Web Component Without a Framework · · , ,
  225. The Frameworks Paradox · ·
  226. Why “Dark Mode” Causes More Accessibility Issues Than It Solves · · ,
  227. The Component Gallery · · ,
  228. On the Responsibility That Comes With Good JavaScript Support · · ,
  229. Margin Considered Harmful · · ,
  230. The Complete Guide to the Dark Mode Toggle · · ,
  231. Mutual TLS: Stuff You Should Know · · , ,
  232. A Practical Overview of CSS Houdini · · , , ,
  233. 10 Behavior Patterns for UX Design · ·
  234. Testing with Jest: An Introduction · · , ,
  235. The Perils of Rehydration · · ,
  236. A Beginner’s Guide to Webpack · · ,
  237. Why Are We Talking About CSS4? · · ,
  238. How Emojis Work · · ,
  239. Simple Systems Have Less Downtime · ·
  240. Cross-Cultural Design · · ,
  241. The Economics of JavaScript Web Apps · · , ,
  242. Page Builders Might Not Be a Good Idea · · , , ,
  243. What Is Kerning? Here’s What You Need to Know · · ,
  244. Google Tag Manager vs. Page Speed: The Impact and How to Improve · · , , , ,
  245. What Is Memoization? · · , ,
  246. Understanding Map and Set in JavaScript · ·
  247. Design System UI Is More Expensive Than a Product Team’s UI · · ,
  248. The Web We Want · · , , ,
  249. Introduction to WebSockets: How to Create Responsive and Low-Latency Applications · · , , ,
  250. Professional Agile Leadership (PAL) Reminders and Resources · · , , ,