Frontend Dogma

News and Tools for Frontend Development (13)

(Stay up-to-date on all topics by feed or on Mastodon.)

  1. When a Click Is Not Just a Click (toot or tweet) · ·
  2. Detecting Hover-Capable Devices (toot or tweet) · ·
  3. Use the “i” Element, and Use It Appropriately (toot or tweet) · · ,
  4. CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals (toot or tweet) · · , , ,
  5. Good News: Google No Longer Requires Publishers to Use the AMP Format (toot or tweet) · · , ,
  6. Screen Readers: Hearing the Unseen (toot or tweet) · · , ,
  7. The Most Popular Design Thinking Strategy Is BS (toot or tweet) · · ,
  8. Tip: Don’t Preprocess What You Can Design Token (toot or tweet) · · ,
  9. Resource Inlining in JavaScript Frameworks (toot or tweet) · · , , ,
  10. I Regret Being a Hipster in Tech (toot or tweet) · ·
  11. My Journey from a Novice to a Front-End Engineer (toot or tweet) · ·
  12. timefind (toot or tweet) · · , ,
  13. All You Need Is 5 Fonts (toot or tweet) · · , ,
  14. Building a Responsive Layout with CSS Grid and Container Queries (toot or tweet) · · , , , ,
  15. Container Queries and the Future of CSS (toot or tweet) · · , ,
  16. Debugging JavaScript and Front-End (toot or tweet) · · , ,
  17. JavaScript Frameworks and the Lost Art of HTML (toot or tweet) · · , ,
  18. Using CSS to Enforce Accessibility (toot or tweet) · · ,
  19. Accessibility in React (toot or tweet) · · ,
  20. Making the Web—Faster (toot or tweet) · · , , ,
  21. No Code Reviews by Default (toot or tweet) · ·
  22. React Architecture: How to Structure and Organize a React Application (toot or tweet) · · ,
  23. The True Cost of a Redesign (toot or tweet) · · ,
  24. A Framework for Building Open Graph Images (toot or tweet) · · ,
  25. Craft Good Questions for Usability Tests (toot or tweet) · · ,
  26. Custom Scrollbars in CSS (toot or tweet) · ·
  27. Demystifying Styled Components (toot or tweet) · · , ,
  28. Sorting Colors in JavaScript (toot or tweet) · · , ,
  29. What’s New in ES2021 (toot or tweet) · · , ,
  30. RenderingNG—Ready for the Next Generation of Web Content (toot or tweet) · · , , , ,
  31. How to Use Dynamic Imports in JavaScript (toot or tweet) · ·
  32. Keeping It Consistent: Design Tokens (toot or tweet) · · , ,
  33. Blogged Answers: The Evolution of Redux Testing Approaches (toot or tweet) · · , , ,
  34. Organize Your CSS Declarations Alphabetically (toot or tweet) · · ,
  35. Updating a 25-Year-Old Website (toot or tweet) · ·
  36. How Apple Changed the Way We Navigate—Forever (toot or tweet) · · , ,
  37. OMG, SVG Favicons FTW! (toot or tweet) · · , , ,
  38. Optical Size, the Hidden Superpower of Variable Fonts (toot or tweet) · · , ,
  39. A Complete Guide to Accessibility Tooling (toot or tweet) · · , ,
  40. NPM Global Audit (toot or tweet) · · , , , ,
  41. Shut Up, Old Man… (toot or tweet) · ·
  42. Understanding and Preventing Common Security Vulnerabilities (toot or tweet) · ·
  43. Everyday Accessibility (toot or tweet) · ·
  44. When CSS Isn’t Enough: JavaScript Requirements for Accessible Components (toot or tweet) · · , ,
  45. Provided “As Is,” Without Warranty of Any Kind (toot or tweet) · · , ,
  46. Regular Expressions (RegEx) in Google Search Console (toot or tweet) · · , ,
  47. How to Center Anything in CSS Using Flexbox and Grid (toot or tweet) · · ,
  48. Half the Size of Images by Optimising for High Density Displays (toot or tweet) · · , ,
  49. React Cheat Sheet (Updated June 2021) (toot or tweet) · · ,
  50. Serving Sharp Images to High Density Screens (toot or tweet) · · ,
  51. The Art of Frontend Engineering (toot or tweet) · ·
  52. Adding Shadows to SVG Icons with CSS and SVG Filters (toot or tweet) · · , , ,
  53. Let’s Learn About Aspect Ratio in CSS (toot or tweet) · ·
  54. The Ultimate CSS Flexbox Cheat Sheet with Examples (toot or tweet) · · , ,
  55. An Interactive Guide to CSS Transitions (toot or tweet) · · , ,
  56. Meet :has, a Native CSS Parent Selector (And More) (toot or tweet) · ·
  57. Micro-Expressions in User Testing: When Users Reveal Their True Emotional States (toot or tweet) · · ,
  58. Ready-Made Counter Styles (toot or tweet) · · ,
  59. Why Validate? (toot or tweet) · · , , ,
  60. Building a Color Scheme (toot or tweet) · · , ,
  61. Component-Specific Design Tokens (toot or tweet) · · ,
  62. Improving the UX of Your Design System (toot or tweet) · · , ,
  63. Reasons Why Bugs Might Feel “Impossible” (toot or tweet) · · ,
  64. 10 Utility Functions for Working with Objects in JavaScript (toot or tweet) · · ,
  65. Accessible Overflow (toot or tweet) · · , ,
  66. An Accessibility Strategy (toot or tweet) · · ,
  67. What Can the HTTP Archive Tell Us About Largest Contentful Paint? (toot or tweet) · ·
  68. Vue.js vs. React—Not Your Usual Comparison (toot or tweet) · · , , ,
  69. Using AVIF to Compress Images on Your Site (toot or tweet) · · , , ,
  70. CSS System Colors (toot or tweet) · · ,
  71. Open Source Insights (toot or tweet) · · , , , ,
  72. Best Practices for Fonts (toot or tweet) · · , ,
  73. CSS for Web Vitals (toot or tweet) · · , ,
  74. How to Fix Cumulative Layout Shift (CLS) Issues (toot or tweet) · ·
  75. Why Accessibility Overlays Hurt More Than Help (toot or tweet) · · ,
  76. Thoughts for the Aging Web Developer (toot or tweet) · ·
  77. Embracing Design Constraints (toot or tweet) · ·
  78. The Hidden World of “aria-hidden” (toot or tweet) · · ,
  79. Disabling a Link (toot or tweet) · · ,
  80. How to Build an Image Comparison Slider (toot or tweet) · · ,
  81. What Makes a Great Component Library? (toot or tweet) · · ,
  82. Accessible Web Forms (toot or tweet) · · , ,
  83. A Thorough Analysis of CSS-in-JS (toot or tweet) · · , ,
  84. History of Web Browser Engines from 1990 Until Today (toot or tweet) · · , ,
  85. Writing Better Regular Expressions in PHP (toot or tweet) · · , ,
  86. 25 Years of CSS (toot or tweet) · · ,
  87. Your Design System Is Actually a Product—Treat It Like One (toot or tweet) · ·
  88. Access Guide (toot or tweet) · · , ,
  89. CSS Container Queries: Use Cases and Migration Strategies (toot or tweet) · · ,
  90. Svelte for the Experienced React Dev (toot or tweet) · · ,
  91. A11y Audit Bookmarklets (toot or tweet) · · , , ,
  92. Professional Development Is a Choice (toot or tweet) · · ,
  93. Don’t Overabstract Your Components (toot or tweet) · · , ,
  94. How to Name Your Design System (toot or tweet) · · ,
  95. Useful and Useless Code Comments (toot or tweet) · ·
  96. The New Responsive: Web Design in a Component-Driven World (toot or tweet) · · , ,
  97. 98% of the Top 100 U.S. Websites Use Invalid HTML (in 2021) (toot or tweet) · · , , ,
  98. We Need to Talk About WCAG (toot or tweet) · · ,
  99. Learn CSS (toot or tweet) · · ,
  100. The Button Cheat Sheet (toot or tweet) · · ,
  101. Theoretical Foundations for Server-Side Rendering and Static-Rendering (toot or tweet) · · ,
  102. Container Queries in Web Components (toot or tweet) · · ,
  103. Upgrade Your HTML III (toot or tweet) · · , , ,
  104. A Complete Guide to Grid (toot or tweet) · · , ,
  105. Building a React Design System for Adoption and Scale (toot or tweet) · · ,
  106. Making Disabled Buttons More Inclusive (toot or tweet) · · ,
  107. A Primer on CSS Container Queries (toot or tweet) · · ,
  108. Everything You Need to Know About A/B Testing (toot or tweet) · · ,
  109. Rethinking Component Libraries (toot or tweet) · ·
  110. Web Application Development: The Ultimate Guide (2021) (toot or tweet) · · ,
  111. Introduction to HTTP Cookies (toot or tweet) · · , ,
  112. Custom Attributes Are Fast Good and Cheap (toot or tweet) · · ,
  113. Overreliance on Overlays Is Counter to Enculturation of Accessibility (toot or tweet) · · ,
  114. Auditing Design Systems for Accessibility (toot or tweet) · · , , ,
  115. Better Onboarding: How to Prevent Codebase Overwhelm (toot or tweet) · ·
  116. Designing Adaptive Components, Beyond Responsive Breakpoints (toot or tweet) · · , ,
  117. Understanding Design Systems—Designing Component APIs (toot or tweet) · · , ,
  118. Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit (toot or tweet) · · , , ,
  119. A Guide to Newly Supported, Modern CSS Pseudo-Class Selectors (toot or tweet) · · , , ,
  120. 136 Facts Every Web Dev Should Know Before They Burn Out and Turn to Landscape Painting or Nude Modelling (toot or tweet) · ·
  121. Intrinsic Typography is the Future of Styling Text on the Web (toot or tweet) · · ,
  122. Five Reasons Your First Design System Will Fail (toot or tweet) · ·
  123. Content-Aware Image Resizing in JavaScript (toot or tweet) · · ,
  124. CSS Hell (toot or tweet) · · ,
  125. Fifteen Design Trends from an Accessibility Perspective (toot or tweet) · · , ,
  126. The 5 Most Popular Front-End Frameworks Compared (toot or tweet) · · , , , , ,
  127. Top 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 You Must Know (toot or tweet) · · ,
  128. Variable Scope, Lexical Scope, and Code Blocks in JavaScript (toot or tweet) · ·
  129. Web Developer’s Guide to AVIF Images (toot or tweet) · · , ,
  130. Understanding Logical Focus Order (toot or tweet) · · ,
  131. Comparing the New Generation of Build Tools (toot or tweet) · · , , ,
  132. Write a Plugin for Tailwind CSS (toot or tweet) · ·
  133. Building an Accessibility Library (toot or tweet) · · ,
  134. Code in Quarantine (toot or tweet) · · ,
  135. Using Design Tokens to Accelerate Design Systems (toot or tweet) · · , ,
  136. 5 Things I’m Thinking About When I Check a Pull Request for Accessibility (toot or tweet) · · ,
  137. How to Build a Developer Blog with Gatsby and MDX (toot or tweet) · · ,
  138. Primitive Values, Objects, and References in JavaScript Made Simple (toot or tweet) · · ,
  139. Why Should We Care About Developer Experience (DX) (toot or tweet) · ·
  140. Human-Readable JavaScript: A Tale of Two Experts (toot or tweet) · · ,
  141. Not Your Typical Horizontal Rules (toot or tweet) · · ,
  142. How to Build a Great Developer Experience (toot or tweet) · ·
  143. Why Skip-Links Are Important for Accessibility (toot or tweet) · · ,
  144. Taming Blend Modes: “difference” and “exclusion” (toot or tweet) · ·
  145. React vs. Vue in 2021: Best JavaScript Framework (toot or tweet) · · , , ,
  146. “prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations (toot or tweet) · · , ,
  147. Why Your Website Should Work Without JavaScript (toot or tweet) · · , , ,
  148. The 5-Hour CDN (toot or tweet) · · ,
  149. Minimalism is Boring (toot or tweet) · · ,
  150. A Comprehensive Guide to JavaScript Design Patterns (toot or tweet) · · , ,
  151. Comparing Svelte and React (toot or tweet) · · , ,
  152. Beyond “console.log()”—Level Up Your Debugging Skills (toot or tweet) · · ,
  153. You Want Enabling CSS Selectors, Not Disabling Ones (toot or tweet) · · ,
  154. JavaScript: What Is the Meaning of “this”? (toot or tweet) · ·
  155. Enforce, Enable, and Empower (toot or tweet) · ·
  156. Semantic Versioning Will Not Save You (toot or tweet) · ·
  157. Automating the Accessibility Tests of Your Source Code with GitHub Actions (toot or tweet) · · , , ,
  158. Hello World (toot or tweet) · ·
  159. Managing CSS Colors Systems with a Single Source of Truth (toot or tweet) · · , ,
  160. Front-of-the-Front-End and Back-of-the-Front-End Web Development (toot or tweet) · ·
  161. Understanding Z-Index in CSS (toot or tweet) · ·
  162. How to Test the Accessibility of Your Components with Storybook (toot or tweet) · · , ,
  163. Seven Myths About Alt Text (toot or tweet) · ·
  164. The Never-Ending Job of Selling Design Systems (toot or tweet) · ·
  165. Revisiting Dark Patterns with the HTML “dialog” Tag (toot or tweet) · · ,
  166. 5 Tips for Your Next Promotion or Salary Raise (toot or tweet) · ·
  167. One Figma Component—3,360 Variants (toot or tweet) · · ,
  168. Uniwidth Typefaces for Interface Design (toot or tweet) · · ,
  169. Building a Consistent Platform (toot or tweet) · ·
  170. The Do’s and Don’ts of Code Reviews (toot or tweet) · · , ,
  171. In Critical Defense of Frontend Development (toot or tweet) · ·
  172. HTML: The 16 Content Categories and Their Elements (toot or tweet) · · ,
  173. The Definitive Guide to Feature Management (toot or tweet) · · ,
  174. How Does CSS Work? (toot or tweet) · ·
  175. Ethical Design Guide (toot or tweet) · · , ,
  176. HTML and CSS Techniques to Reduce Your JavaScript (toot or tweet) · · , , ,
  177. Using “throw” as an Expression in PHP 8 (toot or tweet) · ·
  178. Symbols to Copy (toot or tweet) · · , ,
  179. Ignore AMP (toot or tweet) · ·
  180. Why You Should Self-Host Google Fonts in 2021 (toot or tweet) · · ,
  181. JavaScript (toot or tweet) · · ,
  182. Page Weight (toot or tweet) · · ,
  183. Accessibility (toot or tweet) · · ,
  184. CSS (toot or tweet) · · ,
  185. TLS and mTLS Demystified (toot or tweet) · · , ,
  186. Alt vs. Figcaption (toot or tweet) · · , ,
  187. Best Practices for Inclusive Textual Websites (toot or tweet) · · , , ,
  188. Leveraging System Fonts on the Web (toot or tweet) · ·
  189. Upgrade Your HTML II (toot or tweet) · · , , ,
  190. Markup (toot or tweet) · · ,
  191. The Raven Technique: One Step Closer to Container Queries (toot or tweet) · · , ,
  192. Chasing the Pixel-Perfect Dream (toot or tweet) · · ,
  193. Touch, Point, Click: Mouse vs. Touch Screen Input (toot or tweet) · · , ,
  194. New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met (toot or tweet) · · , ,
  195. An Opinionated Guide to Accessibility Testing (toot or tweet) · · , ,
  196. How to Find the Cause of Horizontal Scrollbars (toot or tweet) · · , ,
  197. CSS Variables 101 (toot or tweet) · ·
  198. Drawing the Invisible: React Explained in Five Visual Metaphors (toot or tweet) · · ,
  199. Custom Properties: Questioning “:root” (toot or tweet) · · , ,
  200. Generate a Sitemap for Your Eleventy Website (toot or tweet) · · , ,
  201. Use Advanced Typography with Local Fonts (toot or tweet) · · , ,
  202. Loading Third-Party JavaScript (toot or tweet) · · ,
  203. The Anti-Reset (to Reset to User Agent Styles) (toot or tweet) · · ,
  204. Effective Code Browsing (toot or tweet) · ·
  205. Islands Architecture (toot or tweet) · · , ,
  206. Vue vs. React in 2021: Which Framework to Choose and When (toot or tweet) · · , , ,
  207. Updating React at Etsy (toot or tweet) · · , ,
  208. JavaScript to Know for React (toot or tweet) · · ,
  209. The Ultimate Guide with All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn (toot or tweet) · · , ,
  210. Platform Adjacency Theory (toot or tweet) · · ,
  211. 90’s Cursor Effects (toot or tweet) · · , ,
  212. Decentralization off the Shelf (toot or tweet) · · ,
  213. Javascript RORO Pattern (toot or tweet) · ·
  214. The Complete Guide to CSS Media Queries (toot or tweet) · · , ,
  215. 30 Seconds of Code (toot or tweet) · · , , ,
  216. Dark Patterns in UX (toot or tweet) · · ,
  217. Web Platform Contribution Guide (toot or tweet) · · , , , ,
  218. Tools for Better Thinking (toot or tweet) · · , , ,
  219. A User’s Guide to CSS Variables (toot or tweet) · · , ,
  220. Ask an Expert: Why Is CSS… the Way It Is? (toot or tweet) · ·
  221. How to Reevaluate Your Frontend Architecture (toot or tweet) · ·
  222. Micro-Frontends in Context (toot or tweet) · ·
  223. Static Hoisting (toot or tweet) · ·
  224. What Every JavaScript Developer Should Know About Unicode (toot or tweet) · · ,
  225. Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior (toot or tweet) · · , ,
  226. Developer Experience Metrics (toot or tweet) · · ,
  227. What is mTLS and How Does It Work? (toot or tweet) · ·
  228. Invisible Design Systems (toot or tweet) · · ,
  229. The 4 Pillars of Good Embed Code (toot or tweet) · · , ,
  230. Learn Programming (toot or tweet) · · , ,
  231. The Web Development Glossary (toot or tweet) · · , , ,
  232. The Frameworks Paradox (toot or tweet) · ·
  233. Why “Dark Mode” Causes More Accessibility Issues Than It Solves (toot or tweet) · · ,
  234. The Component Gallery (toot or tweet) · · ,
  235. On the Responsibility That Comes with Good JavaScript Support (toot or tweet) · · ,
  236. The Complete Guide to the Dark Mode Toggle (toot or tweet) · · ,
  237. Mutual TLS: Stuff You Should Know (toot or tweet) · · , ,
  238. 10 Behavior Patterns for UX Design (toot or tweet) · ·
  239. The Perils of Rehydration (toot or tweet) · · ,
  240. Why Are We Talking About CSS4? (toot or tweet) · · ,
  241. Simple Systems Have Less Downtime (toot or tweet) · ·
  242. The Economics of JavaScript Web Apps (toot or tweet) · · , ,
  243. Page Builders Might Not Be a Good Idea (toot or tweet) · · , , ,
  244. Understanding Map and Set in JavaScript (toot or tweet) · ·
  245. Design System UI Is More Expensive Than a Product Team’s UI (toot or tweet) · · ,
  246. The Web We Want (toot or tweet) · · , , ,
  247. The History of JavaScript: A Journey from Netscape to Frameworks and Libraries (toot or tweet) · · , , ,
  248. React Tutorial (toot or tweet) · · ,
  249. Decision Strategies for a Micro Frontends Architecture (toot or tweet) · · ,