Frontend Dogma

News and Tools for Frontend Development (4)

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

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