Frontend Dogma

“2021” Archive (4)

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