Frontend Dogma

News and Tools for Frontend Development (3)

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

  1. The Death of Creativity (by) · · ,
  2. Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities (by) · · , , ,
  3. User Experience in the Era of AI: Enhancing Human-Machine Interactions (via) · · , ,
  4. Building a CLI From Scratch With TypeScript and oclif (by) · · ,
  5. 10 Must Know System Design Concepts for Interviews (by) · · , , ,
  6. Blind Internet Users Struggle With Error-Prone AI Aids (by/via) · · ,
  7. Demystifying the Shadow DOM (by) · · ,
  8. Testing HTML With Modern CSS (by) · · , , ,
  9. Faster Websites With the “picture” Element (by) · · , ,
  10. 21 HTML Tips You Must Know About (by) · · ,
  11. WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (by) · · , , , ,
  12. Why I’m Yet Another Woman Leaving the Tech Industry (by/via) · · ,
  13. [zx] 8.0.0 (by/via) · · ,
  14. How to Think About HTML Responsive Images (by) · · , ,
  15. “AI” Won’t Solve Accessibility (by) · · ,
  16. Breakpoints in Responsive Design (via) · · , ,
  17. Creativity in Software Engineering (by) · · , ,
  18. DevTools Tips and Tricks (by/via) · · , ,
  19. Drive-By Accessibility Tweaks (by) · ·
  20. Managing User Focus With “:focus-visible” (by/via) · · , ,
  21. Should Designers Code? (by) · · ,
  22. ESLint v9.0.0 Released (by/via) · · ,
  23. The Free Software Commons (by) · · , ,
  24. How to Make Your Website Work Offline (by) · · , , ,
  25. A Complete Guide to CSS Logical Properties, With Cheat Sheet (by/via) · · , , ,
  26. AI and the Future of Web Accessibility Guidelines (by) · · , , , , ,
  27. Building Components With Radix UI (via) · · ,
  28. Modern CSS Patterns in Campfire (by/via) · · ,
  29. Rounded Tabs With Inner Curves (by) · · ,
  30. The V8 Sandbox (by/via) · · ,
  31. When to Use “tabindex="0"” (by/via) · · , , ,
  32. Heat Death of the Internet (by/via) · ·
  33. The Basics of Legibility (by/via) · · , ,
  34. AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (by/via) · · ,
  35. An Advanced Way to Use CSS Variables (by) · · ,
  36. “aspect-ratio” Gotcha (by) · · ,
  37. BFCache Explained (by) · · ,
  38. Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks? (via) · · ,
  39. Finally Understand Responsive Design · · , ,
  40. Hanging Punctuation in CSS (by) · · ,
  41. How to Build a Simple Web Server With Node.js (by/via) · · , ,
  42. In-Page Links: 3 Usability Tips (via) · · , , ,
  43. Svelte Parses HTML All Wrong (by) · · , ,
  44. The View Transitions API (by/via) · · , ,
  45. Theming Design Systems (by) · · ,
  46. Using JSON Web Tokens With Node.js (by/via) · · , , ,
  47. Fluid Typography With Discrete Steps (by) · · ,
  48. Wednesday, April 3, 2024 Security Releases (via) · · , ,
  49. An Interactive Guide to CSS Container Queries (by) · · , ,
  50. Authentication in Next.js (by) · · ,
  51. How to Get Somebody Fired Using Git (by) · · , ,
  52. How We’re Approaching Theming With Modern CSS (by) · · ,
  53. Infinite-Scrolling Logos in Flat HTML and Pure CSS (by/via) · · , , , ,
  54. Learn JavaScript (by/via) · · ,
  55. WebAssembly at Google (by+/via) · · , ,
  56. WordPress 6.5 “Regina” (by/via) · · ,
  57. Drawing a Line to Connect Elements With CSS Anchor Positioning (by/via) · · ,
  58. 14 Top UX Tools for Designers in 2024 (via) · · , ,
  59. A Complete Guide for Content Creators to Start Making Accessible Content (via) · · , ,
  60. Bun 1.1 (by+/via) · · ,
  61. Micro Frontends with Native Federation (by) · · ,
  62. The Detail, the Quality (by) · · ,
  63. What Even Is a JSON Number? (by) · · ,
  64. 10 JavaScript Sites Every Web Developer Should Know (by) · · , ,
  65. Kobold Letters (by) · · , ,
  66. Latest WebAIM’s Million—Some Thoughts (by) · ·
  67. Object Structure in JavaScript Engines · · , ,
  68. The DevOps Basics (by) · · ,
  69. Why I Care Deeply About Web Accessibility and You Should Too (by) · · ,
  70. Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time · · , , ,
  71. Design Is a Process of Getting Stuck (by) · · ,
  72. Figma Plugins (by) · ·
  73. Front-End Development’s Identity Crisis (by) · ·
  74. On “disabled” and “aria-disabled” Attributes (by) · · , ,
  75. “@ scope” Is Coming to CSS and It’s Amazing (by) · · , ,
  76. The Curious Case of the CSS Monochrome Media Query (by) · · ,
  77. The Easy Way to Access the Last JavaScript Array Element (by) · · ,
  78. The Power of “:has()” in CSS (by/via) · · ,
  79. The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (via) · · , , ,
  80. What Negative Effects Does a Bad Website Design Have on My Business? (by/via) · · ,
  81. A Guide to Building CLI Tools in JavaScript (by) · · , , , ,
  82. CSS Color-Scheme-Dependent Colors With “light-dark()” (by/via) · · , , ,
  83. History of JS Interop in Dart (via) · · , , ,
  84. Improving the Developer Experience of Enterprise Design Systems (by/via) · · , ,
  85. New to the Web Platform in March (by/via) · · , , , , , , , ,
  86. Release Notes for Safari Technology Preview 191 (by/via) · · , , ,
  87. The Complete Guide to Captioned Videos (by) · · , , ,
  88. What’s New in DevTools, Chrome 124 (via) · · , , , ,
  89. Finally Understanding How “Array.sort(comparator)” Works (by) · · ,
  90. Flickering Glowing Text Effect With CSS (by) · · ,
  91. How I Fixed My Brutal TTFB (by/via) · · , ,
  92. In-App Browsers Are Still a Privacy, Security, and Choice Problem (by/via) · · , , ,
  93. Iterator Helpers (via) · · , ,
  94. Meet Angular’s New “output()” API (by/via) · · ,
  95. What Even Are Dragging Movements? (by/via) · · , ,
  96. Animating Clip Paths on Scroll With “@ property” in CSS (by) · · , ,
  97. Be Flexible About What People Need (and Don’t Assume) (by) · ·
  98. Exploring the Power of ARIA Live Attribute in Web Accessibility (by) · · ,
  99. History of Web Accessibility (by/via) · · , ,
  100. How to Take Control of Flexbox (by) · · , ,
  101. How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests (by+/via) · · , ,
  102. Quick Tip: How to Align Column Rows With CSS Subgrid (by/via) · · , , ,
  103. What You Need to Know About Modern CSS (Spring 2024 Edition) (by/via) · · ,
  104. Node v20.12.0 (LTS) (by/via) · · ,
  105. Convention Over Creativity? The Ups and Downs of UX Design (via) · · ,
  106. CSS Anchor Positioning (by+/via) · · ,
  107. Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (by/via) · · , , ,
  108. 7 Simple Rules for Better Data Visualization (via) · ·
  109. Error Messages 101 (by/via) · · , , ,
  110. How to Consolidate Multiple Design Systems (via) · · ,
  111. Spicing Up Text With “text-emphasis” in CSS (by) · · , ,
  112. Incredible JavaScript Animation Libraries · · , , ,
  113. JavaScript Visualized: Promise Execution (by) · · ,
  114. No One Actually Wants Accessibility (by) · ·
  115. Diving Into the Node.js Website Redesign (by/via) · · ,
  116. ARIA “role="application"” and Mobile Screen Readers (by) · · , , , , ,
  117. Learn OAuth 2.0 by Building Your Own OAuth Client (by/via) · · ,
  118. Profile Node.js Performance With the Performance Panel (by/via) · · , , , , , ,
  119. Radix Themes 3.0 (by+/via) · · ,
  120. The “Current Branch” in Git (by) · ·
  121. CSS Values and Units Module Level 3 (by+/via) · · ,
  122. Accessible Forms With Pseudo Classes (by/via) · · , , ,
  123. 12 Figma Tips to Work More Efficiently (via) · · , ,
  124. CAPTCHA Excludes Disabled Web Users (by) · · ,
  125. Don’t Get Scammed by Fake Performance Experts and Apps (by/via) · · ,
  126. Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (by/via) · · ,
  127. Quick Tip: How to Add Gradient Effects and Patterns to Text (by/via) · · , , , ,
  128. The Cost of Interrupted Work: More Speed and Stress (by) · · , ,
  129. Node.js TSC Confirms: No Intention to Remove npm From Distribution (by/via) · · ,
  130. Optimizing JavaScript for Fun and for Profit (by) · · ,
  131. Node.js: The Documentary (by+/via) · · , ,
  132. [Bulma] 1.0.0 (by) · · ,
  133. “__dirname” Is Back in Node.js With ES Modules (by/via) · · , ,
  134. How to Test 3.3.8 Accessible Authentication (Minimum) (by/via) · · , , ,
  135. On Popover Accessibility: What the Browser Does and Doesn’t Do (by+) · · , ,
  136. This Pattern Will Wreck Your React App’s TS Performance (by) · · , , ,
  137. Welcome to Future of Web Accessibility Based on Predictors (by+/via) · · , ,
  138. Building a Micro htmx SSR Framework (by/via) · · , ,
  139. Avoid These Design System Traps (via) · ·
  140. On the Gift of OKR for Company Culture (by) · · ,
  141. Relicensing and Rug Pulls (by) · · , ,
  142. Aesthetic Layouts: 2 Column Magazine With “shape-outside” (by) · · , ,
  143. Psychology and UX: Decoding the Science Behind User Clicks (via) · · , ,
  144. How to Plan Your First Successful Website (via) · · ,
  145. Folder Structures in React Projects (by) · · ,
  146. Progressive Disclosure Defaults (by) · · , ,
  147. The Box Model and Box Sizing (by) · · ,
  148. How to Create a Website and a PDF From the Same Codebase (by/via) · · , ,
  149. Build a Full-Stack App With Node.js and htmx (by/via) · · , ,
  150. Chill Scroll Snapping: Article Headers (by/via) · · ,
  151. Using Relative Colors (by/via) · · ,
  152. Accessibility Foundations (by/via) · · , ,
  153. Build a Node App With TypeScript (by) · · , , ,
  154. Comparing ECMAScript Modules and CommonJS (by) · · , ,
  155. Empowering the User Experience Through Microinteractions: 7 Best Practices (by/via) · · , ,
  156. The Power of Textual Content in UX Design (by/via) · · ,
  157. A Comparison of JavaScript CRDTs (by) · · , ,
  158. A Designer’s Role Is Not “at the Table” (via) · · ,
  159. How to Kill the Cascade (by) · · , , ,
  160. How Web-Site Design and Social Media Work Together (by/via) · · , ,
  161. I’m So Old: Web Edition (by) · · ,
  162. Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility (by) · ·
  163. “require(esm)” in Node.js (by) · · , ,
  164. Time to Ditch Analytics? Tracking Scripts and Web Sustainability (by/via) · · , , , ,
  165. 2024 Cheat Sheet Collection · · ,
  166. Why UI Designers Should Understand Flexbox and CSS Grid (by/via) · · , ,
  167. Copy Objects Ways in JavaScript (by) · · ,
  168. How Web Bloat Impacts Users With Slow Devices (by) · · , , ,
  169. Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (by) · · , , , ,
  170. Homepage Design: 5 Fundamental Principles (via) · · ,
  171. Skeuomorphism (via) · · ,
  172. How (In)Efficient Are Engineering Organizations? (by) · · , ,
  173. Quick Tip: Creating a Date Picker in React (via) · · , ,
  174. Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets (via) · · , , ,
  175. Make Your Functions More Reusable With Generics (by) · · , ,
  176. What Is Safe Alignment in CSS? (by/via) · · , ,
  177. There Is No EU Cookie Banner Law (via) · · , ,
  178. Arguments for Opening Links in a New Tab or Window (by/via) · · ,
  179. Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project? (via) · · , , ,
  180. The Golden Age of Accessibility · ·
  181. When “Semantic Tokens” Are No Longer Semantic (by) · · ,
  182. Performance Tooling in 2024 and Beyond (by+/via) · · , , , , ,
  183. 25 Unnoticeable Features of JavaScript (by) · ·
  184. Ruby Is Complicated (by) · ·
  185. WCAG 2.2 Detective Skills (by+/via) · · , ,
  186. The Problem With AI (by) · ·
  187. What’s Next for a Global Design System (by) · ·
  188. Another JS Registry—Seriously?! (via) · · , , ,
  189. A Beginner’s Guide to Node.js Worker Threads (by/via) · · , ,
  190. My New Favorite CSS Trick: “will-change” (by) · · , , ,
  191. Refactoring My Ugliest Code With Signal View Queries (by) · · , ,
  192. The Problem With Data-Attributes for Text Effects (by) · · , , ,
  193. You Want “border-color: transparent”, Not “border: none” (by/via) · · , , ,
  194. 5 Exciting New JavaScript Features in 2024 (by/via) · ·
  195. Building Websites and Building Websites Well (by) · · , ,
  196. Interaction to Next Paint Is Officially a Core Web Vital (by/via) · · ,
  197. The “10× Engineer”: 50 Years Ago and Now (by) · · , , ,
  198. Marking the Web’s 35th Birthday: An Open Letter (by/via) · · ,
  199. The Essential Guide to Microcopy and Becoming a More Literate Designer (by/via) · · , , , ,
  200. Runtime Compatibility (by+/via) · · , , , , , ,
  201. Spread vs. Rest Operators in JavaScript · · , ,
  202. A Letter to My Younger Self, as an Accessibility Advocate (by) · · , ,
  203. Thoughts on Embedding Alternative Text Metadata Into Images (by) · · , ,
  204. Alt Text for CSS Generated Content (by) · · , ,
  205. Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness · · , ,
  206. Distinguishing Between ARIA and Native HTML Attributes (via) · · , , ,
  207. JSON Canvas (via) · · , , ,
  208. What Is INP and Why You Should Care (by/via) · · , ,
  209. Express.js With TypeScript—Setup, Examples, Testing (by) · · , , , ,
  210. Comparing JavaScript Frameworks: Templates (by) · · , , ,
  211. Have You Optimized for INP? (by) · · , ,
  212. Streaming HTML (by/via) · · , ,
  213. Are We Watching the Internet Die? (by) · ·
  214. A Gentle Introduction to Generics in TypeScript (by) · · ,
  215. CSS Button Styles You Might Not Know (by) · · , ,
  216. Things I Learned While Building My JS Library (by) · · , ,
  217. Optimising Your Design System With Figma’s Variables (by/via) · · , ,
  218. Access by a Thousand Curb Cuts (by) · ·
  219. Jakob Has Jumped the Shark (by) · · ,
  220. Creating Color Palettes With the CSS “color-mix()” Function (by/via) · · , , ,
  221. How “HEAD” Works in Git (by) · ·
  222. Modern CSS Tooltips and Speech Bubbles II (by/via) · · ,
  223. Navigating the Future of Frontend (via) · · , ,
  224. Add Superpowers to Your CSS Variables With Style Queries (by/via) · · , ,
  225. Asking Users for Their Pronouns: A Guide for UX Designers (by) · · , ,
  226. Some Little Ways I’m Using CSS “:has()” in the Real World (by) · · , ,
  227. The Quiet, Pervasive Devaluation of Frontend (by) · · , , , ,
  228. AVIF Is the Future of Web Images · · , , ,
  229. Managing Static Files in Django: A Comprehensive Guide (by/via) · · , ,
  230. How to Test 2.5.8 Target Size (Minimum) (by/via) · · , ,
  231. 5 Ways Productivity Culture Kills Business Agility (by/via) · · , , ,
  232. Announcing TypeScript 5.4 (by/via) · · ,
  233. Internationalization With Remix (by/via) · · ,
  234. Release Notes for Safari Technology Preview 190 (by/via) · · , , ,
  235. Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (by/via) · · , ,
  236. The End of My Gatsby Journey (by) · · , ,
  237. The Ultimate Guide to Choosing the Best React Website Builder (via) · · , , , ,
  238. WebAssembly JSPI Is Going to Origin Trial (by/via) · ·
  239. Exploring the Creative Power of CSS Filters and Blending (via) · · , ,
  240. Sometimes, a Button Just Wants to Look Like a Button (by/via) · · , ,
  241. 90% of Designers are Unhirable? (by/via) · · , ,
  242. Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets (via) · · , ,
  243. Making Room for Long List Markers With Subgrid (by) · · ,
  244. How to Ensure Your Designs Work If You Can’t Access Sample Data (by/via) · · , , , ,
  245. How to Use WebSockets in Node.js to Create Real-Time Apps (by/via) · · , ,
  246. WebKit Features in Safari 17.4 (by+/via) · · , , , ,
  247. Best Practices for Inclusive Design (by/via) · · , , ,
  248. Achieving Design Collegiality While Maintaining Psychological Safety (by/via) · · ,
  249. Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (via) · · , , ,
  250. JSR: Second Look (by) · ·