Frontend Dogma

“2024” Archive (3)

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