Frontend Dogma

“2021” Archive (4)

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