#web (3832 links)
- ModernCSS.AI moderncss.ai
Rules for the robust and accessible UIs that the web deserves, encompassing architecture, typography, colors, layout, and motion. One fetchable file.
From Mr Hallows.
The bet is that discovery won’t start on homepages or even in search boxes, but with AI intermediaries acting on a user’s behalf. As Josh Muncke, vp of generative AI at The Economist Group, told Digiday, the publisher is preparing for “a world with two versions of the web” — one optimized for rich, human reading experiences, and another where “agents want clear structure, questions and answers, ideally text,” not carousels and feature art.
Also...
In areas that touch reader experience, editorial staff are embedded directly in those pods to ensure AI-powered features still “retain the look, feel, style, tone of The Economist,” per Muncke.
Interesting seeing a move away from Tailwind, for good reasons.
Also CSS is pretty great now.
- Claude Design Is Not a Design Systems Tool. That's Okay. southleft.substack.com
Claude Design isn’t a Figma killer, and I don’t think it’s trying to be. It’s a different tool, pointing at a different problem, and most of the loud takes claiming otherwise haven’t actually used it for design systems work.
- Zag zagjs.com
Finite state machines for building accessible design systems and UI components. Works with React, Vue and Solid.
- Expose your design system to LLMs hvpandya.com
The method described here restructures your design system into a format LLMs can reliably consume: structured spec files, a closed token layer, and automated auditing that catches every violation.
Feels like a consolidation piece rather than breaking new ground but interesting nonetheless.
At some point I stopped asking, “How do I write this selector?” and started asking a better question: What if component state could be expressed declaratively, while the compiler handled the selector logic needed to make it deterministic? That question eventually became Tasty.
- PWA iOS Limitations and Safari Support [2026] magicbell.com
Every iOS PWA limitation explained with code workarounds. Push notifications, storage, background sync — what works on iPhone and Safari in 2026 and what doesn't.
- The Digital Omotenashi Edition - by Colin Nagy whyisthisinteresting.substack.com
Are there experiences of digital done well, and with a similar mindset? As it turns out, it’s already happening—in small places, and mostly unnoticed, which is, of course, exactly the point.
- Daring Fireball: ‘Your Frustration Is the Product’ daringfireball.net
People are spending less and less time on the web because websites are becoming worse and worse experiences, but the publishers of websites are almost literally trying to dig their way out of that hole by adding more and more of the reader-hostile shit that is driving people away.
- WebHaptics haptics.lochie.me
Haptic feedback for the mobile web. Supports React, Vue, and Svelte.
- A web font strategy adactio.com
How I’m prioritising performance when it comes to typography on The Session.
- Design systems and shareable browser support medium.com
- The Incredible Overcomplexity of the Shadcn Radio Button paulmakeswebsites.com
- CJK Typesetting in 2025: Challenges, Workflows, and Best Practices asianabsolute.co.uk
- Introducing A2UI: An open project for agent-driven interfaces - Google Developers Blog developers.googleblog.com
A2UI was designed to address the specific challenges of interoperable, cross-platform, generative or template-based UI responses from agents. A2UI allows agents to generate the interface which best suits the current conversation with the agent, and send it to a front end application.
- The killer feature of Web Components - daverupert.com daverupert.com
Known as “CEM” to its friends, a CEM is a community standard JSON format that surfaces information about your component APIs. The analyzer scans your class-based component to build up a “manifest” of all the methods, events, slots, parts, tag name, and CSS variables you want to expose. It works on a single component or an entire system’s worth of components.
- Screen Reader HTML Support – Lookup tetralogical.github.io
- Can components conform to WCAG? hidde.blog
Here's why they technically can't, and why that makes sense to me.
- Should we NEVER use non-logical properties? frontendmasters.com
I'd like to explain why it really is time to send the DOM and its assorted APIs off to a farm somewhere, with some ideas on how.
<dialog> and popover are currently the only two ways to access the browser’s top layer. So what’s the difference between them and which one should you use when?
- Impossible Components — overreacted overreacted.io
What we need are the tools that let us compose across the stack. Then we can create self-contained LEGO blocks that run where appropriate—and snap them together. Any piece of UI can have its own backend needs and frontend needs. It’s time that our tools acknowledge that, embrace that, and let us speak our users’ language.
- Get out of my <head> getoutofmyhead.dev
Make faster, more accessible, more environmentally friendly websites, by removing these tags from your site's <head>.
- The evolution of scalable CSS andreipfeiffer.dev
The evolution of scalable CSS is a multi-part chronicle intended to document the progress of tools, practices and techniques that enable us to write maintainable CSS at scale.
Really a useful comparison of LinguiJS and react-i18next.
- Avoiding tokens blog.damato.design
Spicy times in design tokens world.
- Come to the light-dark() Side css-tricks.com
Dark mode interfaces have matured a lot in the past few years. We all know the "traditional" approach using media queries but in this article, Sara Joy demonstrates modern CSS features that make respecting user color scheme preferences pretty darn easy.
- Testing design systems in 2025 - Reshaped reshaped.so
My ultimate goal after testing was to see if I can completely drop jest and react-testing-library dependencies. Storybook already provides sufficient Vitest bindings and integrations with other packages, allowing me to mock handlers, trigger user events, and handle async operations — all within the same environment.
- Super Crispy SVG Icons - by Alex Duncan - persevering persevering.substack.com
Discover how to enhance accessibility and improve find-in-page search functionality using hidden="until-found" for icon-only buttons and hidden text labels.
- Reimagining Fluid Typography | OddBird oddbird.net
Relative units like em and rem are excellent for internal relationships – keeping the scale consistent between body text and headings, for example. But things always go wrong when we try to treat em as an alias for px, with mental conversions based on their assumed default relationship. At that point we’re keeping zoom, but discarding everything else about the user preference.
- What Are Styling Hooks and How Do You Use Them with SLDS? salesforce.com
Basically design tokens.
- Arabic & Persian Layout Requirements W3C Editor's Draft w3c.github.io
This document describes requirements for the layout and presentation of text in languages that use the Arabic script when they are used by Web standards and technologies, such as HTML, CSS, Mobile Web, Digital Publications, and Unicode.
Tailwind helps you build web pages quickly with a utility-first approach — but is it right for your project? Here we explore its benefits and trade-offs.
A friendly introduction to the AT Protocol.
- Online Safety Act Notes for Small Sites — Russ Garrett russ.garrett.co.uk
- Against the dark forest wrecka.ge
- Ethical Web Principles w3.org
- Anchor Positioning Is Disruptive | OddBird oddbird.net
The more I play with it, the more convinced I am that anchor positioning is going to unlock some surprising new layouts.
Discover how text fragments revolutionize web navigation. Learn to link directly to specific text on any web page, surpassing traditional 'Ctrl+F' searches.