Frontend Dogma

News and Views in Frontend Development

Articles and books, tips and tricks, craft and beauty from the world of frontend development. (Explore all topics. Stay informed by feed, on Mastodon, or on Twitter.)

  1. Upgrade Your HTML IV (toot or tweet) · · , , ,
  2. Lazy Loading Images in HTML (toot or tweet) · · ,
  3. Node.js Architecture Pitfalls to Avoid (toot or tweet) · · ,
  4. What Happened To Text Inputs? (toot or tweet) · · , ,
  5. Improving Firefox Stability with This One Weird Trick (toot or tweet) · · ,
  6. An Interactive Guide to Flexbox (toot or tweet) · · , ,
  7. State of JavaScript 2022 (toot or tweet) · · ,
  8. Incorporating Accessible Design Elements into Your Web Site (toot or tweet) · · ,
  9. How to Use Huge Type on the Web (toot or tweet) · · ,
  10. Harnessing Groupthink: Fine-Tuning CSS Specifications (toot or tweet) · · ,
  11. DOJ and Congressional Updates on Digital Accessibility (toot or tweet) · · ,
  12. Analyzing the Top 100 Retailers for Digital Accessibility (toot or tweet) · · ,
  13. A Guide to Keyboard Accessibility: JavaScript (toot or tweet) · · , ,
  14. 4 Mobile Must-Haves for a Modern UX Design Strategy (toot or tweet) · · , ,
  15. An Introduction to the Design Tokens File Format (toot or tweet) · · , ,
  16. The Easiest Way to Get Started with CSS Grid (toot or tweet) · · , ,
  17. How to Handle Unplanned Work in Scrum (toot or tweet) · · , ,
  18. Style a Parent Element Based on Its Number of Children Using CSS “:has()” (toot or tweet) · · ,
  19. Firefox-Only CSS (toot or tweet) · · , ,
  20. Experimenting with Layering, Filtering, and Masking in CSS (toot or tweet) · · ,
  21. Back to Basics: What are Callbacks in JavaScript? (toot or tweet) · ·
  22. A Guide to Image Optimization on Jamstack Sites (toot or tweet) · · , , , ,
  23. “vh”, “svh”, “lvh”, and “dvh” (toot or tweet) · ·
  24. Using Automated Test Results to Improve Accessibility (toot or tweet) · · , ,
  25. Spy On “window.postMessage” Calls (toot or tweet) · · , ,
  26. “Not Secure” Warning for IE Mode (toot or tweet) · · , ,
  27. CSS Best Practices: 16 Ways to Improve Your CSS Skills Quickly (toot or tweet) · · ,
  28. Build and Deploy a Node.js Microservices Application (toot or tweet) · · , ,
  29. Accessibility Is in Style—Styles and Style Guides (toot or tweet) · · , , , ,
  30. 5 Insider Tips to Make Accessibility Part of Workflow (toot or tweet) · · , ,
  31. Visual Design: Breaking into the Fourth Dimension of Experience Design (toot or tweet) · · ,
  32. The Heuristics of Neurodesign (toot or tweet) · ·
  33. The Best Programming Languages You Can Use for Web Development (toot or tweet) · · ,
  34. Significant Improvements for Screen Readers Now in Nightly Firefox (toot or tweet) · · , , ,
  35. Building Conscious Design Systems (toot or tweet) · ·
  36. Your Accessibility Claims Are Wrong, Unless… (toot or tweet) · · ,
  37. Web Sustainability Resources (toot or tweet) · · ,
  38. Awesome Productivity Tools for Developers (toot or tweet) · · ,
  39. A Guide to Keyboard Accessibility: HTML and CSS (toot or tweet) · · , , ,
  40. Git Cheat Sheet with 40+ Commands and Concepts (toot or tweet) · · , ,
  41. Content Strategy 101 (toot or tweet) · · ,
  42. The IndieWeb for Everyone (toot or tweet) · ·
  43. When Our Tools Hold Us Back (toot or tweet) · · , ,
  44. CSS “:where()” “:is()” the Difference? (toot or tweet) · · ,
  45. CSS Grid and Custom Shapes III (toot or tweet) · · ,
  46. 10 Things I Wish I’d Known When Starting My Coding Journey (toot or tweet) · ·
  47. Why Your Backend in Node.js Needs an API Layer and How to Build It (toot or tweet) · · , ,
  48. What’s New in WCAG 2.2 (toot or tweet) · · , , ,
  49. The Anatomy of “visually-hidden” (toot or tweet) · · ,
  50. State of Design Systems 2022 Survey (toot or tweet) · · ,
  51. Node.js Security Best Practices (toot or tweet) · · , ,
  52. Easily Switch Between Different Node Versions Using nvm (toot or tweet) · · ,
  53. Are You Using an Accessibility Overlay to Help Disabled Users? Don’t! (toot or tweet) · · , ,
  54. An Open Challenge (to Tech Event Organizers) (toot or tweet) · ·
  55. Designing for People Who Use a Mouse (toot or tweet) · · ,
  56. CSS Timeline (toot or tweet) · · , ,
  57. Accessfuturism: Digital Accessibility in 2032 (toot or tweet) · · , ,
  58. A Brief and Probably Only Partially Correct History of CSS Nesting (toot or tweet) · · ,
  59. What CSS Do You Absolutely Have to Know in 2022? (toot or tweet) · ·
  60. TypeScript with Node.js (toot or tweet) · · ,
  61. How to Improve User Experience and Wow Your Users (toot or tweet) · ·
  62. How to Create the Perfect Hero Image for Your Portfolio Site (toot or tweet) · ·
  63. Generating Slugs Using One Line of Code in JavaScript (toot or tweet) · ·
  64. Foundations: Native Versus Custom Components (toot or tweet) · · , ,
  65. Early Learnings for Early Hints at Shopify (toot or tweet) · · ,
  66. Dialogs, Modality, and Popovers Seem Similar—How Are They different? (toot or tweet) · · , ,
  67. Accessibility Contrast Requirements Explained and How to Fix 5 Common Low-Contrast Issues (toot or tweet) · · ,
  68. Why You Need to Monitor and Report on Accessibility—All the Time (toot or tweet) · · , , ,
  69. Why Would Anyone Need JavaScript Generator Functions? (toot or tweet) · ·
  70. What Designers Can Learn from Apple’s New Accessibility Features (toot or tweet) · · , ,
  71. Using Data-Driven Analytics to Improve Your Site’s User Experience (toot or tweet) · · ,
  72. The Superpowers of Design Tokens (toot or tweet) · · ,
  73. Saved from Callback Hell (toot or tweet) · ·
  74. Responsive Accessibility Using “visibility: hidden” (toot or tweet) · · ,
  75. Managing CSS Styles in a WordPress Block Theme (toot or tweet) · · , , ,
  76. Client-Side Routing Without the JavaScript (toot or tweet) · · , ,
  77. A Simpler Approach to Document and Web Accessibility (toot or tweet) · ·
  78. Visual Design in UX: Study Guide (toot or tweet) · · , , ,
  79. Inside the Mind of a Frontend Developer: Hero Section (toot or tweet) · · ,
  80. An Animated Guide for Node.js Event Loop (toot or tweet) · · ,
  81. Accessibility “Gaps” in MVPs (toot or tweet) · ·
  82. 5 Takeaways from Screen Reader Usability Interviews (toot or tweet) · · ,
  83. Ways to Improve Developer Onboarding on an Existing Codebase (toot or tweet) · · ,
  84. Minimal Dark Mode (toot or tweet) · · , ,
  85. Frontend Dogma on Mastodon (toot or tweet) · ·
  86. Caring About the World Wide Web (toot or tweet) · · , , ,
  87. 6 Steps to Improve HTML Images for Users and Developers (toot or tweet) · · , , ,
  88. Why You Need to Involve Deaf and Hard of Hearing People in Research and Testing (toot or tweet) · · ,
  89. Tips for Design System Component Pages (toot or tweet) · · , , , ,
  90. The Best PHP Frameworks for 2022 (toot or tweet) · · ,
  91. Speedy CSS Tip! Animated Gradient Text (toot or tweet) · · ,
  92. Progress over Perfection: A Better Way to Accessibility (toot or tweet) · · ,
  93. A Testing Strategy for Accessibility in New Apps (toot or tweet) · · ,
  94. A Deep Dive into Accessible Notifications (toot or tweet) · · , ,
  95. 7 Tactics That Benefit Both Accessibility and SEO (toot or tweet) · · ,
  96. Tips to Become a Great Software Engineer (toot or tweet) · ·
  97. Should Consistency Be a Goal of Design Systems? (toot or tweet) · · ,
  98. HTML and CSS Features, Tips for a 10× Faster Page Loading Speed (toot or tweet) · · , , ,
  99. How to Start a Content Audit (toot or tweet) · · , , ,
  100. Designing the Perfect Mobile Navigation UX (toot or tweet) · · , ,
  101. Design Management Toolbox: Non-Linear Professional Development (toot or tweet) · · ,
  102. An Introduction to CSS Cascade Layers (toot or tweet) · · , ,
  103. Is Turbopack Really 10× Faster Than Vite? (toot or tweet) · · , ,
  104. An Overview of JavaScript Promises (toot or tweet) · ·
  105. Why One Web Pioneer Thinks It’s Time to Reinvent the Browser (toot or tweet) · · ,
  106. The New CSS Media Query Range Syntax (toot or tweet) · · ,
  107. Screenshotting VoiceOver on macOS (toot or tweet) · ·
  108. My Divtober 2022 Drawings (toot or tweet) · · ,
  109. Folder Structure for Node.js and Express.js Project (toot or tweet) · · , ,
  110. Complexity and Caution (toot or tweet) · · , ,
  111. “aria-label” Is a Code Smell (toot or tweet) · · , ,
  112. Knowing What It’s Not (toot or tweet) · · ,
  113. Hostile Patterns in Error Messages (toot or tweet) · · , , ,
  114. Do We Need an Interop for Assistive Technologies? (toot or tweet) · · , ,
  115. 7 Shorthand Optimization Tricks Every JavaScript Developer Should Know (toot or tweet) · · ,
  116. 5 Visual Treatments that Improve Accessibility (toot or tweet) · · ,
  117. How to Create Advanced Animations with CSS (toot or tweet) · · ,
  118. How to Build, Test, and Publish a TypeScript npm Package in 2022 (toot or tweet) · · ,
  119. CSS Ellipsis for Single-Line and Multi-Line Text (toot or tweet) · · ,
  120. Why You Should Never Use “px” to Set “font-size” in CSS (toot or tweet) · · ,
  121. What Is a Realm in JavaScript? (toot or tweet) · ·
  122. Using HSL Colors in CSS (toot or tweet) · · ,
  123. Type-Safe TypeScript with Type Narrowing (toot or tweet) · ·
  124. React Concurrency, Explained (toot or tweet) · · , ,
  125. Practical CSS Guide for Busy Developers (toot or tweet) · · ,
  126. Motion Controls in the Browser (toot or tweet) · · , ,
  127. All Designers Start as Copycats (and That’s OK) (toot or tweet) · · ,
  128. Masked Gradient Dashed Lines (toot or tweet) · · ,
  129. Getting WCAG Color Contrast Right (toot or tweet) · · , , ,
  130. CSS Runtime Performance (toot or tweet) · · , ,
  131. Accessibility Beyond the “Obvious” (toot or tweet) · ·
  132. Web Accessibility: ARIA 101 (toot or tweet) · · , ,
  133. Typographic Hierarchies (toot or tweet) · · ,
  134. The Math Behind Nesting Rounded Corners (toot or tweet) · · ,
  135. Guide to the Best JavaScript Books for Beginners (toot or tweet) · · , ,
  136. Design Principles for the Web (toot or tweet) · · , ,
  137. Code Coverage with Storybook Test Runner (toot or tweet) · · ,
  138. Structured Data (toot or tweet) · · ,
  139. Performance (toot or tweet) · · , ,
  140. OKLCH in CSS: Why We Moved from RGB and HSL (toot or tweet) · · ,
  141. CSS Animated Grid Layouts (toot or tweet) · · , ,
  142. Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (toot or tweet) · · , ,
  143. Building a Tooltip Component (toot or tweet) · · , ,
  144. What? How? Why? @ layer (toot or tweet) · · ,
  145. Is There Too Much CSS Now? (toot or tweet) · ·
  146. Don’t Be Afraid of Reverting Code in Git (toot or tweet) · ·
  147. Do You Really Understand CSS Radial Gradients? (toot or tweet) · · ,
  148. Detect System Theme Preference Change Using JavaScript (toot or tweet) · · ,
  149. How We Improved React Loading Times by 70% with Next.js (toot or tweet) · · , ,
  150. Evolution of Manuals: UX Inspiration from History (toot or tweet) · · , ,
  151. Disruptive Design Patterns—an Uncharted Territory (toot or tweet) · ·
  152. Twitter Reminds Us About Alt Text, But How Good Are We at It? (toot or tweet) · · , ,
  153. Things Strong Developers Do That Drive Their Team Crazy (toot or tweet) · · ,
  154. Tailwind CSS v3.2: Revisiting My “Feature Creep” Warning (toot or tweet) · · ,
  155. New Git Guidelines: We Have Switched to Conventional Commits (toot or tweet) · · ,
  156. Javascript Shallow Copy—What Is a Shallow Copy? (toot or tweet) · ·
  157. Let’s Talk About Web Components (toot or tweet) · ·
  158. How to Set Up the New Google Auth in a React and Express App (toot or tweet) · · , , ,
  159. Why I Never Understood CSS-in-JS (toot or tweet) · · ,
  160. Which Serverless Edge Platform Has the Fastest Git Deployments? (toot or tweet) · · , , , ,
  161. Usable, Useful, and Valuable (toot or tweet) · · , , ,
  162. Responsive Animations for Every Screen Size and Device (toot or tweet) · · , ,
  163. CSS Is Awesome (toot or tweet) · · ,
  164. SEO and Accessibility Are Symbiotic (toot or tweet) · · ,
  165. Ethical Design Is a Risk Management Strategy (toot or tweet) · · , ,
  166. A Dashing Navbar Solution (toot or tweet) · ·
  167. Why We Need CSS Speech (toot or tweet) · · ,
  168. What If the Team Hates My Functional Code? (toot or tweet) · ·
  169. The True Type in PHP 8.2 (toot or tweet) · ·
  170. State of CSS Frameworks (toot or tweet) · · , ,
  171. Redo Websites Less Often (to Become a Better Developer) (toot or tweet) · · ,
  172. I Made a Full-Stack and Type-Safe Personal Site Using the T3 Stack (toot or tweet) · · ,
  173. How to Build the Foundation for Digital Accessibility (toot or tweet) · · , ,
  174. Highly Customizable Background Gradients (toot or tweet) · · ,
  175. GitHub Copilot Investigation (toot or tweet) · · , , ,
  176. Digital Accessibility—Ask Me Anything (toot or tweet) · · ,
  177. The Proprietary Syndication Formats (toot or tweet) · ·
  178. Secure JavaScript URL Validation (toot or tweet) · · , ,
  179. Hands-On Guide to Color Fonts and “@ font-palette-values” (toot or tweet) · · , , ,
  180. Google on Alt Text SEO and Accessibility (toot or tweet) · · , , ,
  181. Forging Successful Partnerships with Software Developers (toot or tweet) · · ,
  182. Edit Someone Else’s Website: “contenteditable” and “designMode” (toot or tweet) · ·
  183. Designing for Users with Disabilities: 10 Factors to Consider (toot or tweet) · · , ,
  184. CSS Specificity for Beginners (toot or tweet) · · ,
  185. Applying the 8 Golden Rules of User-Interface Design (toot or tweet) · · , ,
  186. Why We’re Breaking Up with CSS-in-JS (toot or tweet) · · ,
  187. Next.js Crash Course (toot or tweet) · · ,
  188. Don’t Be Arrogantly Ignorant: Don’t Flame (toot or tweet) · · ,
  189. Moving From React to htmx (toot or tweet) · · , ,
  190. How to Rebase Stacked Git Branches (toot or tweet) · ·
  191. Scoop: Meta Ending Support for Instant Articles (toot or tweet) · · ,
  192. New Brutalism and Web Accessibility: What You Need to Know (toot or tweet) · · ,
  193. Microfrontends: Microservices for the Frontend (toot or tweet) · · ,
  194. Design for Them Not for You (toot or tweet) · · , ,
  195. Container Queries: Style Queries (toot or tweet) · · ,
  196. Accessibility Checkers—a Good Start, Not a Solution (toot or tweet) · · , ,
  197. What I Learned About SVG Accessibility (Among Other Things) from NBC News’ Senate “What If” Project (toot or tweet) · · ,
  198. Upgrading Colors to HD on the Web (toot or tweet) · · ,
  199. Two JavaScripts (toot or tweet) · ·
  200. Some Things I Took Away From An Event Apart 2022 in Denver (toot or tweet) · · , ,