Why GitHub now ships more CSS, not less(opens frontendfoc.us in a new tab)
Frontend Focus — Issue #760
Stay current with practical CSS, JavaScript, frameworks, browser APIs, accessibility, performance, and modern front-end architecture.
Frontend Focus — Issue #760
Chrome 154 adds support for responsively-sized iframes, letting an <iframe> size itself based on the intrinsic size of its embedded document. This is perfect for seamlessly embedding third-party comment widgets, varying-height social media embeds, or any other type of embed that
Highlights various CSS features that we can turn to now, retiring some toolchain dependencies in turn. Things like native nesting instead of Sass, :has() instead of wrapper-class hacks, and more.
Frontend Focus — Issue #758
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 the
We're joining Shopify to give Tailwind a stable long-term home where it will be actively maintained for the millions of people who depend on it.
A look at how flex items wrap and how to balance them across lines.
Adding markdown files for every new music item is a faff, so I built a multi-step CLI to do it for me.
Just like Dreamweaver convinced a generation they could ignore HTML and CSS, Figma's perfect canvas may be hiding the messy realities of how the web actually works. The future belongs to designers who understand systems, behavior, performance, and code—not just pixels.
To target multiple classes that share the same prefix, you'd typically have to resort to adding an extra base classes to your markup or to using badly performing attribute selectors. To make things easier, CSS is getting a new selector: The Class Prefix Selector (.prefix-*).
I started building my markdown-svg-renderer tool in May, but I've since added enough features to it that it's worth talking about here again. It's evolved into my ideal tool for …
Discover how to leverage AI in React development to accelerate tasks, improve productivity, and maintain software quality.
Front-end stories track the browser side of the stack: frameworks, CSS, JavaScript, performance, and the APIs shipping in evergreen browsers.
Coverage leans practical — real patterns for building fast, accessible interfaces, not just framework hype.
Follow along via the category page or subscribe to the full feed if you'd rather not check back manually.