Frontend Dogma

“2020” Archive

  1. HTML and CSS Techniques to Reduce Your JavaScript · · , , ,
  2. Ethical Design Guide · · , ,
  3. Symbols to Copy · · , ,
  4. Using “throw” as an Expression in PHP 8 ·
  5. Ignore AMP ·
  6. Why You Should Self-Host Google Fonts in 2021 · · ,
  7. The Shorthand–Longhand Problem in Atomic CSS · · , ,
  8. Page Weight · · ,
  9. JavaScript · · ,
  10. Is Edge Computing Secure? Here Are 4 Security Risks to Be Aware Of · · ,
  11. TLS and mTLS Demystified · · , ,
  12. CSS · · ,
  13. Accessibility · · ,
  14. Command Line Interface Guidelines · · , ,
  15. Alt vs. Figcaption · · , ,
  16. Know Your Standards · · , , , , ,
  17. To Be Creative, Practice · · ,
  18. Leveraging System Fonts on the Web ·
  19. Best Practices for Inclusive Textual Websites · · , , ,
  20. CSS Vendor Prefixes · · ,
  21. Upgrade Your HTML II · · , , , ,
  22. How to Deal With Common React JS Problems—Actionable Tips · · ,
  23. The Raven Technique: One Step Closer to Container Queries · · , ,
  24. Markup · · ,
  25. Chasing the Pixel-Perfect Dream · · ,
  26. Touch, Point, Click: Mouse vs. Touch Screen Input · · , ,
  27. New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met · · , , ,
  28. An Opinionated Guide to Accessibility Testing · · , ,
  29. What Apple, Google, and Amazon’s Websites Looked Like in 1999 · · ,
  30. How to Find the Cause of Horizontal Scrollbars · · , , ,
  31. Micro-Note on “aria-roledescription” · · ,
  32. CSS Variables 101 ·
  33. Reducing the Site Speed Impact of Third-Party Tags · · ,
  34. “font-kerning” · · , ,
  35. Drawing the Invisible: React Explained in Five Visual Metaphors · · ,
  36. Custom Properties: Questioning “:root” · · , ,
  37. Generate a Sitemap for Your Eleventy Website · · , ,
  38. MIME Types (IANA Media Types) ·
  39. The Thing With Leading in CSS · · ,
  40. Use Advanced Typography With Local Fonts · · , ,
  41. Loading Third-Party JavaScript · · ,
  42. “this” in JavaScript and TypeScript · · ,
  43. The Anti-Reset (to Reset to User Agent Styles) · · ,
  44. Effective Code Browsing ·
  45. JS Minification Benchmarks · · , ,
  46. Islands Architecture · · , ,
  47. Vue vs. React in 2021: Which Framework to Choose and When · · , , ,
  48. Introduction to Metrics, Monitoring, and Alerting · · , , ,
  49. Updating React at Etsy · · , , ,
  50. Accessibility on the Canvas With JavaScript · · ,
  51. Introduction to Memoization in JavaScript · · , ,
  52. JavaScript to Know for React · · ,
  53. How to Document the Screen Reader User Experience · · , , , , ,
  54. A Beginner’s Guide to Microcontent · · , , ,
  55. The Ultimate Guide With All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn · · , ,
  56. Introduction to Logging in Python · · , ,
  57. Fast Sorting With Quicksort · · ,
  58. Platform Adjacency Theory · · ,
  59. 90’s Cursor Effects · · , ,
  60. CSS Fundamentals: Vendor Prefixing · · , ,
  61. A Practical Guide to Testing React Applications With Jest · · , , ,
  62. App Shell UX With Service Workers and Streams · · , , , ,
  63. Decentralization off the Shelf · · ,
  64. Javascript RORO Pattern ·
  65. Allow End-User Styling Overrides · · , ,
  66. The Complete Guide to CSS Media Queries · · , ,
  67. Dark Patterns in UX · · ,
  68. 30 Seconds of Code · · , , ,
  69. Web Platform Contribution Guide · · , , , ,
  70. Tools for Better Thinking · · , , ,
  71. How to Reevaluate Your Frontend Architecture · · ,
  72. Micro-Frontends in Context ·
  73. Ask an Expert: Why Is CSS… the Way It Is? ·
  74. A User’s Guide to CSS Variables · · , ,
  75. The Secret of Typography, Kerning, Explained for Dummies · · ,
  76. The Third Age of JavaScript ·
  77. Static Hoisting ·
  78. What Every JavaScript Developer Should Know About Unicode · · ,
  79. Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior · · , ,
  80. Developer Experience Metrics · · ,
  81. Manipulating Arrays and Objects in JavaScript · · , , ,
  82. What Is mTLS and How Does It Work? ·
  83. Introduction to Netlify CMS · · , , ,
  84. Invisible Design Systems · · ,
  85. The 4 Pillars of Good Embed Code · · , ,
  86. Everything You Should Know About SSH and SSH Key Exchange · · , ,
  87. Learn Programming · · , ,
  88. The Web Development Glossary · · , , , ,
  89. No Need to Protect Your Website from Scraping: 8 Reasons · · , , ,
  90. How to Create a Native Web Component Without a Framework · · , ,
  91. The Frameworks Paradox ·
  92. Why “Dark Mode” Causes More Accessibility Issues Than It Solves · · ,
  93. The Component Gallery · · ,
  94. On the Responsibility That Comes With Good JavaScript Support · · ,
  95. The Complete Guide to the Dark Mode Toggle · · ,
  96. A Practical Overview of CSS Houdini · · , , ,
  97. Mutual TLS: Stuff You Should Know · · , ,
  98. 10 Behavior Patterns for UX Design ·
  99. Testing with Jest: An Introduction · · , ,
  100. The Perils of Rehydration · · ,
  101. A Beginner’s Guide to Webpack · · ,
  102. Why Are We Talking About CSS4? · · ,
  103. Simple Systems Have Less Downtime ·
  104. The Economics of JavaScript Web Apps · · , ,
  105. Page Builders Might Not Be a Good Idea · · , , ,
  106. Google Tag Manager vs. Page Speed: The Impact and How to Improve · · , , ,
  107. What Is Kerning? Here’s What You Need to Know · · ,
  108. What Is Memoization? · · , ,
  109. Understanding Map and Set in JavaScript ·
  110. The Web We Want · · , , ,
  111. Design System UI Is More Expensive Than a Product Team’s UI · · ,
  112. Introduction to WebSockets: How to Create Responsive and Low-Latency Applications · · , , ,
  113. The History of JavaScript: A Journey from Netscape to Frameworks and Libraries · · , , ,
  114. React Tutorial · · , ,
  115. Goodbye, Clean Code · · , ,
  116. Improving Site Performance With Webpack Tree Shaking · · , , ,
  117. How to Convert Variable TTF Font Files to WOFF2 · · , , ,
  118. Decision Strategies for a Micro Frontends Architecture · · ,
  119. Putting Devs Before Users: How Frameworks Destroyed Web Performance · · , ,