# Articles on Smashing Magazine -- For Web Designers And Developers Recent content in Articles on Smashing Magazine -- For Web Designers And Developers This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Stop Treating CSS Container Queries Like Traditional Media Queries DevFeed: [Stop Treating CSS Container Queries Like Traditional Media Queries]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Victor Ayomipo) Published: 2026-09-16T13:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [container](), [CSS](), [Media Queries](), [Responsive Design]() Tags: [container](), [css](), [responsive-design](), [techniques]() ### AI overview This article explains why CSS container queries should not be treated as equivalent to traditional media queries. It discusses their differing purposes, focuses on container size queries, and describes how they allow reusable components to respond to the size of their surrounding container. ### Source excerpt Despite broad browser support, container queries remain surprisingly underused and frequently misunderstood. Let's look at how they differ from media queries, when to reach for each, and how container queries help reusable components respond naturally to the contexts in which they appear. - CSS - Tools - Techniques ## Building A UX ROI Case That Survives The Boardroom DevFeed: [Building A UX ROI Case That Survives The Boardroom]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Alex Williams) Published: 2026-09-11T13:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [Software as a service]() Tags: [article](), [b2b](), [business](), [business-value](), [design](), [saas](), [ux]() ### AI overview This article presents a worked example for building a credible UX ROI case. It explains how to connect UX initiatives to business goals, define and measure value, account for costs, test causality, and present a return-on-investment figure that can withstand executive and finance scrutiny. ### Source excerpt Strong UX ideas do not secure investment on their own. Through a worked example, Alex Williams breaks down how to define business value, calculate costs, test causality, and build a credible case for the return on a design initiative. - UX - Design - Business ## The Death Of The Button: Why The Best Interface Is No Interface DevFeed: [The Death Of The Button: Why The Best Interface Is No Interface]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Carrie Webster) Published: 2026-09-09T10:00:00Z Content type: opinion Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [User interface design](), [Language models]() Tags: [ai](), [artificial-intelligence](), [design](), [language-models](), [ui](), [ux]() ### AI overview The article argues that web experiences are moving away from multi-step, point-and-click interfaces toward intent-driven AI systems that execute users' goals in the background. It urges UX designers to focus on transparent, human-centered AI experiences. ### Source excerpt TThe web is evolving beyond menus, forms, and endless clicks toward experiences shaped around human intent. For UX designers, understanding this shift means re-evaluating their role, moving from designing visible interfaces to guiding transparent, intent-driven AI experiences. ## Rethinking Data Visualisation: A UX Approach To Dashboards That Actually Drives Decisions DevFeed: [Rethinking Data Visualisation: A UX Approach To Dashboards That Actually Drives Decisions]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Meriem Benhabiles) Published: 2026-08-26T13:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [dashboards](), [User experience (UX)](), [data](), [datasets]() Tags: [dashboards](), [data](), [data-visualization](), [design](), [insights](), [ux]() ### AI overview This article argues that effective dashboards require UX thinking, not just available data. It explains how designing for a specific audience, question, and intended decision can turn charts into functional tools for insight and action. Examples including Anscombe's datasets show how visualisation can reveal patterns and communicate meaning that raw numbers conceal. ### Source excerpt Data visualisation sits at the intersection of two disciplines that rarely talk to each other: data and design. Meriem Benhabiles explores what changes when you bring structured UX thinking to dashboards and data presentations, from the questions you ask before opening any tool to the decisions that determine whether an insight actually lands. ## Why Your Website Should Never Stop Changing DevFeed: [Why Your Website Should Never Stop Changing]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Pierre Burgy) Published: 2026-08-25T08:00:00Z Content type: opinion Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [AI Bots](), [User interface design]() Tags: [accessibility](), [agents](), [ai](), [autonomous](), [code](), [design](), [platform](), [tools]() ### AI overview The article argues that websites should keep improving after launch through agent-assisted maintenance, while questioning full autonomy as the right goal. ### Source excerpt Every website peaks on launch day and slowly drifts from there, not because it breaks, but because nobody has time to keep it current. Autonomous websites, continuously optimized by agents after launch, aim to change that. Pierre Burgy shares what they learned building for full website autonomy and the deeper design problem they uncovered along the way. ## Timing Charts: A Blueprint For SMIL Animations DevFeed: [Timing Charts: A Blueprint For SMIL Animations]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Johan Grobler) Published: 2026-08-20T13:00:00Z Content type: tutorial Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [SVG](), [SVG animations in CSS](), [frontend animation](), [web animation]() Tags: [animation](), [article](), [css](), [css-animations](), [design](), [svg]() ### AI overview This article explains SMIL as a way to animate SVG graphics without JavaScript. It introduces timing charts as a planning tool for coordinating animation start and stop times, and discusses how structured planning can make verbose SMIL markup easier to manage. ### Source excerpt Discover SMIL, the often-overlooked way to animate SVGs that works inside `` tags and can fully animate everything in an SVG without JavaScript. ## New EU Guidelines For AI Labelling DevFeed: [New EU Guidelines For AI Labelling]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Vitaly Friedman) Published: 2026-08-13T10:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [Artificial Intelligence](), [AI Bots]() Tags: [ai](), [business](), [design](), [eu](), [legal](), [products](), [ux]() ### AI overview New EU guidelines explain when AI-generated or manipulated content must be labelled, including deepfakes, chatbots and AI agents, certain public-interest text, and biometric or emotion-recognition tools. The article also outlines exemptions for AI-assisted content reviewed and edited by a human. ### Source excerpt New EU guidelines, why AI sparkles aren't enough, when AI labels are required, and what the rules mean for AI-powered features and products. ## Building Tactile UX: Honoring Intentional Design With Lottie DevFeed: [Building Tactile UX: Honoring Intentional Design With Lottie]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Alexey Kopytin) Published: 2026-08-11T10:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [User experience (UX)](), [Front end](), [Web](), [Document Object Model (DOM)](), [real-time](), [math](), [JSON](), [Matter]() Tags: [animation](), [article](), [design](), [developers](), [json](), [real-time](), [ui](), [ux](), [vector](), [web](), [web-interface]() ### AI overview This article explains how Isadora Agency built Stress Release, a tactile digital stress-relief squeeze toy, using intentional Lottie animations, DOM events, and distance-based math instead of a physics engine. It focuses on deterministic, frame-accurate animation control and describes mapping DOM interactions to Lottie states rendered as JSON-based SVG animations. ### Source excerpt When tasked with building a highly interactive, tactile web experience, the architecture must serve the art direction. In this article, Alexey Kopytin explains their architectural rationale for building a digital stress-relief squeeze toy game using Lottie animations, DOM events, and distance-based math to maintain absolute control over their designers' intentional motion. ## How Baseline Can Help You Ship Less JavaScript DevFeed: [How Baseline Can Help You Ship Less JavaScript]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Jad Joubran) Published: 2026-08-07T13:00:00Z Content type: tutorial Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [JavaScript](), [Web platform](), [browser](), [Web](), [modern web development](), [Web Development]() Tags: [article](), [browser](), [coding](), [guide](), [javascript](), [techniques](), [web-platform]() ### AI overview A practical guide to auditing JavaScript dependencies against modern browser capabilities using Baseline. It explains how to identify libraries that the web platform can replace, estimate bundle-size savings, and account for browser support and fallback needs. ### Source excerpt The gap between "you need a library for this" and "the browser does this" keeps closing. A practical guide to auditing your dependencies and finding what the web platform can now handle for you. ## The Bull And Bear Case For Digital Design In The Age Of AI DevFeed: [The Bull And Bear Case For Digital Design In The Age Of AI]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Andy Budd) Published: 2026-07-29T13:00:00Z Content type: opinion Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [Artificial Intelligence](), [Figma]() Tags: [ai](), [career](), [design](), [digital-design](), [leadership](), [opinion-column](), [product](), [product-design]() ### AI overview The article examines how AI may change digital design by giving designers more autonomy to prototype, test, and ship improvements without waiting for product or engineering permission. It presents both the potential benefits of that freedom and the risks of exposing gaps in design practice. ### Source excerpt As AI reshapes product design, it could give designers greater autonomy or expose the gaps that autonomy makes harder to hide. Exploring both the bull and bear cases, Andy Budd examines what happens when designers need less permission to act. ## Thinking Outside The Box: Digital Design In The AI Era DevFeed: [Thinking Outside The Box: Digital Design In The AI Era]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Oleksii Hrzhehorzhevskyi) Published: 2026-07-28T10:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [AI Chat]() Tags: [ai](), [ai-models](), [chatgpt](), [claude](), [creativity](), [design](), [digital-art](), [tools]() ### AI overview An article about designing AI assistants beyond the familiar conversational text box, with an emphasis on personality, accessibility, and keeping people central to the experience. ### Source excerpt Many of the AI tools we interact with take the form of text boxes. But what if there was a different way to interact with AI? Oleksii Hrzhehorzhevskyi explores a different approach to creating a new AI assistant and how designers can navigate the field as AI continues to change it. ## Weaponizing And Defending The React Flight Protocol: Deserialization Sinks In RSCs DevFeed: [Weaponizing And Defending The React Flight Protocol: Deserialization Sinks In RSCs]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Durgesh Pawar) Published: 2026-07-21T10:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [Flight](), [React](), [Protocol (disambiguation)](), [Vulnerabilities](), [Cybersecurity](), [Next.js](), [Security]() Tags: [code](), [coding](), [cybersecurity](), [http](), [next-js](), [react](), [security](), [streaming](), [vulnerability]() ### AI overview This article examines React Server Components' Flight streaming protocol, focusing on how its deserialization of executable references creates security risks. It analyzes the React2Shell remote code execution vulnerability and presents defenses including schema validation, CSRF hardening, the Taint API, and web application firewalls. ### Source excerpt While React Server Components rely on the custom Flight protocol to stream interactive UIs, this same mechanism introduces powerful deserialization sinks that attackers can exploit. Durgesh Pawar breaks down the mechanics behind the CVSS 10.0 "React2Shell" vulnerability to show how protocol manipulation can lead to remote code execution. ## When It Makes Sense To "Block" The Main Thread DevFeed: [When It Makes Sense To "Block" The Main Thread]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Victor Ayomipo) Published: 2026-07-17T08:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [JavaScript](), [Chrome extension](), [Latency](), [modern web development](), [Chrome](), [Concurrency]() Tags: [architecture](), [browser](), [chrome](), [chrome-extension](), [coding](), [javascript](), [latency](), [main-thread](), [performance](), [techniques](), [thread]() ### AI overview This article examines when blocking the browser's main thread can be faster than transferring work to a background worker. Using a Chrome screenshot extension as an example, it explains how serialization, copying, and deserialization can introduce enough latency to outweigh the responsiveness benefits of offloading computation. ### Source excerpt The common rule of thumb is to never "block" the browser's main thread when running JavaScript tasks. But is this a hard rule? Victor Ayomipo describes a use case he encountered involving a screenshot extension where he made an exception to the rule and decided that blocking the main thread was absolutely the right thing to do. ## No, People Don't Want More AI In Their Life DevFeed: [No, People Don't Want More AI In Their Life]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Vitaly Friedman) Published: 2026-07-15T10:00:00Z Content type: opinion Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [Artificial Intelligence](), [User experience (UX)](), [systems]() Tags: [ai](), [data-quality](), [design](), [design-patterns](), [hallucinations](), [systems](), [ux]() ### AI overview The article argues that people generally do not want more AI when it arrives as disconnected features, separate tools, or imposed workflows. It links low adoption and retention to high delivery costs, reputation risks, fragmented systems, technical debt, poor data quality, and the effort required to check and correct AI-generated output. It also describes resistance and anxiety connected to fears that AI may replace work. ### Source excerpt Many companies assume everyone craves new AI features. But the reality is that most people don't want more AI -- at least not in the way most AI leaders envision it. Brought to you by Design Patterns For AI Interfaces, **friendly video courses on UX** and design patterns by Vitaly. ## Designing For Distressed Users: Why Mental Health Apps Shouldn't Follow Every UI Fashion DevFeed: [Designing For Distressed Users: Why Mental Health Apps Shouldn't Follow Every UI Fashion]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Kat Homan) Published: 2026-07-09T15:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [App](), [User interface design](), [Accessibility]() Tags: [cognitive-load](), [design](), [evaluation](), [experimentation](), [health](), [innovation](), [mental-health](), [research](), [retention](), [ui](), [ux]() ### AI overview This article argues that mental health apps should prioritize simplicity, reduced cognitive strain, accessibility, trust, and retention over fashionable interface trends. It presents trend-driven design as a potential source of friction for distressed or overwhelmed users and introduces an evaluation framework grounded in research, product audits, and app-store evidence. ### Source excerpt Many UI trends are designed to capture attention and signal innovation, but those goals often conflict with the needs of mental health apps: reducing cognitive strain, fostering trust, and providing a sense of refuge. Kat Homan introduces an evaluation framework that helps designers assess whether trendy visual and interaction patterns support or undermine the unique goals of mental health experiences. ## Meet Kirki: WordPress's First Visual Builder With An Infinite Canvas DevFeed: [Meet Kirki: WordPress's First Visual Builder With An Infinite Canvas]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Zareen Tasnim) Published: 2026-07-07T10:00:00Z Content type: comparison Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [WordPress](), [Canvas](), [No-code](), [Content Management System](), [web design]() Tags: [building](), [design](), [frameworks](), [no-code](), [performance](), [review](), [tools](), [web](), [web-design](), [wordpress](), [workflow]() ### AI overview Kirki is presented as a freeform, no-code visual website builder for WordPress that uses an infinite canvas, an integrated CMS, and built-in features to reduce reliance on third-party plugins. The article reviews and compares it with traditional WordPress builders, focusing on pricing, performance, usability, design flexibility, features, theme compatibility, and layout customization. ### Source excerpt We have been building websites inside boxes for years on WordPress. Let's take a closer look at [Kirki](https://kirki.com/), the first freeform visual builder with an infinite canvas, and explore how it redefines the experience with cleaner performance, full design freedom, and zero plugin dependency. ## Users Don't Need More Tools: They Need Seamless Integrations DevFeed: [Users Don't Need More Tools: They Need Seamless Integrations]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Vitaly Friedman) Published: 2026-07-03T13:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [User experience (UX)](), [Artificial Intelligence](), [anthropic](), [Microsoft]() Tags: [ai](), [claude](), [design](), [design-patterns](), [integrations](), [mental-models](), [microsoft](), [ux](), [workflow]() ### AI overview The article argues that users need seamless integrations of useful capabilities rather than more standalone tools. It contrasts disruptive "AI-first" products with "Quiet AI," which works unobtrusively within existing workflows and mental models, and presents folder instructions as a way to automate context-specific file tasks. ### Source excerpt A closer look at why users don't need more tools in their daily lives. What they need are seamless integrations of useful features to match already existing, established mental models. Brought to you by Design Patterns For AI Interfaces, **friendly video course on UX** and design patterns by Vitaly. ## Matching AI Modality To User Intent: Designing The Right Interface DevFeed: [Matching AI Modality To User Intent: Designing The Right Interface]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Victor Yocco) Published: 2026-07-02T10:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [AI Chat](), [Language models]() Tags: [ai](), [design](), [llms](), [ux]() ### AI overview The article argues that AI interfaces should match users' immediate intent, context, and cognitive load rather than defaulting to chat. It introduces a Task Audit and an Input/Output Alignment Matrix to help teams choose appropriate interaction modalities. ### Source excerpt We've fallen into conversational tunnel vision, defaulting every AI capability into a chat-based interface simply because LLMs are trained on dialogue data. But great UX is about matching modality to users' context, intent, and cognitive load, so the interface adapts to the user, not the other way around. ## Why Accessibility Is An Operational Capability, Not A Feature DevFeed: [Why Accessibility Is An Operational Capability, Not A Feature]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Mikhail Prosmitskiy) Published: 2026-06-30T12:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [Accessibility](), [Monitoring](), [observability](), [Security](), [systems]() Tags: [accessibility](), [ai](), [audits](), [code](), [complexity](), [compliance](), [deployment](), [design](), [monitoring](), [observability](), [releases](), [security](), [systems](), [ui](), [usability](), [ux]() ### AI overview This article argues that accessibility should be treated as an operational engineering capability rather than a feature, compliance checklist, or one-time audit. It connects accessibility with privacy, security, reliability, and observability, and explains why continuous monitoring is needed as products evolve and releases increase. ### Source excerpt Teams can generate UI faster than ever, but they still have to guarantee that what they ship is usable, secure, and maintainable. Accessibility as an operational capability rather than a compliance checklist or end-of-project audit, and what that looks like in practice. ## Designing With Uncertainty: How AI Supercharges Probabilistic Thinking DevFeed: [Designing With Uncertainty: How AI Supercharges Probabilistic Thinking]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Pratik Joglekar) Published: 2026-06-16T15:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [AI Chat]() Tags: [ai](), [ai-models](), [design](), [product](), [ux]() ### AI overview A practical UX and product-design guide to treating AI outputs as probabilistic signals rather than certain answers. It argues that teams should account for uncertainty, model bias, user context, and risk when making design decisions. ### Source excerpt In a world where AI is informing more design choices, it's easy to mistake predictions for certainties. This article introduces Probabilistic Design, a mindset that allows UX and product teams to accept uncertainty, decipher AI outputs with nuance, and make smart, adaptive decisions. ## The Impact Of Humanoid Robots On Humanity DevFeed: [The Impact Of Humanoid Robots On Humanity]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Carrie Webster) Published: 2026-06-12T08:00:00Z Content type: opinion Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [Humanoid Robots](), [Robotics](), [Artificial Intelligence](), [Software](), [Code]() Tags: [ai](), [artificial-intelligence](), [automation](), [engineering](), [humanoid-robots](), [inspiration](), [opinion-column](), [production](), [prototypes](), [robotics](), [robots](), [software]() ### AI overview Humanoid robots are moving from demonstrations and research prototypes into commercial factory deployments, while advances in artificial intelligence are making them more capable of learning tasks by observing humans. Their increasing realism and autonomy may create significant social, psychological, economic, and ethical challenges as the distinction between humans and machines becomes harder to perceive. ### Source excerpt We have officially moved past the era of humanoid robots as mere public relations stunts. As they become increasingly lifelike, society may soon face profound social, psychological, and ethical challenges. What happens when the boundary between humans and machines becomes almost impossible to distinguish? ## The Benefits Of Cognitive Inclusion In UX Research DevFeed: [The Benefits Of Cognitive Inclusion In UX Research]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Kate Kalcevich) Published: 2026-06-10T10:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [User experience (UX)](), [Accessibility](), [Usability]() Tags: [accessibility](), [design](), [digital-products](), [guide](), [insights](), [prototyping](), [research](), [survey](), [testing](), [usability](), [user-research](), [ux]() ### AI overview An exploratory UX research study examines whether participants with cognitive disabilities uncover more usability insights than general-population participants. It describes recruitment and screening, research practices, a pilot with 25 testers, user interviews, surveys, and a joint validation study using websites built with an AI prototyping tool. ### Source excerpt Findings from an exploratory user research study highlighting the unique insights and practical UX recommendations shared by participants with cognitive disabilities. ## How To Make Your Design System AI-Ready DevFeed: [How To Make Your Design System AI-Ready]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Vitaly Friedman) Published: 2026-06-03T13:00:00Z Content type: tutorial Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [User interface design](), [AI-assisted coding](), [Figma]() Tags: [accessibility](), [ai](), [code](), [design](), [design-patterns](), [design-systems](), [documentation](), [guide](), [how-to](), [prototypes](), [ux]() ### AI overview A practical guide to making design systems more reliable inputs for AI-generated prototypes. It recommends documenting decisions in reusable spec files, maintaining a token layer, and auditing design-system quality with FigmaLint. ### Source excerpt Practical guide on how to reduce drifts, minimize mistakes, maintain context, and improve the quality of AI-generated prototypes. Brought to you by Design Patterns For AI Interfaces, **friendly video course on UX** and design patterns by Vitaly. ## Algorithmic Theming Engines: Building Self-Correcting Color Systems With \`contrast-color()\` DevFeed: [Algorithmic Theming Engines: Building Self-Correcting Color Systems With \`contrast-color()\`]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Durgesh Pawar) Published: 2026-05-28T13:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [Web platform](), [User interface design](), [Web Development]() Tags: [accessibility](), [browser](), [coding](), [css](), [css-functions](), [techniques](), [themes]() ### AI overview The article examines CSS contrast-color() as a browser-native way to choose black or white text based on a background color, with the goal of improving color-contrast accessibility without runtime JavaScript. ### Source excerpt Seventy percent of websites still fail basic WCAG contrast checks in 2025. After years of design system tooling, accessibility linters, and JavaScript libraries, nothing moved the needle. We didn't need better libraries. We needed better CSS. `contrast-color()` is that better CSS. [Next page]()