Frontend Dogma

“2021” Archive (4)

  1. Why Accessibility Overlays Hurt More Than Help · · ,
  2. The Hidden World of “aria-hidden” · · ,
  3. Embracing Design Constraints ·
  4. Disabling a Link · · , ,
  5. How to Build an Image Comparison Slider · · , ,
  6. What Makes a Great Component Library? · · ,
  7. Writing Better Regular Expressions in PHP · · , ,
  8. History of Web Browser Engines from 1990 Until Today · · , ,
  9. A Thorough Analysis of CSS-in-JS · · , ,
  10. Accessible Web Forms · · , ,
  11. Your Design System Is Actually a Product—Treat It Like One ·
  12. 25 Years of CSS · · ,
  13. CSS Container Queries: Use Cases and Migration Strategies · · ,
  14. Access Guide · · , ,
  15. Svelte for the Experienced React Dev · · ,
  16. Professional Development Is a Choice · · ,
  17. A11y Audit Bookmarklets · · , , ,
  18. How to Name Your Design System · · , ,
  19. Useful and Useless Code Comments · · ,
  20. The New Responsive: Web Design in a Component-Driven World · · , ,
  21. Dark Patterns Tip Line · · , ,
  22. Don’t Overabstract Your Components · · , ,
  23. 2021: 98% of the Top 100 U.S. Websites Use Invalid HTML · · , , ,
  24. Learn CSS · · ,
  25. We Need to Talk About WCAG · · ,
  26. Theoretical Foundations for Server-Side Rendering and Static-Rendering · · ,
  27. The Button Cheat Sheet · · ,
  28. Container Queries in Web Components · · , ,
  29. Upgrade Your HTML III · · , , , ,
  30. Making Disabled Buttons More Inclusive · · ,
  31. Building a React Design System for Adoption and Scale · · ,
  32. A Complete Guide to Grid · · , ,
  33. Introduction to Using Dart in Flutter · · , ,
  34. Web Application Development: The Ultimate Guide (2021) · · ,
  35. Rethinking Component Libraries ·
  36. Everything You Need to Know About A/B Testing · · ,
  37. A Primer on CSS Container Queries · · ,
  38. Introduction to HTTP Cookies · · , ,
  39. How to Satisfy User Intent When Considering Search vs. Browse · · , , ,
  40. Custom Attributes Are Fast Good and Cheap · · ,
  41. Is Vendor Prefixing Dead? · · ,
  42. Overreliance on Overlays Is Counter to Enculturation of Accessibility · · ,
  43. Auditing Design Systems for Accessibility · · , , ,
  44. Using Hotwire to Build a Search Form With Minimal JavaScript · · , , ,
  45. Better Onboarding: How to Prevent Codebase Overwhelm · · ,
  46. Designing Adaptive Components, Beyond Responsive Breakpoints · · , ,
  47. Understanding Design Systems—Designing Component APIs · · , ,
  48. Level Up Your Team Workflows With These Kanban Board Best Practices · · , ,
  49. Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit · · , , ,
  50. 21 Best Practices for a Clean React Project · · , ,
  51. A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors · · , , ,
  52. 136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling ·
  53. Intrinsic Typography Is the Future of Styling Text on the Web · · ,
  54. Five Reasons Your First Design System Will Fail ·
  55. CSS Hell · · ,
  56. Content-Aware Image Resizing in JavaScript · · ,
  57. The 5 Most Popular Front-End Frameworks Compared · · , , , , , ,
  58. Fifteen Design Trends from an Accessibility Perspective · · , ,
  59. Variable Scope, Lexical Scope, and Code Blocks in JavaScript · · ,
  60. Web Developer’s Guide to AVIF Images · · , ,
  61. Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know · · ,
  62. Understanding Logical Focus Order · · , ,
  63. Comparing the New Generation of Build Tools · · , , ,
  64. Write a Plugin for Tailwind CSS · · ,
  65. Getting Started With Preact · · ,
  66. Building an Accessibility Library · · ,
  67. Defining a Strategy for Accessibility · · ,
  68. Sentence Case versus Title Case · · , ,
  69. Using Design Tokens to Accelerate Design Systems · · , ,
  70. Code in Quarantine · · ,
  71. How to Build a Developer Blog With Gatsby and MDX · · , ,
  72. 5 Things I’m Thinking About When I Check a Pull Request for Accessibility · · ,
  73. Primitive Values, Objects, and References in JavaScript Made Simple · · ,
  74. Why Should We Care About Developer Experience (DX) ·
  75. Not Your Typical Horizontal Rules · · ,
  76. Human-Readable JavaScript: A Tale of Two Experts · · ,
  77. How to Build a Great Developer Experience · · ,
  78. Why Skip-Links Are Important for Accessibility · · ,
  79. Taming Blend Modes: “difference” and “exclusion” · · ,
  80. React vs. Vue in 2021: Best JavaScript Framework · · , , ,
  81. “prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations · · , ,
  82. Why Your Website Should Work Without JavaScript · · , , ,
  83. The 5-Hour CDN · · ,
  84. Minimalism Is Boring · · ,
  85. A Comprehensive Guide to JavaScript Design Patterns · · , ,
  86. Comparing Svelte and React · · , ,
  87. Beyond “console.log()”—Level Up Your Debugging Skills · · , ,
  88. JavaScript: What Is the Meaning of “this”? ·
  89. You Want Enabling CSS Selectors, Not Disabling Ones · · ,
  90. Enforce, Enable, and Empower ·
  91. Semantic Versioning Will Not Save You ·
  92. Introduction to ARIA Live Regions · · , , ,
  93. Automating the Accessibility Tests of Your Source Code With GitHub Actions · · , , ,
  94. Hello World ·
  95. Managing CSS Colors Systems With a Single Source of Truth · · , ,
  96. Understanding Z-Index in CSS ·
  97. Front-of-the-Front-End and Back-of-the-Front-End Web Development ·
  98. How to Test the Accessibility of Your Components With Storybook · · , , ,
  99. The Significance of Building Offline-First Apps · · ,
  100. Seven Myths About Alt Text · · ,
  101. The Never-Ending Job of Selling Design Systems ·
  102. Revisiting Dark Patterns With the HTML “dialog” Tag · · , ,
  103. 10 Principles of the Best Landing Page Design · · , ,
  104. 5 Tips for Your Next Promotion or Salary Raise ·
  105. One Figma Component—3,360 Variants · · ,
  106. Hotwire: HTML over the Wire ·
  107. Uniwidth Typefaces for Interface Design · · ,
  108. Building a Consistent Platform ·
  109. The Do’s and Don’ts of Code Reviews · · , ,
  110. In Critical Defense of Frontend Development ·
  111. The Definitive Guide to Feature Management · · , ,
  112. HTML: The 16 Content Categories and Their Elements · · ,
  113. How Does CSS Work? ·
  114. Laravel and Hotwire Intro · · , ,