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. State of HTML 2023 · · ,
  2. Why Designers Aren’t Understood · · , , ,
  3. 10 Updates from Google I/O 2024: Unlocking the Power of AI for Every Web Developer · · , ,
  4. New in Chrome 125 · · , , ,
  5. The Times You Need a Custom “@ property” Instead of a CSS Variable · · , , ,
  6. JavaScript Objects—Complete Guide · · , ,
  7. Software Engineering Principles Every Frontend Developer Should Know · · , ,
  8. Manifesto for a Humane Web · · , , , , , ,
  9. The Modern Guide for Making CSS Shapes · · , , ,
  10. Make Your Figma Components Work Harder · · , ,
  11. Design Taste vs. Technical Skills in the Era of AI · · , , ,
  12. Simple Implemention to Understand “worker_threads” in Node.js · · , ,
  13. Upgrade Your HTML V · · , , , ,
  14. Why Use Web Components over Traditional DOM Manipulation? · · ,
  15. 37 Tips from a Senior Frontend Developer · · , , , ,
  16. Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers · · , ,
  17. What Is UX (Not)? · · , ,
  18. Modern WordPress—Yikes! · · ,
  19. Evidence-Based Management Guide, 2024—What’s New? · · , , , , ,
  20. Why Patching Globals Is Harmful · · ,
  21. Introducing the Gulp Developer Survey · · ,
  22. How We’re Building More Inclusive and Accessible Components at GitHub · · , , , ,
  23. A Brief Note on Highlighted Text · · , , , ,
  24. Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II · · , , ,
  25. What’s New in Node.js v22 · · ,
  26. Using the Popover API for HTML Tooltips · · , ,
  27. Mastering User-Centered Design, With 5 Advanced Tips · · , , , ,
  28. Using Simple Tools as a Radical Act of Independence · · , ,
  29. Misconceptions About CSS Specificity · · ,
  30. The 7 Most Useful Web Design and Web Development Glossaries · · , ,
  31. Securing Client-Side JavaScript · · , ,
  32. Shades of Grey With “color-mix()” · · , ,
  33. A to Z of Assistive Technology for Reading Digital Text · · , , , ,
  34. How Slack Automates Deploys · · , ,
  35. Poor Express Authentication Patterns in Node.js and How to Avoid Them · · , , ,
  36. Content Standards in Design Systems · · , ,
  37. So I Got Fired · ·
  38. Web Components from Early 2024 · · ,
  39. Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling · · , , ,
  40. How to Archive Your Design System Effectively · · , ,
  41. Frontend Development on Frontend Dogma, April 2024 AI Summary · · ,
  42. Will the CSS Scope Feature Replace Angular’s View Encapsulation? · · , ,
  43. The Vue Ecosystem in 2024 · · , , ,
  44. Web Development Trends We Will See in 2024 · ·
  45. How to Create Content in WordPress With AI · · , ,
  46. When to Use Bun Instead of Node.js · · , ,
  47. Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry · · , , ,
  48. Cookie Permissions: 6 Design Guidelines · · , , , , ,
  49. Why Are My Live Regions Not Working? · · , ,
  50. Using AI to Predict Design Trends · · , ,
  51. Demystifying React’s Types: Ref Types · ·
  52. Understanding What Drupal Editors and Authors Need · ·
  53. A React Developer’s Guide to Learning Solid.js · · , , ,
  54. The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language · · , , , ,
  55. Web Accessibility in the 2024 [U.S.] Presidential Campaigns · · ,
  56. Use Both Ratings Average and Number of Ratings When Sorting by User Ratings · · , ,
  57. Pretty Much Every Website Uses the Wrong Font Size… · · ,
  58. An Alternative Proposal for CSS Masonry · · , ,
  59. Popover API Is Here · · , ,
  60. I Reviewed 1,000s of Opinions on htmx · ·
  61. Handling the Indentation of a Treeview Component · ·
  62. New to the Web Platform in April · · , , , , , , , ,
  63. What Is Vite (and Why Is It So Popular)? · ·
  64. My Approach to HTML Web Components · · ,
  65. How to Design Accessible Forms in 10 Steps · · , , ,
  66. WebAssembly Performance Patterns for Web Apps · · , ,
  67. Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust” · · , , ,
  68. Accessibility Evolution of Organizations · · , ,
  69. No, I Don’t Want to Fill out Your Contact Form · · ,
  70. The Polish Paradox · · , ,
  71. Top 50 System Design Interview Questions for 2024 · · , ,
  72. Passkeys: A Shattered Dream · · , ,
  73. The Picture-Superiority Effect: Harness the Power of Visuals · · , ,
  74. What Do Developers Want from AI? · · , ,
  75. Ditch Dotenv: Node.js Now Natively Supports .env File Loading · · , ,
  76. Basic Algorithms · · , ,
  77. Optimizing INP: A Deep Dive · · , , , , , , , ,
  78. Design Deja Vu · · , , , ,
  79. Maintaining a Design System in Figma · · , ,
  80. The HTML, CSS, and SVG for a Classic Search Form · · , , , ,
  81. The Rise of Large-Language-Model Optimization · · ,
  82. Popover API Lands in Baseline · · , , , , ,
  83. Conducting Accessibility Research in an Inaccessible Ecosystem · · , , ,
  84. Celebrate JavaScript Naked Day Every Year on April 24 · · , ,
  85. How to Escape JavaScript for a Script Tag · · , , ,
  86. HTML Attributes vs. DOM Properties · · , ,
  87. JSR Is Not Another Package Manager · · ,
  88. Node.js 22 Available Now · · ,
  89. The Problem With “new URL()”, and How “URL.parse()” Fixes That · · ,
  90. Write Better CSS With Modern CSS · · , , ,
  91. The Perfect Site Doesn’t Exist · · , ,
  92. Why Don’t We Talk About Minifying CSS Anymore? · · , ,
  93. Adding ESLint and Auto-Fixing an Existing TypeScript Project · · , , ,
  94. Comparing Full Stack and Headless CMS Platforms · · , , ,
  95. Creating Fluid Typography With the CSS “clamp()” Function · · , ,
  96. F-Shape Pattern and How Users Read · · ,
  97. Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render · · , , ,
  98. The First Framework That Lets You Visualize Your React/Node.js App · · , ,
  99. The Front End Developer/Engineer Handbook 2024 · · , , , , ,
  100. Update on the Plan for Phase-Out of Third-Party Cookies on Chrome · · , , , ,
  101. Reflecting on My Programming Career · ·
  102. Your Page Can’t Change Media Features · · , , ,
  103. How the Meaning of Colour Varies per Culture · · ,
  104. Notes on Quality · · , ,
  105. Using Vite to Rebuild Local Dependencies in an npm Workspace · · , ,
  106. Latency Numbers Every Frontend Developer Should Know · · , ,
  107. Images as the First Thing in a Button or Link · · , , , ,
  108. Invoking Elements by Using Only HTML: A First Look at Invokers · · , ,
  109. 15 Essential UX Design Principles and Practices for Developers · · , ,
  110. The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products · · ,
  111. Using Legitimate GitHub URLs for Malware · · ,
  112. What You Can Do as a Web Builder on Earth Day · · ,
  113. Write Alt Text Like You’re Talking to a Friend · · ,
  114. The Ultimate Collection of CSS-Only Shapes · · ,
  115. 5 Hidden CSS Properties You Didn’t Know Existed · ·
  116. 3 Essential Design Trends, May 2024 · · ,
  117. What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer · · ,
  118. Creating a UX Playbook for Onboarding Users to Your Product · · , ,
  119. April 24 Is JS Naked Day · · , ,
  120. Considerations for AI Opt-Out · ·
  121. Detect JavaScript Support · · , , ,
  122. Optimising React Apps · · ,
  123. A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work · · , ,
  124. 3 Tips for Advanced Prototyping in Figma · · , ,
  125. Make Product Design Great Again · · , ,
  126. Long Alt · · , , , , ,
  127. Make Sure That Your Design System Is Accessible · · ,
  128. Detect JavaScript Support in CSS · · , , ,
  129. Node.js Task Runner · · ,
  130. A Short Guide to Mastering Keyboard Shortcuts on GitHub · · , ,
  131. Help Us Invent CSS Grid Level 3, aka “Masonry” Layout · · ,
  132. How to Work With GraphQL in WordPress in 2024 · · , ,
  133. This Web of Ours, Revisited · ·
  134. How to Create CSS Utility Classes · · ,
  135. Accessibility Overlays—Friend or Foe? · · , ,
  136. Building a Culture of Accessibility · · ,
  137. Git Common Developer Pitfalls and Solutions · ·
  138. The End of an Era: Women Who Code Closing · ·
  139. The “Intl.Segmenter” Object Is Now Part of Baseline · · , , , ,
  140. Sustainable Web Development: Website Redesign With a Low Carbon Footprint · · ,
  141. Building an npm Package Compatible With ESM and CJS in 2024 · · , ,
  142. What’s Going On in Dark Theme / Light Theme Land · · , ,
  143. A Primer on the Cascade and Specificity · · , ,
  144. Angular’s New Signal Inputs · · , ,
  145. 12 Tips from a Mid-Level Developer · · ,
  146. Converting Plain Text to Encoded HTML With Vanilla JavaScript · · , ,
  147. Displaying HTML Web Components · · ,
  148. How to Write World-Beating Web Content · · , ,
  149. Property Hooks Are Coming in PHP 8.4 · · ,
  150. Upgrading jQuery: Working Towards a Healthy Web · · , ,
  151. When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? · · ,
  152. Who Should Block AI Bots? · · , ,
  153. Webhooks and WebSockets · · ,
  154. The Impact of Color Contrast on Accessibility · · , ,
  155. [pnpm] v9.0.0 · · ,
  156. The Invisible Seafaring Industry That Keeps the Internet Afloat · ·
  157. Things That Can Break “aspect-ratio” in CSS · ·
  158. We Need to Rewild the Internet · · , , , ,
  159. The Biggest Lie in HTML · · ,
  160. The Making of a TypeScript Feature: Inferring Type Predicates · ·
  161. Hardest Problem in Computer Science: Centering Things · · ,
  162. Alternating Style Queries · · , ,
  163. An Intro to Flexbox · · , ,
  164. ARIA in HTML · · , , ,
  165. Document Collaboration (With Comments!) · · , , ,
  166. Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) · · , ,
  167. How a Successful Website Migration Led to a 20% Increase in Keyword Rankings · · , , ,
  168. Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects · · ,
  169. Ethics in Times of Growth Design · · ,
  170. Don’t Use the “maxlength” Attribute to Stop Users from Exceeding the Limit · · , ,
  171. 10 Top Accessibility Errors and How to Avoid and Fix Them · ·
  172. CSS in React Server Components · · , , ,
  173. Interview With Senior JS Developer 2024 · · , , , , , , ,
  174. Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time · · , ,
  175. My “Skip to Content” Markup Was Breaking the Back Button on iOS · · , , ,
  176. Things You Should Do in Your Dev Journey · ·
  177. What If You Had Real Control over Light Mode / Dark Mode on a Per-Site Basis? · · ,
  178. 9 Signs Your Frontend Code Has Quality Issues That Affect Your Users · · , , , , , ,
  179. 10 Things Software Developers Should Learn About Learning · · ,
  180. Blockin’ Bots · · , , ,
  181. Introducing JS Naked Day · · , ,
  182. Monitoring BFCache Blocking Reasons · · , , ,
  183. Sliding 3D Image Frames in CSS · · , ,
  184. How Do Open Source Licenses Work? The Ultimate Guide · · , ,
  185. How to Build a Reusable Grid System With CSS Grid · · , ,
  186. Naming Colors in Design Systems · · , ,
  187. CSS Tricks to Master the “clip-path” Property · · ,
  188. Gap Is the New Margin · · ,
  189. Quick Tip: How to Animate Text Gradients and Patterns in CSS · · , , , ,
  190. Web Accessibility Statement: How to Write One · · , ,
  191. Zombie Estimation · · ,
  192. A Comparison of Automated Testing Tools for Digital Accessibility · · , , , ,
  193. An Intro to CSS Grid · · , ,
  194. Unleashing Designers With Tailwind CSS · · , , ,
  195. Accessible Interactions in JavaScript Apps · · , , , ,
  196. Complete a VPAT: Show How Accessible Your Product Is · · , , ,
  197. Epic App Performance Starts With the Database · · , , , ,
  198. Socks, Lies, and Accessibility · · ,
  199. Let Me Be · · , ,
  200. Control Your Vertigo—the Unspoken Rule for Defending Design Decisions · · ,
  201. Frontend Development Beyond React: Svelte · ·
  202. JS Naked Day · · , , ,
  203. Notes on Git’s Error Messages · · ,
  204. Optimizing WebKit and Safari for Speedometer 3.0 · · , , , , ,
  205. Release Notes for Safari Technology Preview 192 · · , , ,
  206. The Guide to Git I Never Had · · , , ,
  207. Wednesday, April 10, 2024 Security Releases · · , ,
  208. A Love Letter to Gen Z from Gen Y: Understanding React’s Evolution · · ,
  209. Ableism and Related Terms You Need to Know · · , ,
  210. Figma Prototypes vs. HTML Prototypes · · , , , , ,
  211. Happy CSS Naked Day 2024 · · , ,
  212. Layered Toggles: Optional CSS Mixins · · ,
  213. Recapping ng-conf 2024 · ·
  214. Sending Email Using Node.js · · ,
  215. The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps · · , , ,
  216. Understanding Interaction to Next Paint (INP) · · ,
  217. An Introduction to the Node.js Performance API · · , , ,
  218. React Server Components in a Nutshell · · ,
  219. Is the Party over for Scrum Masters and Agile Coaches? · · , ,
  220. Building a CLI from Scratch With TypeScript and oclif · · ,
  221. Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges · · , , ,
  222. Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities · · , , ,
  223. Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem · · ,
  224. Node.js Debugging in Chrome DevTools · · , , , , , ,
  225. Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities · · , ,
  226. Things That I Like Better in Vue Than in React · · , , ,
  227. User Experience in the Era of AI: Enhancing Human-Machine Interactions · · ,
  228. What Is Whitespace? · · , , ,
  229. Creating a Navbar in React · · , ,
  230. DORA’s Software Delivery Metrics: The Four Keys · · ,
  231. How I Write Commits Like a Pro · · , ,
  232. The Death of Creativity · · ,
  233. 10 Must Know System Design Concepts for Interviews · · , , ,
  234. Blind Internet Users Struggle With Error-Prone AI Aids · · ,
  235. Demystifying the Shadow DOM · · ,
  236. Testing HTML With Modern CSS · · , , ,
  237. Faster Websites With the “picture” Element · · , ,
  238. 21 HTML Tips You Must Know About · · ,
  239. WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain · · , , , ,
  240. Why I’m Yet Another Woman Leaving the Tech Industry · · ,
  241. [zx] 8.0.0 · · ,
  242. How to Think About HTML Responsive Images · · , ,
  243. “AI” Won’t Solve Accessibility · · ,
  244. Breakpoints in Responsive Design · · , ,
  245. Creativity in Software Engineering · · , ,
  246. DevTools Tips and Tricks · · , ,
  247. Drive-By Accessibility Tweaks · ·
  248. How to Make Your Website Work Offline · · , ,
  249. Managing User Focus With “:focus-visible” · · , ,
  250. Should Designers Code? · · ,