Frontend Dogma

News and Views in Frontend Development

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

  1. The State of JavaScript Survey · · ,
  2. Software Is Automating Design—What Does That Mean for Designers? · · , ,
  3. Revisiting Why Hyperlinks Are Blue · · ,
  4. Make Beautiful Gradients · · ,
  5. HTML is General, ARIA is Specific · · ,
  6. How Not to Learn TypeScript · ·
  7. Don’t Fight the Cascade, Control It! · · ,
  8. Alt Tag Emptiness · · , , ,
  9. Memory Leaks, How to Avoid Them in a React App · · ,
  10. Two Ways to Clear an Array with Vanilla JavaScript · ·
  11. 22 Smart Google SEO Tips for 2022 · ·
  12. Reduce the Pressure on Young and Inexperienced Developers · · , ,
  13. Labeling the Point: Scenarios of Label Misuse in WCAG · · , ,
  14. The Good, the Bad, and the Toggle · · ,
  15. The 6 Most Important CSS Concepts for Beginners · · ,
  16. CSS Underlines Are Too Thin and Too Low in Chrome · ·
  17. 30 Frontend Tips · · , ,
  18. The Web Doesn’t Have Version Numbers · ·
  19. Imperative vs. Declarative Programming · · ,
  20. Fetch Commit Logs of Certain Function or Method in Git · ·
  21. Accessible Heading Structure · · ,
  22. 8 Techniques to Write Cleaner JavaScript Code · ·
  23. How Flexbox Works · · ,
  24. Five 2022 Accessibility Trends · ·
  25. A Contrast of Errors · · , , ,
  26. Page Visibility: If a Tree Falls in the Forest… · · , ,
  27. Image Magnifier Using Only One Line of CSS · · ,
  28. Exposing Mid-Resource LCP Values · · ,
  29. A Unified Theory of Web Performance · · ,
  30. Using Diagnostic Metrics · · ,
  31. WCAG and Accessibility: What Is a Statement of Partial Conformance? · · ,
  32. Practical Tips for Load-Testing Web Applications · · , ,
  33. Empathetic Animation · · ,
  34. Shedding Light on Fiverr’s Dark Mode Creation Process · · ,
  35. Add a Service Worker to Your Site · · ,
  36. Web Accessibility Cheat Sheet · · ,
  37. CSS in 2022 · ·
  38. The Business Case for Performance · · ,
  39. 1000+ Web Development Resources · · ,
  40. Faster Websites by Using Less HTML · · , , ,
  41. The Many Methods for Using SVG Icons · · , ,
  42. Show, Don’t Tell · · , ,
  43. Redirect Liquidation · · ,
  44. Personalize It! · · ,
  45. Form Autocomplete · · ,
  46. The CSS “:has()” Pseudo-Class, aka Parent Selector · · ,
  47. Frontend Web Performance: The Essentials · ·
  48. Make Joyful Things · · ,
  49. Introduction to Cognitive Disability and Accessibility Testing · · ,
  50. CSS Snapshot 2021 · ·
  51. CSS Animation · · ,
  52. Building a Greener Web · · ,
  53. Why UX Is the Best SEO Strategy · · ,
  54. The Web Starts on Page Four · ·
  55. Smoothly Reverting CSS Animations · · ,
  56. Image Display Elements · · , ,
  57. How to Add and Remove a CSS Class from Multiple Elements with Vanilla JavaScript · · ,
  58. Design Sprints Revisited: Designing with Your Users and Developers · · ,
  59. Be Prepared for Failure and Handle It Gracefully · · , ,
  60. Auto Dark Theme · · , ,
  61. 5 Common Misconceptions About WAI-ARIA and Accessibility · · , ,
  62. Web Performance, Core Web Vitals, and Vanity Metrics · · , ,
  63. Preference Queries · ·
  64. 5 HTML Concepts You Didn’t Know · · ,
  65. This Is WCAG 2.1 · · , ,
  66. There’s Never Been a Better Time to Build Websites · · , , ,
  67. Why Motion on Websites and Digital Content Is a Problem · ·
  68. Web Platform Design Principles · ·
  69. Sustaining Maintaining · · ,
  70. Inaccessibility of CAPTCHA · · ,
  71. Hands On with the New Responsiveness Metrics · · , ,
  72. Deep-Copying in JavaScript Using “structuredClone” · ·
  73. Consistent, Fluidly Scaling Type, and Spacing · · ,
  74. The State of CSS 2021 · · ,
  75. Shifting the Mindset About Accessible Content · ·
  76. Explain Like I’m Five: Web Performance Optimization · · ,
  77. CSS Custom Properties · · ,
  78. CSS Can Help Improve Your HTML⁉ Buttons and Links · · , ,
  79. 100 Tips on Software Developer Productivity · · , ,
  80. Visual Regression Testing for Design Systems with Figma Branches · · , ,
  81. Read Your Website · · ,
  82. Practical Ethics for the Modern Web Designer · · , ,
  83. Performance Implications of JavaScript Errors · · , ,
  84. Details/Summary · · ,
  85. WCAG 2.2: What We Know Till Now · · ,
  86. WCAG 2 Is What We Have · · ,
  87. Intersection Observer · · ,
  88. Embrace the Platform · · , , ,
  89. Defer Non-Critical Resources · · ,
  90. WCAG 3 Is Not Ready Yet · · ,
  91. Standardizing Focus Styles with CSS Custom Properties · · , ,
  92. Responsive Iframes with the CSS “aspect-ratio” Property · · ,
  93. Caching: Understanding the Scope · · ,
  94. Breaking Out of the Box · · ,
  95. Node.js Memory Limits—What You Should Know · · ,
  96. Content Separation · ·
  97. 5 Reasons You Should Adopt a Micro Frontend Architecture · ·
  98. 1993: Mosaic Launches and the Web Is Set Free · · ,
  99. Where Do You Put Spacing on Design System Components? · · , , ,
  100. Test Your Product on a Crappy Laptop · · , ,