Frontend Dogma

“2024” Archive (4)

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