Frontend Dogma

News and Tools for Frontend Development

Articles and books, tips and tricks, craft and beauty from the world of frontend development. (Stay up-to-date on all topics by RSS feed or on Mastodon.)

  1. Facilitating Diversity and Inclusion in Scrum Teams · · , ,
  2. The Gap · · ,
  3. Frontend Dogma on the Web · · ,
  4. Engineering for Slow Internet · · ,
  5. Data Fetching Patterns in Single-Page Applications · · , ,
  6. What to Know About the Open Versus Closed Software Debate · · ,
  7. Responsive Video Works Now—These Features Could Make It Work Better · · , , ,
  8. The Different Ways to Build a Resilient Website or Web App · · ,
  9. Why We Don’t Have a Laravel for JavaScript… Yet · · ,
  10. SSL for Localhost Takes 5 Seconds Now · · , ,
  11. What’s New in Angular 18 · · ,
  12. The Era of Platform Primitives Is Finally Here · · ,
  13. How Can OKRs Empower the Scrum Teams? · · , ,
  14. Here’s What We Learned from the First “State of HTML” Survey · · ,
  15. Alt Left · · , , ,
  16. A Little DevTools Snippet to Check Broken Links on a Webpage · · , , , ,
  17. Old Dogs, New CSS Tricks · ·
  18. Multipage Version · · ,
  19. Switching It Up With HTML’s Latest Control · · ,
  20. Best Practices for Naming Design Tokens, Components, Variables, and More · · , , ,
  21. Astro 4.9 · · ,
  22. Kawaii Computing: What VTubers Can Teach Us About Design · · , ,
  23. Storybook 8.1 · · ,
  24. Popover Element Entry and Exit Animations in a Few Lines of CSS · · , ,
  25. Modern CSS Layouts: You Might Not Need a Framework for That · · , ,
  26. Angular v18 Is Now Available! · · ,
  27. Danger! Preventing Zoom from Changing Text Size · · ,
  28. Webmentions in Astro (for Blog Posts) · · ,
  29. When Should We Use Components and When Should We Just Use HTML? · · , ,
  30. Release Notes for Safari Technology Preview 195 · · , , ,
  31. Test-Driving HTML Templates · · , , , ,
  32. A Primer on JavaScript Proxies · · ,
  33. CSS Specificity for WordPress 6.6 · · , , ,
  34. Growth or Scale? · · ,
  35. Here’s What We’re Working on in Firefox · · , ,
  36. We’ve Got Container Queries Now, But Are We Actually Using Them? · · ,
  37. Hidden vs. Disabled in UX · · , ,
  38. Crafting Seamless User Experiences: A UX-Driven Approach to Log Monitoring and Observability · · , ,
  39. UI Density · · , ,
  40. “<style>”: Inline Optimizations for the Bold · · , , ,
  41. Process · ·
  42. Web Content Has a Maintenance Problem · · , , , ,
  43. The Future of 11ty · · , ,
  44. Cloning Queries in Laravel · · ,
  45. Weighing in on CSS Masonry · · ,
  46. On Compliance vs. Readability: Generating Text Colors With CSS · · , , , , ,
  47. Visual Design: Glossary · · ,
  48. WAI-ARIA: “role=deletion” · · ,
  49. WAI-ARIA: “role=strong” · · ,
  50. On Which Side Do We Put the Primary Button? · · , ,
  51. CSS Container Queries in Practice · · , ,
  52. What’s New in Angular · · ,
  53. Beyond CSS Media Queries · · , , , ,
  54. What’s New in the Web · · ,
  55. The WCAG 3 Working Draft Update Is Ready for Your Review · · , ,
  56. CSS3? Pfff—Get Ready for CSS6! · · ,
  57. New Field Insights for Debugging INP · · , ,
  58. Automate Browser Testing With Tools and Best Practices from Chrome · · , , , , , , ,
  59. W3C Unveils 174 New Outcomes for WCAG 3.0 · · , , ,
  60. The Latest in Web UI · · , , , ,
  61. What You Need to Know About Third-Party Cookie Deprecation · · , , , , ,
  62. Navigating the JavaScript Framework Ecosystem · · , ,
  63. CSS… 5? · · ,
  64. From Fast Loading to Instant Loading · · , ,
  65. Rethinking Text Resizing on Web · · ,
  66. Comprehensive Guide to JavaScript Performance Analysis Using Chrome DevTools · · , , , , , , ,
  67. Merging Remix and React Router · · , ,
  68. Transforming the Relationship Between Designers and Developers · · , ,
  69. React Compiler · · ,
  70. JavaScript Security: Simple Practices to Secure Your Frontend · · , , ,
  71. Prefetching When Server Loading Won’t Do · · , , ,
  72. It’s Time to Upgrade from “Hard-Working” to “Highly Efficient” · · , ,
  73. Dynamic GitHub Profile With Bun and TypeScript · · , , ,
  74. Baseline Progressive Enhancement · · , , , ,
  75. State of HTML 2023 · · ,
  76. Why Designers Aren’t Understood · · , , ,
  77. 10 Updates from Google I/O 2024: Unlocking the Power of AI for Every Web Developer · · , ,
  78. New in Chrome 125 · · , , ,
  79. The Great Tech and People Hypocrisy · · ,
  80. Web Platform Status · · , , , ,
  81. The CSS Stepped Value Math Functions Are Now in Baseline 2024 · · , , , , , ,
  82. Stop Moving Fast and Breaking Everything · · , ,
  83. Anchor Positioning and the Popover API for a JS-Free Site Menu · · , ,
  84. Dark Mode and Accessibility Myth · · ,
  85. ECMAScript Proposal: “Promise.withResolvers()” · · ,
  86. Google’s Broken Link to the Web · · , , ,
  87. The Times You Need a Custom “@ property” Instead of a CSS Variable · · , , ,
  88. JavaScript Objects—Complete Guide · · , ,
  89. WebKit Features in Safari 17.5 · · , , , ,
  90. How I Made My GitHub Profile README Dynamic · · ,
  91. Intopia’s WCAG 2.2 Maps · · , ,
  92. RSS Is Good, Isn’t It?! · · ,
  93. AI Product Design: Identifying Skills Gaps and How to Close Them · · , ,
  94. AI Isn’t Ready for UX Design · · , , ,
  95. Designers Are More Than Keywords and Portfolios · · , ,
  96. Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues · · , ,
  97. Doing the Right Thing Right—Validation and Verification · · , ,
  98. I’m Worried About the Tabbing Behaviour, Rather Than the Syntax and Name of CSS Masonry · · , , ,
  99. The Classic Border Radius Advice, Plus an Unusual Trick · · , ,
  100. Regarding Keyboard Testing · · , ,
  101. Software Engineering Principles Every Frontend Developer Should Know · · , ,
  102. All I Want for GAAD · · , ,
  103. Quick Incremental Accessibility Audits for Small Business Websites · · ,
  104. Best Intention Barriers (ARIA Edition) · · , ,
  105. Digital Inaccessibility: Blind and Low-Vision People Have Powerful Technology but Still Face Barriers to the Digital World · ·
  106. Manifesto for a Humane Web · · , , , , , ,
  107. The Modern Guide for Making CSS Shapes · · , , ,
  108. Make Your Figma Components Work Harder · · , ,
  109. Design Taste vs. Technical Skills in the Era of AI · · , , ,
  110. Build Your Own React.js in 400 Lines of Code · · , ,
  111. Typography Terms: Glossary · · ,
  112. How to Document Your JavaScript Package · · , , , , ,
  113. 17 Best Developer Productivity Tools to Try · · , ,
  114. Simple Implemention to Understand “worker_threads” in Node.js · · , ,
  115. Release Notes for Safari Technology Preview 194 · · , , ,
  116. Upgrade Your HTML V · · , , , ,
  117. Why Use Web Components over Traditional DOM Manipulation? · · ,
  118. 37 Tips from a Senior Frontend Developer · · , , , ,
  119. Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers · · , ,
  120. What Is UX (Not)? · · , ,
  121. Websites Are Not Books · · ,
  122. Let’s Build a Web Scraper in PHP and Python · · , ,
  123. “Slop” Is the New Name for Unwanted AI-Generated Content · · ,
  124. Level-Setting Heading Levels · · , , , ,
  125. Modern WordPress—Yikes! · · ,
  126. Evidence-Based Management Guide, 2024—What’s New? · · , , , , ,
  127. Why Patching Globals Is Harmful · · ,
  128. Introducing the Gulp Developer Survey · · ,
  129. How We’re Building More Inclusive and Accessible Components at GitHub · · , , , ,
  130. Javascript “var”, “let”, and “const” Explained · ·
  131. Transparent Borders · · , , ,
  132. The Carcinization of Web Frameworks · · , , , , ,
  133. Focus vs. Accessibility Focus · · , ,
  134. A Brief Note on Highlighted Text · · , , , ,
  135. Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II · · , , ,
  136. What’s New in Node.js v22 · · ,
  137. Using the Popover API for HTML Tooltips · · , ,
  138. Mastering User-Centered Design, With 5 Advanced Tips · · , , , ,
  139. Using Simple Tools as a Radical Act of Independence · · , ,
  140. Errors Aren’t All Bad · ·
  141. An Introduction to the European Accessibility Act (EAA) · · , ,
  142. Misconceptions About CSS Specificity · · ,
  143. The 7 Most Useful Web Design and Web Development Glossaries · · , ,
  144. Securing Client-Side JavaScript · · , ,
  145. 5 Node Version Managers Compared—Which Is Right for You? · · , , ,
  146. Shades of Grey With “color-mix()” · · , ,
  147. A to Z of Assistive Technology for Reading Digital Text · · , , , ,
  148. At Some Point, JavaScript Got Good · · ,
  149. WCAG After Quarter of a Century—We Still Need More Awareness · · , ,
  150. The Value of Open Source in Furthering Accessibility Goals · · , ,
  151. How Slack Automates Deploys · · , ,
  152. Poor Express Authentication Patterns in Node.js and How to Avoid Them · · , , ,
  153. Content Standards in Design Systems · · , ,
  154. So I Got Fired · ·
  155. Quick-and-Dirty Accessibility · · ,
  156. Web Components from Early 2024 · · ,
  157. Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling · · , , ,
  158. How to Archive Your Design System Effectively · · , ,
  159. Frontend Development on Frontend Dogma, April 2024 AI Summary · · ,
  160. Will the CSS Scope Feature Replace Angular’s View Encapsulation? · · , ,
  161. The Vue Ecosystem in 2024 · · , , ,
  162. Web Development Trends We Will See in 2024 · ·
  163. Introduction to htmx · · ,
  164. 3 Methods to Elevate Your Writing With Visual Content · · , ,
  165. If View Transitions and Scroll-Driven Animations Had a Baby… · · , , ,
  166. How to Create Content in WordPress With AI · · , ,
  167. When to Use Bun Instead of Node.js · · , ,
  168. Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry · · , , ,
  169. Cookie Permissions: 6 Design Guidelines · · , , , , ,
  170. Why Are My Live Regions Not Working? · · , ,
  171. Using AI to Predict Design Trends · · , ,
  172. Demystifying React’s Types: Ref Types · ·
  173. Understanding What Drupal Editors and Authors Need · ·
  174. A React Developer’s Guide to Learning Solid.js · · , , ,
  175. The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language · · , , , ,
  176. Should We Rely on Browser Detection? · · ,
  177. Web Accessibility in the 2024 [U.S.] Presidential Campaigns · · ,
  178. Use Both Ratings Average and Number of Ratings When Sorting by User Ratings · · , ,
  179. Pretty Much Every Website Uses the Wrong Font Size… · · ,
  180. An Alternative Proposal for CSS Masonry · · , ,
  181. Popover API Is Here · · , ,
  182. I Reviewed 1,000s of Opinions on htmx · ·
  183. Handling the Indentation of a Treeview Component · ·
  184. Composability in Design Systems · · , ,
  185. New to the Web Platform in April · · , , , , , , , ,
  186. What Is Vite (and Why Is It So Popular)? · ·
  187. My Approach to HTML Web Components · · ,
  188. How to Design Accessible Forms in 10 Steps · · , , ,
  189. WebAssembly Performance Patterns for Web Apps · · , ,
  190. Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust” · · , , ,
  191. CSS Inheritance · · ,
  192. Superior Range Syntax · · ,
  193. Accessibility Evolution of Organizations · · , ,
  194. No, I Don’t Want to Fill out Your Contact Form · · ,
  195. The Polish Paradox · · , ,
  196. Top 50 System Design Interview Questions for 2024 · · , ,
  197. Passkeys: A Shattered Dream · · , ,
  198. The Picture-Superiority Effect: Harness the Power of Visuals · · , ,
  199. What Do Developers Want from AI? · · , ,
  200. Ditch Dotenv: Node.js Now Natively Supports .env File Loading · · , ,
  201. Basic Algorithms · · , ,
  202. Optimizing INP: A Deep Dive · · , , , , , , , ,
  203. Design Deja Vu · · , , , ,
  204. Maintaining a Design System in Figma · · , ,
  205. The HTML, CSS, and SVG for a Classic Search Form · · , , , ,
  206. The Rise of Large-Language-Model Optimization · · ,
  207. Popover API Lands in Baseline · · , , , , ,
  208. Conducting Accessibility Research in an Inaccessible Ecosystem · · , , ,
  209. Introduction to Manual Website Accessibility Testing · · , , ,
  210. How to Escape JavaScript for a Script Tag · · , , ,
  211. HTML Attributes vs. DOM Properties · · , ,
  212. JSR Is Not Another Package Manager · · ,
  213. Node.js 22 Available Now · · ,
  214. The Problem With “new URL()”, and How “URL.parse()” Fixes That · · ,
  215. Write Better CSS With Modern CSS · · , , ,
  216. The Perfect Site Doesn’t Exist · · , ,
  217. Why Don’t We Talk About Minifying CSS Anymore? · · , ,
  218. The New “!important” · · ,
  219. Printing Music With CSS Grid · · ,
  220. Celebrate JavaScript Naked Day Every Year on April 24 · · , , ,
  221. Node.js Next 10 Survey—2024 · · ,
  222. Adding ESLint and Auto-Fixing an Existing TypeScript Project · · , , ,
  223. Comparing Full Stack and Headless CMS Platforms · · , , ,
  224. Creating Fluid Typography With the CSS “clamp()” Function · · , ,
  225. F-Shape Pattern and How Users Read · · ,
  226. Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render · · , , ,
  227. The First Framework That Lets You Visualize Your React/Node.js App · · , ,
  228. The Front End Developer/Engineer Handbook 2024 · · , , , , ,
  229. Update on the Plan for Phase-Out of Third-Party Cookies on Chrome · · , , , ,
  230. Reflecting on My Programming Career · ·
  231. Your Page Can’t Change Media Features · · , , ,
  232. How the Meaning of Colour Varies per Culture · · ,
  233. Notes on Quality · · , ,
  234. Using Vite to Rebuild Local Dependencies in an npm Workspace · · , ,
  235. Latency Numbers Every Frontend Developer Should Know · · , ,
  236. Images as the First Thing in a Button or Link · · , , , ,
  237. Invoking Elements by Using Only HTML: A First Look at Invokers · · , ,
  238. 15 Essential UX Design Principles and Practices for Developers · · , ,
  239. The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products · · ,
  240. Using Legitimate GitHub URLs for Malware · · ,
  241. What You Can Do as a Web Builder on Earth Day · · ,
  242. Write Alt Text Like You’re Talking to a Friend · · ,
  243. The Ultimate Collection of CSS-Only Shapes · · ,
  244. 5 Hidden CSS Properties You Didn’t Know Existed · ·
  245. 3 Essential Design Trends, May 2024 · · ,
  246. What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer · · ,
  247. Creating a UX Playbook for Onboarding Users to Your Product · · , ,
  248. State of Design Tokens 2024 · · , , ,
  249. Considerations for AI Opt-Out · ·
  250. Detect JavaScript Support · · , , ,