Frontend Dogma

News and Views in Frontend Development (4)

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

  1. Accessibility of the “Section” Element · · ,
  2. What Is Tree Shaking? · · ,
  3. There’s No Such Thing as Fully Automated Web Accessibility · · ,
  4. The Performance Effects of Too Much Lazy-Loading · · ,
  5. How to Get a Pixel-Perfect, Linearly Scaled UI · · , ,
  6. Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice · · ,
  7. For Developers, Apple’s Safari Is Crap and Outdated · · ,
  8. Designing for the Unexpected · · , ,
  9. Content Accessibility Fact Sheet · ·
  10. The Ultimate Guide to Browser-Side Storage · · , ,
  11. The Most Important Lessons I’ve Learned from Senior Software Engineers · ·
  12. What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”? · ·
  13. The 3-Second Frontend Developer Test · · , , ,
  14. I’m Changing How I Review Code · · , ,
  15. Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” · · , ,
  16. Angular Is Costing Companies Billions · · ,
  17. Why I Am Not the King of CSS · · ,
  18. How to Migrate from jQuery to Next.js · · , ,
  19. Detecting Media Query Support in CSS and JavaScript · · , ,
  20. What People Should Know Before Writing Articles or Creating Products About Accessibility · · , ,
  21. TypeScript Interfaces: A Quick Guide to Help You Get Started · ·
  22. Refactoring CSS: Introduction · · , ,
  23. Gridless Design · · , ,
  24. Image Descriptions: A Human Technique That Robots Can’t Grasp · · , ,
  25. How to Convert Arrays to Human-Readable Lists in JavaScript · ·
  26. Freelance React Developer Checklist · · ,
  27. The Document Outline · · ,
  28. Making a Strong Case for Accessibility · · ,
  29. The Numeric Colour Palettes in Modern Web Frameworks Explained · · ,
  30. The Large, Small, and Dynamic Viewports · · , ,
  31. Performance Design: The Illusion of Speed · · ,
  32. Creating Accessible CSS Art · · , ,
  33. TypeScript and Native ESM on Node.js · · , ,
  34. Five Ways to Include D/Deaf Users in Your Designs · · ,
  35. ARIA in HTML · · , ,
  36. The Dilemma of Naming Font Size Variables · · , ,
  37. How to Use “Promise.all()” · ·
  38. How Does Node.js Load Its Built-In/Native Modules? · · ,
  39. Accessibility and Inclusivity: Distinctions in Experience Design · · , ,
  40. Using HSL Colors in CSS · · ,
  41. Feature Checklists Are Not Enough: How to Avoid Making Bad Software · · , ,
  42. Basics of JavaScript Test Driven Development (TDD) with Jest · · , ,
  43. Where Did This Interaction Come From?—A Brief History of Interaction Design · · , ,
  44. “export default thing” Is Different to “export { thing as default }” · ·
  45. Short Note on Skip Links with Sticky Headers · · ,
  46. Evaluating Color and Contrast—How Hard Can It Be? · · , ,
  47. Towards Richer Colors on the Web · · ,
  48. It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them · · ,
  49. Accessibility and SEO · · , ,
  50. When a Click Is Not Just a Click · ·
  51. The State of Web Workers in 2021 · · ,
  52. The Internet Is Rotting · · ,
  53. How We Built React Components for Any Front End · · ,
  54. Encoding Data for POST Requests · · ,
  55. Detecting Hover-Capable Devices · ·
  56. 9 Tips to Help You Ace a Whiteboard Interview · · ,
  57. 10 Figma Best Practices to 10× Your Workflow · · , ,
  58. Tip: Don’t Preprocess What You Can Design Token · · ,
  59. The Most Popular Design Thinking Strategy Is BS · ·
  60. Screen Readers: Hearing the Unseen · · ,
  61. Resource Inlining in JavaScript Frameworks · · , , ,
  62. Good News: Google No Longer Requires Publishers to Use the AMP Format · · , ,
  63. CSS Frameworks in Vogue, But Don’t Forget Style Fundamentals · · , , ,
  64. My Journey from a Novice to a Front-End Engineer · ·
  65. I Regret Being a Hipster in Tech · ·
  66. timefind · · ,
  67. All You Need Is 5 Fonts · · , ,
  68. Using CSS to Enforce Accessibility · · ,
  69. JavaScript Frameworks and the Lost Art of HTML · · , ,
  70. Container Queries and the Future of CSS · · , ,
  71. Building a Responsive Layout with CSS Grid and Container Queries · · , , , ,
  72. The True Cost of a Redesign · · ,
  73. React Architecture: How to Structure and Organize a React Application · · ,
  74. Accessibility in React · · ,
  75. What’s New in ES2021 · · ,
  76. Sorting Colors in JavaScript · · , ,
  77. RenderingNG—Ready for the Next Generation of Web Content · · ,
  78. Demystifying Styled Components · · , ,
  79. Custom Scrollbars in CSS · ·
  80. Craft Good Questions for Usability Tests · · ,
  81. A Framework for Building Open Graph Images · · ,
  82. Organize Your CSS Declarations Alphabetically · · ,
  83. Updating a 25-Year-Old Website · · ,
  84. Optical Size, the Hidden Superpower of Variable Fonts · · , ,
  85. OMG, SVG Favicons FTW! · · , ,
  86. How Apple Changed the Way We Navigate—Forever · ·
  87. Shut Up, Old Man… · ·
  88. npm Global Audit · · , , , ,
  89. A Complete Guide to Accessibility Tooling · · ,
  90. Understanding and Preventing Common Security Vulnerabilities · ·
  91. Everyday Accessibility · · ,
  92. Regular Expressions (RegEx) in Google Search Console · · ,
  93. Provided “As Is,” Without Warranty of Any Kind · · , ,
  94. When CSS Isn’t Enough: JavaScript Requirements for Accessible Components · · , ,
  95. The Art of Frontend Engineering · ·
  96. Serving Sharp Images to High Density Screens · · ,
  97. React Cheat Sheet (Updated June 2021) · · ,
  98. Half the Size of Images by Optimising for High Density Displays · · , ,
  99. How to Center Anything in CSS Using Flexbox and Grid · · ,
  100. Adding Shadows to SVG Icons with CSS and SVG Filters · · , ,