Frontend Dogma

“2021” Archive (4)

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