Frontend Dogma

News and Views in Frontend Development (3)

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

  1. A Guide to Designing Accessible, WCAG-Compliant Focus Indicators · · ,
  2. Breaking the Web Forward · · ,
  3. Static vs. Dynamic vs. Jamstack: Where’s the Line? · · ,
  4. How to Test for Accessibility with Users at Every Design Stage · · ,
  5. CSS “accent-color” · ·
  6. Accessible Design Systems: Look Good While Doing Good · · ,
  7. The State of Mobile First and Desktop First · · , ,
  8. The Complete Guide to HTML Forms and Constraint Validation · · , ,
  9. “return await promise” vs. “return promise” in JavaScript · · ,
  10. “<Lazy>” Rendering in Vue to Improve Performance · · ,
  11. Adding 100 Underline/Overlay Animations: The Impressive CSS Collection · · ,
  12. Accessible Contrast Ratios and A-Levels Explained · · , ,
  13. The World of CSS Transforms · ·
  14. JavaScript Development: Making a Web Worker Optional · · ,
  15. HTTP/3 from A to Z: Core Concepts · · ,
  16. How Writing Can Advance Your Career as a Developer · · ,
  17. Google vs. the Web · ·
  18. Exploring the CSS Paint API: Image Fragmentation Effect · · , ,
  19. A Performance-Focused Workflow Based on Google Tools · · , ,
  20. Uploading Multiple Files with Fetch · ·
  21. Next-Level List Bullets with CSS “::marker” · · ,
  22. On the “<dl>” · ·
  23. Browsers and Representation · · ,
  24. Why Are We Talking So Much About Design Leadership? · · ,
  25. Visualizing a Codebase · ·
  26. Sustainable Web Design, an Excerpt · · ,
  27. Inclusive Usability Testing: The Benefits of Inclusive Design · · , ,
  28. Writing Great Alt Text: Emotion Matters · · , ,
  29. What Are Accessibility Overlays Good For? · ·
  30. Using CSS Shapes for Interesting User Controls and Navigation · ·
  31. Refresher on JavaScript Callbacks and Promises · ·
  32. React Children and Iteration Methods · ·
  33. CSS Nesting, Specificity, and You · · ,
  34. Accessibility Testing with Storybook · · , ,
  35. What Devs Need · · ,
  36. Web Accessibility Myths: Debunking 7 Common Misconceptions · · ,
  37. Using “localStorage” with React Hooks · · ,
  38. How to Use “Promise.allSettled()” · ·
  39. How to Build Resilient JavaScript UIs · · ,
  40. Building the Perfect GitHub CI Workflow for Your Frontend Team · · ,
  41. A Deep Dive on Skipping to Content · · , ,
  42. The (Most Comprehensive) JavaScript Design Principles Guide · ·
  43. Refactoring CSS: Strategy, Regression Testing, and Maintenance · · , ,
  44. Mitigating User Errors · ·
  45. How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score · · ,
  46. 2021 Scroll Survey Report · · , ,
  47. Why It’s Okay for Web Components to Use Frameworks · · ,
  48. Chrome DevTools: Better Accessibility Inspection with the Source Order Viewer · · , , ,
  49. Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better · · ,
  50. 101 Digital Accessibility Tips and Tricks · ·
  51. There Is No Such Thing as a CSS Absolute Unit · ·
  52. Optimizing Your Own Performance as a Designer · · ,
  53. How to Stay Focused as a Self-Taught Frontend Web Developer · · ,
  54. CSS Architecture and Performance in Micro Frontends · · , , ,
  55. Best Practices for Tags and Tag Managers · · ,
  56. 5 Git Tips to Level Up Your Workflow · ·
  57. Using Absolute Value, Sign, Rounding, and Modulo in CSS Today · ·
  58. Safari Isn’t Protecting the Web, It’s Killing It · · ,
  59. Learnings from a WebPageTest Session on CSS-Tricks · ·
  60. How to Hand Off Accessible Designs to Developers? · · ,
  61. Creating an Accessible Dialog from Scratch · ·
  62. Architecting and Scaffolding a TypeScript and Express API · · , ,
  63. When You Cannot Run Away from Using Tables on Mobile · · ,
  64. Thinking About the Cut-Out Effect: CSS or SVG? · · , ,
  65. Is It Time to Ditch the Design Grid? · · ,
  66. Global vs. Local Styling in Next.js · · , ,
  67. CSS Logical Properties and Values · · ,
  68. UX Principles That Include Cognitive Accessibility · · ,
  69. Takeaways from the 2021 State of Digital Accessibility Report · · ,
  70. Overview of the RenderingNG Architecture · · ,
  71. My First CSS—What I Wish I Knew About CSS When Starting Out as a Frontender · · ,
  72. Getting Started with React “useContext” Hook and React Context · ·
  73. Accessible Design from the Get-Go · · ,
  74. You Don’t Need React for Building Websites · · ,
  75. It Is Time to Ditch the Title “Evangelist” from Accessibility · · ,
  76. Four Factors in UX Maturity · · ,
  77. Complete Introduction to CSS Flexbox · · ,
  78. Break HTML Content into Newspaper-Like Columns Using Pure CSS · · ,
  79. 5 UI Tips to Become a Better Front-End Developer · · ,
  80. How to Eliminate Render-Blocking Resources: a Deep Dive · · ,
  81. Accessibility Strategy for Product Management · · ,
  82. What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages · ·
  83. Using Google Drive as a CMS · · ,
  84. The Vanishing Designer · · , ,
  85. Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work · · , ,
  86. Simple Monorepos Via npm Workspaces and TypeScript Project References · · , ,
  87. Definition of Done vs. Acceptance Criteria · · , ,
  88. Custom Properties and “@property” · · ,
  89. The Accessibility Stalemate · · ,
  90. From a Colourblind Designer to the World: Please Stop Using Red and Green Together · · ,
  91. A Visual Guide to React Rendering—It Always Re-Renders · ·
  92. The Ultimate Cheat Sheet List for Web Developers · · , , ,
  93. Practical Use Cases for Scroll-Linked Animations in CSS with Scroll Timelines · · ,
  94. Maintaining End-to-End Quality with Visual Testing · · , ,
  95. Journey of a Web Page—How Browsers Work · · , ,
  96. An Introduction to Frameworkless Web Components · · , ,
  97. 6 Useful Frontend Techniques That You May Not Know About · · , , ,
  98. Designing for Information Density · ·
  99. What I Learned from “Software Engineering at Google” · · ,
  100. The State of Developer Ecosystem 2021 · · ,