Frontend Dogma

News and Tools for Frontend Development (3)

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

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