Frontend Dogma

“2024” Archive (5)

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