Frontend Dogma

News and Tools for Frontend Developers (6)

(Stay up-to-date on all topics by RSS feed, on Mastodon, or through other channels.)

  1. Don’t Get Scammed by Fake Performance Experts and Apps (by/via) · · ,
  2. CSS Values and Units Module Level 3 (by+/via) · · ,
  3. CAPTCHA Excludes Disabled Web Users (by) · · ,
  4. Accessible Forms With Pseudo Classes (by/via) · · , , ,
  5. 12 Figma Tips to Work More Efficiently (via) · · , ,
  6. Welcome to Future of Web Accessibility Based on Predictors (by+/via) · · , ,
  7. This Pattern Will Wreck Your React App’s TS Performance (by) · · , , ,
  8. Relicensing and Rug Pulls (by) · · , ,
  9. Optimizing JavaScript for Fun and for Profit (by) · · ,
  10. On the Gift of OKR for Company Culture (by) · · , ,
  11. On Popover Accessibility: What the Browser Does and Doesn’t Do (by+) · · , ,
  12. Node.js: The Documentary (by+/via) · · , ,
  13. How to Test 3.3.8 Accessible Authentication (Minimum) (by/via) · · , , ,
  14. “__dirname” Is Back in Node.js With ES Modules (by/via) · · , , ,
  15. [Bulma] 1.0.0 (by) · · ,
  16. Building a Micro htmx SSR Framework (by/via) · · , ,
  17. Avoid These Design System Traps (via) · ·
  18. The Box Model and Box Sizing (by/via) · · , ,
  19. Psychology and UX: Decoding the Science Behind User Clicks (via) · · , ,
  20. Progressive Disclosure Defaults (by) · · , ,
  21. How to Plan Your First Successful Website (via) · · , ,
  22. How to Create a Website and a PDF From the Same Codebase (by/via) · · , , ,
  23. Folder Structures in React Projects (by) · · ,
  24. Aesthetic Layouts: 2 Column Magazine With “shape-outside” (by) · · , ,
  25. Using Relative Colors (by/via) · · ,
  26. How to Assess Your Fit for a Job Description: A Guide for Technologists (via) · · , , ,
  27. Chill Scroll Snapping: Article Headers (by/via) · · ,
  28. Build a Full-Stack App With Node.js and htmx (by/via) · · , ,
  29. Every React Concept Explained in 12 Minutes · · , ,
  30. The Power of Textual Content in UX Design (by/via) · · ,
  31. “require(esm)” in Node.js (by) · · , ,
  32. Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility (by) · ·
  33. Make a Web Browser: Beginner’s Guide (by/via) · · , ,
  34. I’m So Old: Web Edition (by) · · ,
  35. How Web-Site Design and Social Media Work Together (by/via) · · , ,
  36. How to Kill the Cascade (by) · · , , ,
  37. Empowering the User Experience Through Microinteractions: 7 Best Practices (by/via) · · , ,
  38. Comparing ECMAScript Modules and CommonJS (by) · · , ,
  39. Build a Node App With TypeScript (by) · · , , ,
  40. Accessibility Foundations (by/via) · · , ,
  41. A Designer’s Role Is Not “at the Table” (via) · · ,
  42. A Comparison of JavaScript CRDTs (by) · · , ,
  43. Why UI Designers Should Understand Flexbox and CSS Grid (by/via) · · , ,
  44. Time to Ditch Analytics? Tracking Scripts and Web Sustainability (by/via) · · , , , , ,
  45. 2024 Cheat Sheet Collection · · ,
  46. Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (by) · · , , , ,
  47. How Web Bloat Impacts Users With Slow Devices (by) · · , , ,
  48. Copy Objects Ways in JavaScript (by) · · ,
  49. Skeuomorphism (via) · · ,
  50. Quick Tip: Creating a Date Picker in React (via) · · , ,
  51. How (In)Efficient Are Engineering Organizations? (by) · · , ,
  52. Homepage Design: 5 Fundamental Principles (via) · · , ,
  53. Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets (via) · · , , ,
  54. Make Your Functions More Reusable With Generics (by) · · , , ,
  55. When “Semantic Tokens” Are No Longer Semantic (by) · · ,
  56. What Is Safe Alignment in CSS? (by/via) · · , ,
  57. There Is No EU Cookie Banner Law (via) · · , ,
  58. The Golden Age of Accessibility · ·
  59. Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project? (via) · · , , ,
  60. Performance Tooling in 2024 and Beyond (by+/via) · · , , , , ,
  61. Arguments for Opening Links in a New Tab or Window (by/via) · · ,
  62. You Want “border-color: transparent”, Not “border: none” (by/via) · · , , , ,
  63. What’s Next for a Global Design System (by) · ·
  64. WCAG 2.2 Detective Skills (by+/via) · · , ,
  65. There Are No Standards Police (by) · · , ,
  66. The Problem With Data-Attributes for Text Effects (by) · · , , ,
  67. The Problem With AI (by) · ·
  68. Ruby Is Complicated (by) · ·
  69. Refactoring My Ugliest Code With Signal View Queries (by) · · , ,
  70. My New Favorite CSS Trick: “will-change” (by) · · , , ,
  71. How to Design Icons in Figma (via) · · , , , ,
  72. Another JS Registry—Seriously?! (via) · · , , ,
  73. A Beginner’s Guide to Node.js Worker Threads (by/via) · · , ,
  74. 25 Unnoticeable Features of JavaScript (by) · ·
  75. Marking the Web’s 35th Birthday: An Open Letter (by/via) · · , ,
  76. Thoughts on Embedding Alternative Text Metadata Into Images (by) · · , ,
  77. The Essential Guide to Microcopy and Becoming a More Literate Designer (by/via) · · , , , ,
  78. The “10× Engineer”: 50 Years Ago and Now (by) · · , , ,
  79. Spread vs. Rest Operators in JavaScript · · , ,
  80. Runtime Compatibility (by+/via) · · , , , , , ,
  81. Interaction to Next Paint Is Officially a Core Web Vital (by/via) · · ,
  82. Building Websites and Building Websites Well (by) · · , ,
  83. A Letter to My Younger Self, as an Accessibility Advocate (by) · · , ,
  84. 5 Exciting New JavaScript Features in 2024 (by/via) · ·
  85. A Gentle Introduction to Generics in TypeScript (by) · · , ,
  86. What Is INP and Why You Should Care (by/via) · · , ,
  87. Streaming HTML (by/via) · · , ,
  88. JSON Canvas (via) · · , , ,
  89. IDEs vs. Code Editors: Everything You Need to Know (by/via) · · , ,
  90. Have You Optimized for INP? (by) · · , ,
  91. Express.js With TypeScript—Setup, Examples, Testing (by) · · , , , ,
  92. Distinguishing Between ARIA and Native HTML Attributes (via) · · , , ,
  93. Comparing JavaScript Frameworks: Templates (by) · · , , ,
  94. Are We Watching the Internet Die? (by) · ·
  95. Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness · · , ,
  96. Alt Text for CSS Generated Content (by) · · , ,
  97. Things I Learned While Building My JS Library (by) · · , ,
  98. Optimising Your Design System With Figma’s Variables (by/via) · · , ,
  99. CSS Button Styles You Might Not Know (by) · · , ,
  100. Jakob Has Jumped the Shark (by) · · ,
  101. eslint-plugin-depend (by) · · , , ,
  102. Access by a Thousand Curb Cuts (by) · ·
  103. Navigating the Future of Frontend (via) · · , ,
  104. Modern CSS Tooltips and Speech Bubbles II (by/via) · · ,
  105. How “HEAD” Works in Git (by) · ·
  106. Creating Color Palettes With the CSS “color-mix()” Function (by/via) · · , , ,
  107. Asking Users for Their Pronouns: A Guide for UX Designers (by) · · , ,
  108. Add Superpowers to Your CSS Variables With Style Queries (by/via) · · , ,
  109. The Quiet, Pervasive Devaluation of Frontend (by) · · , , , ,
  110. Some Little Ways I’m Using CSS “:has()” in the Real World (by/via) · · , ,
  111. Managing Static Files in Django: A Comprehensive Guide (by/via) · · , ,
  112. How to Test 2.5.8 Target Size (Minimum) (by/via) · · , ,
  113. AVIF Is the Future of Web Images · · , , ,
  114. WebAssembly JSPI Is Going to Origin Trial (by/via) · ·
  115. The Ultimate Guide to Choosing the Best React Website Builder (via) · · , , , ,
  116. The End of My Gatsby Journey (by) · · , ,
  117. Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets (via) · · , ,
  118. Sometimes, a Button Just Wants to Look Like a Button (by/via) · · , ,
  119. Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (by/via) · · , ,
  120. Release Notes for Safari Technology Preview 190 (by/via) · · , , ,
  121. Making Room for Long List Markers With Subgrid (by) · · ,
  122. Internationalization With Remix (by/via) · · ,
  123. Exploring the Creative Power of CSS Filters and Blending (via) · · , , ,
  124. Announcing TypeScript 5.4 (by/via) · · ,
  125. 90% of Designers are Unhirable? (by/via) · · , ,
  126. 5 Ways Productivity Culture Kills Business Agility (by/via) · · , , ,
  127. 10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers (via) · · , , ,
  128. WebKit Features in Safari 17.4 (by+/via) · · , , , ,
  129. How to Use WebSockets in Node.js to Create Real-Time Apps (by/via) · · , ,
  130. How to Ensure Your Designs Work if You Can’t Access Sample Data (by/via) · · , , , ,
  131. Data Table Design Patterns (via) · · , ,
  132. Best Practices for Inclusive Design (by/via) · · , , ,
  133. WCAG? More Like, W-What?! (by) · · , ,
  134. The 88×31 Archive · · , ,
  135. Modern Git Commands and Features You Should Be Using (by) · · ,
  136. JSR: Second Look (by) · ·
  137. JavaScript Runs the World—Maybe Even Literally (by/via) · · , ,
  138. Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (via) · · , , ,
  139. Achieving Design Collegiality While Maintaining Psychological Safety (by/via) · · ,
  140. We Need to Talk About Jakob (by) · ·
  141. VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr (by) · · , , ,
  142. Tools That Make Me Productive as a Software Engineer (by) · · , ,
  143. How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (by/via) · · , , ,
  144. CSS for Printing to Paper · · ,
  145. Bugs I’ve Filed on Browsers (by) · · , , , ,
  146. Accessibility Has Not Failed—It Has Not Even Started for Real (by) · · ,
  147. Accessibility Darkness (by) · · ,
  148. The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked (by) · · , , , , ,
  149. Planning a Design System Generation (by) · · ,
  150. Go Ahead and Block AI Web Crawlers (by) · · , ,
  151. Emerging UX Patterns in Generative AI Experiences (via) · · , ,
  152. Team Productivity Metrics for Engineering Managers (via) · · , ,
  153. Web Tech Trends to Watch in 2024 and Beyond (via) · · , , , , ,
  154. TIL—“submit()” versus “requestSubmit()” (by) · · ,
  155. Retrofitting Fluid Typography (by) · · ,
  156. Modern CSS Tooltips and Speech Bubbles (by/via) · · ,
  157. Introducing JSR—the JavaScript Registry (by+/via) · · , , ,
  158. Eloquent JavaScript (by) · · , ,
  159. Design System Generations (by) · · ,
  160. Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (by/via) · · , , ,
  161. Apple Backs Off Killing Web Apps, but the Fight Continues (via) · · ,
  162. “AI” and Accessible Front-End Components: Is the Nuance Generatable? (by) · · , ,
  163. A Love Letter to the Underrepresented in Tech (by) · ·
  164. Why Does “is-number” Package Have 59M Weekly Downloads? (by) · · ,
  165. What You Need to Know About Software Requirements (by) · · ,
  166. What Is Inclusive Design, and How Does It Relate to Accessibility? (by/via) · · , ,
  167. Understanding Cookies and Sessions in React (by/via) · · , ,
  168. The Wax and the Wane of the Web (by/via) · · ,
  169. Techniques to Break Words (by) · · , , ,
  170. New to the Web Platform in February (by/via) · · , , , , , , , ,
  171. Diving Into CSS Interactivity (by+/via) · · ,
  172. Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (via) · · , , ,
  173. Accessibility Has Failed: Try Generative UI = Individualized UX · · , , ,
  174. Ultimate Guide to Visual Testing With Playwright (via) · · , , ,
  175. Top 8 Recent V8 in Node Updates (by/via) · · ,
  176. Test Quality vs. Bashing Tailwind CSS (by) · · , ,
  177. So, What Exactly Did Apple Break in the EU? (by) · · , , , , ,
  178. Making Math Accessible (by/via) · · ,
  179. How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js (by/via) · · , , , ,
  180. Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (by/via) · · , ,
  181. Enhanced Internationalization (I18N) in Next.js 14 (via) · · ,
  182. Creativity Lies in the Paradoxes (via) · · ,
  183. Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (by) · · , ,
  184. An HTML Switch Control (by+/via) · · , ,
  185. YouTube Video Embedding Harm Reduction (by) · · , , ,
  186. Tumblr and WordPress to Sell Users’ Data to Train AI Tools (by/via) · ·
  187. The 3 Capabilities Designers Need to Build for the AI Era (via) · · , , ,
  188. Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (by) · · , , , ,
  189. Reporting Core Web Vitals With the Performance API (by/via) · · , ,
  190. How to Use Server-Sent Events in Node.js (by/via) · · , ,
  191. How to Lazy-Load CodePen and CanIUse Embeds (by) · · , ,
  192. Here Lies the Internet, Murdered by Generative AI (by) · · , ,
  193. AI and Design Systems (by) · · ,
  194. A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (by) · · , , ,
  195. A Fun Line of Code (by) · · , ,
  196. Why I Use Firefox (by) · · , ,
  197. What Is a Single-Page Application? (by) · · , , ,
  198. The CSS Cascade—a (Re)Introduction (by) · · , ,
  199. Speaker Spotlight: Michelle Barker (by+/via) · · , ,
  200. No Outer Margin (by) · · ,
  201. How to Build a Newthing (by) · · , , ,
  202. CSS-Only Bottom-Anchored Scrolling Area (by) · · ,
  203. CSS Foundations: What Is IACVT? (by/via) · ·
  204. Advanced Figma Tips and Tricks 2024: Little Gems We Love (by/via) · · ,
  205. A Web Designer’s Accessibility Advocacy Toolkit (via) · · , ,
  206. 10 Takeaways From the WebAIM Screenreader Survey #10 (by/via) · · , , ,
  207. Home Screen Advantage (by) · · , , , , ,
  208. WebAIM Screen Reader User Survey 10 (by/via) · · , , ,
  209. Understanding Event-Driven Architecture (by) · · ,
  210. The Power of Patterns and Playbooks in Content Design (by/via) · · , ,
  211. My WebAIM 10th SR User Survey Takeaways (by) · · , , ,
  212. JSDoc as an Alternative TypeScript Syntax (by) · · , ,
  213. CSS “:has()” Interactive Guide (by) · · , ,
  214. CAPTCHA Is Still [the] Most Problematic Issue on the Web (by) · · , ,
  215. Why My Code Isn’t in TypeScript (by) · ·
  216. Proposal: CSS Variable Groups (by) · ·
  217. A Developer’s Guide for Web Accessibility (by) · · ,
  218. Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (via) · · , , ,
  219. UX Leadership Is Failing (and What We Can Do About It) (by/via) · · ,
  220. JSR: What We Know So Far About Deno’s New JavaScript Package Registry (by/via) · · , , ,
  221. JavaScript Bloat in 2024 (by) · · ,
  222. htmx vs. React: A Complete Comparison (by/via) · · , ,
  223. Filling Gaps With a Polyfill (by) · · , , , ,
  224. Difference Between the Accessibility Page and the Accessibility Statement (by/via) · · , ,
  225. Building Dynamic Progress Bars Using Only CSS (by) · ·
  226. ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (via) · · , , , ,
  227. View Transitions: Handling Aspect Ratio Changes (by) · · ,
  228. The One Trick Every Flutter Web Dev Needs to Know (by/via) · · , ,
  229. Syntax Highlighting With No Spans?! (by/via) · · , ,
  230. Release Notes for Safari Technology Preview 189 (by/via) · · , , ,
  231. Node.js 2023 Year in an Article (by) · · ,
  232. Next.js vs. Remix—a Developer’s Dilemma (by/via) · · , ,
  233. My Favourite Animation Trick: Exponential Smoothing (by) · · ,
  234. Making of True Multi-Brand Design System (via) · · ,
  235. How to Optimize the Web for the Worst User Conditions? (by) · · , , , ,
  236. CSS “::backdrop” Now Inherits From Its Originating Element (by/via) · · ,
  237. 10 Best Create React App Alternatives for Different Use Cases (via) · · , , ,
  238. Why Is JavaScript Fragile? (by) · ·
  239. “random()” Distribution Visualizer (by) · · , ,
  240. Preventing SQL Injection Attacks in Node.js (via) · · , , ,
  241. Okay, Color Spaces (by) · · ,
  242. My Design System Journey: Building the Plane While Flying (via) · · , ,
  243. How to Transfer Binary Data Efficiently Across Worker Threads in Node.js (by) · · , ,
  244. Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (by/via) · · , , , ,
  245. Design Patterns That Encourage Junk Data (by/via) · · , , , ,
  246. CSS-Only Radial Progress Bars Using Conic Gradients (by/via) · · , ,
  247. Control Lazy Load, Infinite Scroll, and Animations in React (by/via) · · , , , ,
  248. A Practical Guide to Using Shadow DOM (by) · · , ,
  249. A Practical Guide to Designing for Colorblind People (by/via) · · , , , ,
  250. What Is Utility-First CSS? (by) · · , ,