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. Chrome DevTools: Easily Change CSS Units and Values · · , ,
  2. Expandable Sections Within a CSS Grid · · ,
  3. Custom Properties with Defaults: 3+1 Strategies · · ,
  4. Smart CSS Solutions for Common UI Challenges · · ,
  5. Conditional “border-radius” and Three Future CSS Features · ·
  6. The Ultimate Guide to 3xx HTTP Status Codes · ·
  7. 1999: The Fall of Netscape and the Rise of Mozilla · · ,
  8. What Constitutes a Digital Accessibility Audit · · , ,
  9. Google Chrome Hidden Features Every Developer Should Know · ·
  10. Best UI Frameworks for React.js · · ,
  11. Introduction to Styled Components · · , ,
  12. Appreciation for Being a Web Developer · ·
  13. A Tangled Web of ARIA · · , ,
  14. Native CSS Nesting: What You Need to Know · · ,
  15. Why Does Everything Look the Same? · · ,
  16. Internationalization: How to Boost Traffic with a Multilingual Site · ·
  17. Buttons vs. Links · · , ,
  18. Accessibility: A Gentle Introduction · ·
  19. The State of CSS Survey 2021 · · ,
  20. The Options for Password-Revealing Inputs · · , , ,
  21. Safe DOM Manipulation with the Sanitizer API · · ,
  22. RenderingNG: An Architecture That Makes and Keeps Chrome Fast for the Long Term · · ,
  23. My Challenge to the Web Performance Community · · ,
  24. How to Implement and Style the “Dialog” Element · · ,
  25. A Guide to CSS Debugging · · ,
  26. Why Do Webdevs Keep Trying to Kill REST? · · , ,
  27. What Creating a Simple Font Taught Me About Font Design · · ,
  28. UX Accessibility: How to Start Designing for All · · , ,
  29. Browsing with a Mobile Screen Reader · · ,
  30. Writing Clean JavaScript Tests with the BASIC Principles · · ,
  31. Redundantly Redundant a11y Accessibility · · ,
  32. How to Build an Expandable Accessible Gallery · · , ,
  33. Conditional Border Radius in CSS · ·
  34. Animation Techniques for Adding and Removing Items from a Stack · · , ,
  35. The CSS “prefers-color-scheme” User Query and Order of Preference · ·
  36. Using JavaScript to Detect High Contrast and Dark Modes · · ,
  37. Understanding and Working with Submodules in Git · ·
  38. Sorting JavaScript Arrays by Nested Properties · ·
  39. Links, Missing “href” Attributes, and Over-Engineered Code · · ,
  40. Web Streams Everywhere (and Fetch for Node.js) · · ,
  41. Practical Frontend Philosophy · ·
  42. How I Built a Modern Website in 2021 · · , , ,
  43. Declaring Page Language—and Declaring Changes in Language · · , ,
  44. Guidelines for Choosing a Node.js Framework · · ,
  45. Faster React Apps with Memoization · · ,
  46. Comparing Page Language Declaration Setups in Screen Readers · · , , , ,
  47. Let’s Dive into Cypress for End-to-End Testing · · ,
  48. Accessibility Isn’t New—and Neither Is Ableism · · ,
  49. How I Make CSS Art · · ,
  50. A JavaScript Developer’s Guide to Browser Cookies · · ,
  51. Beware False Negatives · · ,
  52. Not Releasing Late on Fridays, a Matter of Courtesy · · ,
  53. One Last Time: Custom Styling Radio Buttons and Checkboxes · · , ,
  54. 7 UI Design Fundamentals for Developers · ·
  55. When Everything Is Urgent, Nothing Is: What Is Alarm Fatigue and How to Deal With It · ·
  56. Simplifying Form Styles with “accent-color” · · ,
  57. Just Redux: The Complete Guide · ·
  58. “initial” Doesn’t Do What You Think It Does · · ,
  59. A Content Model Is Not a Design System · · , ,
  60. ct.css—Let’s Take a Look Inside Your “<head>” · · , ,
  61. Container Units Should Be Pretty Handy · · ,
  62. 7 Useful HTML Attributes You May Not Know · ·
  63. Yarn vs. npm: Everything You Need to Know · · , ,
  64. CSS Container Queries: Container-Relative Lengths · · ,
  65. Cascade Layers? · · ,
  66. 7 Practical Uses for the “::before” and “::after” Pseudo-Elements in CSS · · ,
  67. Understanding “min-content”, “max-content”, and “fit-content” in CSS · ·
  68. Simpler Block Spacing in WordPress with “:is()” and “:where()” · · , ,
  69. How I Learnt to Stop Worrying and Love Animating the Box Model · · ,
  70. Contemporary Design Has Lost Its Soul · · ,
  71. 20 Killer JavaScript One-Liners · ·
  72. Why Inequalities Can Appear in Digital Accessibility and Inclusive Design · · , ,
  73. CSS Container Query Units · · ,
  74. The New Requirements for WCAG 2.2 · · ,
  75. What’s the Right Font Size in Web Design? · · ,
  76. Small Bundles, Fast Pages: What to Do with Too Much JavaScript · · , ,
  77. Web Vitals Patterns · ·
  78. Web Quality Assurance: From User Requirements to Web Risk Management · · , ,
  79. New Principle: Do Not Design Around Third-Party Tools Unless It Actually Breaks the Web · · ,
  80. Minding the “gap” · ·
  81. How to Expand Your Engineering Skill Set Without Quitting Your Day Job · · ,
  82. Accessible Palette: Stop Using HSL for Color Systems · · , ,
  83. The Future of CSS: Cascade Layers (CSS “@layer”) · ·
  84. Reducing the Need for Pseudo-Elements · · ,
  85. Optimizing Images on the Web · · ,
  86. 1995: MySQL Arrives, Completing the LAMP Stack · · ,
  87. Modernising CSS Infrastructure in DevTools · · , ,
  88. Master Frontend Development by Cloning These Websites · · , , ,
  89. Designing Beautiful Shadows in CSS · ·
  90. Notes on Synthetic Speech · · ,
  91. 29 Projects to Help You Practice HTML CSS Javascript 2021 · · , ,
  92. The Ultimate Guide to Web Console · · ,
  93. Myths About Web Accessibility · · ,
  94. Less Absolute Positioning with Modern CSS · ·
  95. Vanilla JS Is a Web Performance Decision · · ,
  96. What Is Redundant Entry, and How Does It Affect Accessibility? · · ,
  97. The Case for “Developer Experience” · · ,
  98. Subsets and Supersets of WCAG · · ,
  99. Flexible API Design: Create Hooks for Your PHP API Pipeline · · ,
  100. Enterprise UX: Essential Resources to Design Complex Data Tables · · ,