Frontend Dogma

News and Views in Frontend Development

Articles and books, tips and tricks, craft and beauty from the world of frontend development. Stay informed per feed and on Twitter.

  1. The Surprising Behavior of “Important CSS Custom Properties” · · , ,
  2. Making Accessibility More Accessible · ·
  3. Understanding WCAG 2.1 Level AAA · · ,
  4. On Yak Shaving and “<md-block>”, a New HTML Element for Markdown · · , , ,
  5. Introduction to Svelte Actions · ·
  6. How to Maintain a Large Next.js Application · · ,
  7. Make Your Website Stand Out with a Custom Scrollbar · ·
  8. What Kind of Developer Do I Want to Be? · · ,
  9. Three Phases of Life for Design Systems · ·
  10. Get Started with Validation in Node.js · · ,
  11. Creating Generative Patterns with the CSS Paint API · · ,
  12. 7 Ways to Improve Node.js Performance at Scale · · ,
  13. The 6 Ways of Writing HTML (and Their Combinations) · ·
  14. Modern CSS in a Nutshell · ·
  15. Functional Programming in PHP: Higher-Order Functions · ·
  16. Control Layout in a Multi-Directional Website · · , ,
  17. Adding a Dyslexia-Friendly Mode to a Website · · ,
  18. Responsive Layouts, Fewer Media Queries · · ,
  19. How JavaScript Engines Achieve Great Performance · · , ,
  20. Blog Page Accessibility Deep Dive · · ,
  21. Designing Sustainable Websites · · ,
  22. Dear HTML Element · ·
  23. Tales of the Autistic Developer—Order and Chaos · · ,
  24. Parallax Powered by CSS Custom Properties · · ,
  25. Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed · · ,
  26. 20 Years of bram.us · · , ,
  27. Various Ways to Include Comments on Your Static Site · · ,
  28. PHP Date and Time Recipes · ·
  29. Let’s Not Send Developers to the Accessibility Tree Tool · · , ,
  30. 1992: The Web vs. Gopher, and the First External Browsers · ·
  31. WCAG 3.0: What You Need to Know About the Future of Accessibility Standards · · ,
  32. Three Principles to Better Present Your UI Designs · · ,
  33. How to Create Reusable Components with the Vue 3 Composition API · · ,
  34. A Guide to Modern CSS Colors with RGB, HSL, HWL, LAB, and LCH · · ,
  35. We Need to Talk About Accessibility—Again, and Again, and Then Some More · · ,
  36. Using Position Sticky with CSS Grid · · ,
  37. Generate a Pull Request of Static Content with a Simple HTML Form · · ,
  38. A Clever Sticky Footer Technique · · ,
  39. Your CSS Is an Interface · · , ,
  40. Why IndexedDB is Slow and What to Use Instead · · , ,
  41. Some Notes on Using esbuild · ·
  42. How to Fetch Data in Svelte · ·
  43. GitHub’s Commitment to npm Ecosystem Security · · , ,
  44. 5 Popular Frontend Development Tools in 2021 · · ,
  45. Why Your Website Should Not Use Dithered Images · · , , ,
  46. Using Web Workers to Boost Third-Party Script Performance · · , ,
  47. Useful React Hooks That You Can Use in Your Projects · · ,
  48. Other Looks at the Conditional Border Radius Trick · · ,
  49. How to Debounce and Throttle Callbacks in Vue · · ,
  50. Chrome DevTools: Copy CSS Styles as JavaScript-Compatible Properties · · , , ,
  51. View-Source · · , ,
  52. It’s Not About Your Favorite Color—Moving from Brand Strategy to Visual Identity · · ,
  53. Easy Dark Mode (and Multiple Color Themes) in React · · ,
  54. Everything You Ever Wanted to Know About the Accessibility Tree · · ,
  55. Browsing with Screen Magnification · · ,
  56. A Beginner’s Guide to Routing in Next.js, with Examples · · ,
  57. Localizing Your Next.js App · · , ,
  58. How Designers Can Prevent User Errors · · ,
  59. Detecting Specific Text Input with HTML and CSS · · ,
  60. Be Usable, Not Consistent, Not Uniform · · ,
  61. Why You Should Prioritise Quality Over Speed in Design Systems · ·
  62. Designing a Reorderable List Component · · , , ,
  63. Debugging HTML: Accessibility · · , ,
  64. PHP 8.1 in 8 Code Blocks · ·
  65. In Defence of Dialog · ·
  66. Deep Dive into Node.js Architecture · · ,
  67. Chrome DevTools: Record and Playback Your User Journeys · · , , ,
  68. The Key to Developer Happiness and How to Prevent Coding from Becoming Just Another Job · · ,
  69. RenderingNG: The Next-Generation Rendering Architecture for Chrome · · , , ,
  70. How to Implement Memoization in React to Improve Performance · · , ,
  71. Everything You Have to Know About Core Web Vitals · · ,
  72. Understanding the Differences Between WCAG 2.1 and WCAG 2.2 · · , ,
  73. Designing Error Messages and a Logging Strategy in Node.js · · , ,
  74. Design Is Not Art, and UX Is Not Design · · , ,
  75. Building Real-Life Components: Facebook Messenger’s Chat Bubble · · , ,
  76. Browser Wars · · ,
  77. A Deep Dive into Serverless UI with TypeScript · · ,
  78. What Does a Good Design System Feel Like? · · ,
  79. What Are Accessible Fonts? · · ,
  80. The State of the Web · · ,
  81. Rebase vs. Merge: Integrating Changes in Git · · ,
  82. Name, Labels, ARIA, What to Do? · · , ,
  83. HTML Concepts: Common Idioms · · ,
  84. So, You Want to Build an “@mention” Autocomplete Feature? · · ,
  85. Developer Tools Secrets That Shouldn’t Be Secrets · · , ,
  86. An Introduction to PostCSS · · ,
  87. Accessible Toggles · · , ,
  88. A Comprehensive Guide to Error Handling in Node.js · · ,
  89. The Golden Ratio and User-Interface Design · ·
  90. HTMLoween—HTML, JS, and CSS to Make Your Blood Boil · · , ,
  91. CSS-ing Candy Ghost Buttons · ·
  92. You Probably Don’t Need Media Queries Anymore · · ,
  93. Chrome DevTools: Visualise Your JavaScript Bundles · · , ,
  94. Using CSS Variables for Reduced Motion on a Global Scale · · ,
  95. UX Design Isn’t Killing Creativity, Money Is · · ,
  96. Best Practices on Embedding Third-Party Web Widgets · · ,
  97. A Step by Step TypeScript Tutorial for Beginners · ·
  98. The Problem with “Click Here” and “Learn More” Links · · ,
  99. So, You Want an Accessibility Score? · · ,
  100. Photoshop’s Journey to the Web · ·