Frontend Dogma

News and Tools for Frontend Development (4)

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

  1. Modern Git Commands and Features You Should Be Using (by) · · ,
  2. JavaScript Runs the World—Maybe Even Literally (by/via) · · , ,
  3. The 88×31 Archive · · , ,
  4. WCAG? More Like, W-What?! (by) · · , ,
  5. Accessibility Darkness (by) · · ,
  6. Accessibility Has Not Failed—It Has Not Even Started for Real (by) · · ,
  7. Bugs I’ve Filed on Browsers (by) · · , , , ,
  8. Tools That Make Me Productive as a Software Engineer (by) · · , ,
  9. We Need to Talk About Jakob (by) · ·
  10. CSS for Printing to Paper · · ,
  11. How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (by/via) · · , , ,
  12. VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr (by) · · , , ,
  13. Emerging UX Patterns in Generative AI Experiences (via) · · , ,
  14. The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked (by) · · , , , , ,
  15. Go Ahead and Block AI Web Crawlers (by) · · , ,
  16. Planning a Design System Generation (by) · · ,
  17. A Love Letter to the Underrepresented in Tech (by) · ·
  18. “AI” and Accessible Front-End Components: Is the Nuance Generatable? (by) · · , ,
  19. Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (by/via) · · , , ,
  20. Eloquent JavaScript (by) · · , ,
  21. Introducing JSR—the JavaScript Registry (by+/via) · · , , ,
  22. Modern CSS Tooltips and Speech Bubbles (by/via) · · ,
  23. Retrofitting Fluid Typography (by) · · ,
  24. TIL—“submit()” versus “requestSubmit()” (by) · · ,
  25. Web Tech Trends to Watch in 2024 and Beyond (via) · · , , , , ,
  26. Design System Generations (by) · · ,
  27. Apple Backs Off Killing Web Apps, but the Fight Continues (via) · · ,
  28. Accessibility Has Failed: Try Generative UI = Individualized UX · · , , ,
  29. Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (via) · · , , ,
  30. New to the Web Platform in February (by/via) · · , , , , , , , ,
  31. Techniques to Break Words (by) · · , , ,
  32. The Wax and the Wane of the Web (by/via) · · ,
  33. Understanding Cookies and Sessions in React (by/via) · · , ,
  34. What Is Inclusive Design, and How Does It Relate to Accessibility? (by/via) · · , ,
  35. What You Need to Know About Software Requirements (by) · · ,
  36. Why Does “is-number” Package Have 59M Weekly Downloads? (by) · · ,
  37. Diving Into CSS Interactivity (by+/via) · · ,
  38. An HTML Switch Control (by+/via) · · , ,
  39. Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (by) · · , ,
  40. Creativity Lies in the Paradoxes (via) · · ,
  41. Enhanced Internationalization (I18N) in Next.js 14 (via) · · ,
  42. Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (by/via) · · , ,
  43. Making Math Accessible (by/via) · · ,
  44. So, What Exactly Did Apple Break in the EU? (by) · · , , , , ,
  45. Test Quality vs. Bashing Tailwind CSS (by) · · , ,
  46. Ultimate Guide to Visual Testing With Playwright (via) · · , , ,
  47. How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js (by/via) · · , , , ,
  48. Top 8 Recent V8 in Node Updates (by/via) · · ,
  49. A Fun Line of Code (by) · · , ,
  50. Reporting Core Web Vitals With the Performance API (by/via) · · , ,
  51. Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (by) · · , , , ,
  52. The 3 Capabilities Designers Need to Build for the AI Era (via) · · , , ,
  53. Tumblr and WordPress to Sell Users’ Data to Train AI Tools (by/via) · ·
  54. YouTube Video Embedding Harm Reduction (by) · · , , ,
  55. How to Use Server-Sent Events in Node.js (by/via) · · , ,
  56. How to Lazy-Load CodePen and CanIUse Embeds (by) · · , ,
  57. A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (by) · · , , ,
  58. AI and Design Systems (by) · · ,
  59. Here Lies the Internet, Murdered by Generative AI (by) · · , ,
  60. Advanced Figma Tips and Tricks 2024: Little Gems We Love (by/via) · · ,
  61. CSS Foundations: What Is IACVT? (by/via) · ·
  62. CSS-Only Bottom-Anchored Scrolling Area (by) · · ,
  63. No Outer Margin (by) · · ,
  64. The CSS Cascade—a (Re)Introduction (by) · · , ,
  65. What Is a Single-Page Application? (by) · · , , ,
  66. Why I Use Firefox (by) · · , ,
  67. How to Build a Newthing (by) · · , , ,
  68. Speaker Spotlight: Michelle Barker (by+/via) · · , ,
  69. A Web Designer’s Accessibility Advocacy Toolkit (via) · · , ,
  70. 10 Takeaways From the WebAIM Screenreader Survey #10 (by/via) · · , , ,
  71. Home Screen Advantage (by) · · , , , , ,
  72. CAPTCHA Is Still [the] Most Problematic Issue on the Web (by) · · , ,
  73. CSS “:has()” Interactive Guide (by) · · , ,
  74. My WebAIM 10th SR User Survey Takeaways (by) · · , , ,
  75. The Power of Patterns and Playbooks in Content Design (by/via) · · , ,
  76. Understanding Event-Driven Architecture (by) · · ,
  77. WebAIM Screen Reader User Survey 10 (by/via) · · , , ,
  78. JSDoc as an Alternative TypeScript Syntax (by) · · , ,
  79. A Developer’s Guide for Web Accessibility (by) · · ,
  80. Proposal: CSS Variable Groups (by) · ·
  81. Why My Code Isn’t in TypeScript (by) · ·
  82. ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (via) · · , , , ,
  83. Building Dynamic Progress Bars Using Only CSS (by) · ·
  84. Difference Between the Accessibility Page and the Accessibility Statement (by/via) · · , ,
  85. htmx vs. React: A Complete Comparison (by/via) · · , ,
  86. JavaScript Bloat in 2024 (by) · · ,
  87. JSR: What We Know So Far About Deno’s New JavaScript Package Registry (by/via) · · , , ,
  88. UX Leadership Is Failing (and What We Can Do About It) (by/via) · · ,
  89. Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (via) · · , , ,
  90. 10 Best Create React App Alternatives for Different Use Cases (via) · · , , ,
  91. How to Optimize the Web for the Worst User Conditions? (by) · · , , , ,
  92. Making of True Multi-Brand Design System (via) · · ,
  93. Next.js vs. Remix—a Developer’s Dilemma (by/via) · · , ,
  94. Node.js 2023 Year in an Article (by) · · ,
  95. Release Notes for Safari Technology Preview 189 (by/via) · · , , ,
  96. Syntax Highlighting With No Spans?! (by/via) · · ,
  97. View Transitions: Handling Aspect Ratio Changes (by) · · ,
  98. My Favourite Animation Trick: Exponential Smoothing (by) · · ,
  99. The One Trick Every Flutter Web Dev Needs to Know (by/via) · · , ,
  100. CSS “::backdrop” Now Inherits From Its Originating Element (by/via) · · ,
  101. A Practical Guide to Designing for Colorblind People (by/via) · · , ,
  102. A Practical Guide to Using Shadow DOM (by) · · , ,
  103. Control Lazy Load, Infinite Scroll, and Animations in React (by/via) · · , , , ,
  104. CSS-Only Radial Progress Bars Using Conic Gradients (by/via) · · , ,
  105. Design Patterns That Encourage Junk Data (by/via) · · , , , ,
  106. Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (by/via) · · , , , ,
  107. My Design System Journey: Building the Plane While Flying (via) · · , ,
  108. Okay, Color Spaces (by) · · ,
  109. Preventing SQL Injection Attacks in Node.js (via) · · , , ,
  110. “random()” Distribution Visualizer (by) · · ,
  111. Why Is JavaScript Fragile? (by) · ·
  112. How to Transfer Binary Data Efficiently Across Worker Threads in Node.js (by) · · , ,
  113. 100 Things You Can Do on Your Personal Website (by) · · , ,
  114. 17 Equations That Changed the World—Rewritten in JavaScript (via) · · ,
  115. 7 Effective Ways to Craft Compelling Problem Statements for UX Design (by/via) · · , ,
  116. Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (by/via) · · , ,
  117. Responsive Web Design: 3 Key Fundamentals (via) · · , ,
  118. The Fifty-Fifty Split and Overflow (by) · · ,
  119. “Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (by) · · , , , , ,
  120. What Is Utility-First CSS? (by) · · ,
  121. How to Design an Accessible Web Site for People with Color-Deficient Vision (via) · · , , , , , ,
  122. [Web Accessibility] Survey Results · · ,
  123. Don’t Care About Accessibility? Resistance Is Futile! (by) · ·
  124. Tailwind Marketing and Misinformation Engine (by) · · , , , ,
  125. A Manifesto for Small, Static, Web Apps (by) · · ,
  126. JavaScript Workers (by) · · , ,
  127. Understanding React “useEffect” (via) · ·
  128. JavaScript on Demand: How Qwik Differs From React Hydration (by/via) · · , , , ,
  129. Be a Better Developer With These Git Good Practices (by) · · , , , ,
  130. How to Set Up a Node Server With TypeScript in 2024 (by/via) · · , , ,
  131. It’s Official, Apple Kills Web Apps in the EU (via) · · ,
  132. Popular Git Config Options (by) · · ,
  133. UI = ƒ(statesⁿ) (by) · · ,
  134. A Dozen Thoughts About AI (by) · ·
  135. ARIA “note” (by) · · , , , , ,
  136. Getting to an Accessibility Strategy (by) · · , ,
  137. How I Developed the 10 Usability Heuristics · · , ,
  138. Making the Most of Ligatures (by) · · ,
  139. Playing With Infinity in CSS (by) · · ,
  140. React Labs: What We’ve Been Working On—February 2024 (by+/via) · ·
  141. Top 20 JavaScript One-Liners That Don’t Actually Work (by) · ·
  142. Input Type “date”: The Accessibility of HTML Date Picker (by/via) · · ,
  143. Reasonable WCAG Additions (by) · · ,
  144. Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (by/via) · · , ,
  145. The Text File That Runs the Internet (by/via) · · , , ,
  146. How Accessibility Standards Can Empower Better Chart Visual Design (by/via) · · , , ,
  147. Wednesday, February 14, 2024 Security Releases (by+/via) · · , ,
  148. When It Says “Name From Author” It Means From You, Not Boll or Bukowski (by) · · , ,
  149. A Practical Guide to Designing for Children (by/via) · · , ,
  150. Advanced Architecture for AI Application (aka AAAA) (by) · · , , ,
  151. An Introduction to Node.js Multithreading (by/via) · · , ,
  152. Be Aware of Arrays—V8 Engine Advice · · , , ,
  153. CSS Color Module Level 4 (by+/via) · · ,
  154. How to Fix the Invisible Scrollbar Issue in iOS Browsers (by/via) · · , , , ,
  155. The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (by) · · , ,
  156. Why I Like Scrumban (by) · · , , ,
  157. Building htmx and Go Web Apps With Gemini Advanced (by) · · , , , ,
  158. How to Center a Div (by) · · , ,
  159. A CSS Project Boilerplate (by) · · , ,
  160. Can Generative AI Help Write Accessible Code? (by/via) · · , ,
  161. How to Boost WordPress Security and Protect Your SEO Ranking (via) · · , , ,
  162. Learn TypeScript (by) · · ,
  163. The Anatomy of Addictive Content (by/via) · · , ,
  164. React, Solid, htmx (by) · · , , ,
  165. You Want to Make It Easy to Feature Your Content (via) · · , ,
  166. How to Choose the Best Static Site Generator in 2024 (via) · · , , , , , ,
  167. CSS Mixins and Functions Explainer (by/via) · · ,
  168. Names Are Complex: Displaying Initials for an Avatar Component in a Design System (by) · · , ,
  169. Using Recursive CSS to Change Styles Based on Depth (by) · · ,
  170. Don’t Disable Form Controls (by) · · , , ,
  171. Everything You Need to Know About Image Formats in 2024 (via) · · , , , , , ,
  172. HTML as the Baseline (by) · · ,
  173. The Front-End Development We’re Used to Is Dying · · , ,
  174. Accelerating Code Reviews With Nudges (by) · · , , , ,
  175. Have We Forgotten How to Build Ethical Things for the Web? (by) · · ,
  176. Frequently Heard in My Beginning Front-End Web Development Class (by/via) · · ,
  177. Git Tips: Really Large Repositories (by/via) · · , ,
  178. Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (by/via) · · ,
  179. In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (by/via) · · , , ,
  180. Is [“* { min-width: 0; }”] a Good Idea? (by) · · ,
  181. The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (via) · · ,
  182. What Is a Descriptive Transcript? (via) · · ,
  183. So You Think You Know Git (by/via) · · ,
  184. Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (by/via) · · , , , ,
  185. CSS Is Logical (by) · ·
  186. Offloading JavaScript With Custom Properties (by) · · , ,
  187. Opportunities for AI in Accessibility (by/via) · · ,
  188. Release Notes for Safari Technology Preview 188 (by/via) · · , , ,
  189. Web Development Is Getting Too Complex, and It May Be Our Fault (by/via) · · , , ,
  190. A Guide to Designing for Older Adults (by/via) · · , ,
  191. Detect Caps Lock With JavaScript (by) · ·
  192. Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (by/via) · · , , ,
  193. Immutable Array Updates With “Array.prototype.with” (by/via) · · , , ,
  194. In Praise of the “switch” Statement (by) · ·
  195. JavaScript Promises Demystified (by+/via) · · ,
  196. JavaScript vs. Python: Which One Should You Learn First? (by/via) · · , ,
  197. jQuery 4.0.0 Beta (by/via) · · ,
  198. Lines of Code—How to Not Measure Code Quality and Developer Efficiency (by) · · , , ,
  199. Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (by/via) · · , ,
  200. UI Elements Are Not So Elementary (by/via) · · ,
  201. When to Use the “min()” or “max()” Function (by) · · ,
  202. Remix Takes on Next.js in Battle of the React Frameworks (by/via) · · , , ,
  203. Designing User Onboarding: Lessons From Figma, Duolingo, and More (via) · · , , , ,
  204. Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (by/via) · · , , , , ,
  205. 13 Best Books, Courses, and Communities for Learning React (via) · · , , ,
  206. Bookmarklet: Load All GitHub Comments (by) · · , ,
  207. Everything You Need to Know About Git (by) · · ,
  208. Exciting New Tools for Designers, February 2024 (by/via) · · , ,
  209. How to Create Rounded Gradient Borders With Any Background in CSS (by) · · , , , ,
  210. It’s the Hope That Kills You (by) · · , ,
  211. Revolutionizing Usability Testing With Machine Learning (via) · · , ,
  212. The Decision to Leave Tech (by) · · ,
  213. The Most Demanded Frontend Frameworks in 2023 (by) · · , , , ,
  214. Thoughts on a Global Design System (by) · ·
  215. Visual Hierarchy: Making User Experiences Easier to Understand (by/via) · · ,
  216. You Won’t Scale (by) · · ,
  217. Getting Into Web Components—an Intro (by) · · ,
  218. htmx Deep Dive With Carson Gross (via) · · ,
  219. The Importance of Web Performance to Information Equity (by/via) · · , ,
  220. Why Disabled People’s Needs Aren’t “Special” (by) · ·
  221. “X” Marks the Spot: Landmark Elements (by) · · , , , ,
  222. 5 Hidden Risks of Your Inaccessible Website (by/via) · ·
  223. All Art Is a Copy of Something (by) · ·
  224. SOLID Principles: They’re Rock-Solid for Good Reason (by) · · ,
  225. What Is WAP? (by/via) · · ,
  226. From Many to One: Moving Our JavaScript Code Into a Monorepo (via) · · , , ,
  227. A Complete Guide to Open Source—100× Simpler (by) · · ,
  228. A Look at the New WAI-ARIA 1.3 Draft (by) · · , ,
  229. Career Retrospective (by) · · ,
  230. Dynamically Adding Text Alternatives to Images With AI (by/via) · · , , ,
  231. Everyone’s a Sellout Now (by/via) · · ,
  232. How to Make a Great Framework Better?—Svelte 5 With Rich Harris (by/via) · · , ,
  233. Interop 2024 (by/via) · · , , ,
  234. The Web Just Gets Better With Interop 2024 (by/via) · · , , ,
  235. Tracking Your Interviews Is Extremely Important (by) · · ,
  236. Drupal Creator: Websites Needed More Than Ever in the AI Era (by/via) · · , ,
  237. 5 Essential DevTools Console Hacks for Every Web Developer (by) · · , ,
  238. Be Purposeful About Your Content (via) · · , ,
  239. Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (via) · · , , , ,
  240. Implementing User Authentication in React Apps With Appwrite (via) · · , ,
  241. Interaction to Next Paint Becomes a Core Web Vital on March 12 (by+/via) · · , ,
  242. Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (by/via) · · , , , ,
  243. PurePWA—a Radical U-Turn in Web Development · · , ,
  244. Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization (by/via) · · , , ,
  245. The Art and Science of Annotations in Dev Mode (by/via) · ·
  246. The Good, the Bad, the Web Components (by) · · , ,
  247. Why Not htmx? (by) · ·
  248. Making VPATs and ACRs More Effective in Procurement (via) · · , ,
  249. How to Stream Files From Next.js Route Handlers (by) · · , , ,
  250. A Highly Configurable Switch Component Using Modern CSS Techniques (by) · · ,