Frontend Focus
Plus TV for web developers, what you need to know about the lh unit, and TanStack takes on charting.
Together with  Greptile
🚀 Frontend Focus

#​753 — August 5, 2026 | Read on the web

⚓️ Results from the 2026 State of CSS Survey — Developers report anchor positioning as their favorite new CSS feature of this past year, though limited support is holding it back. As for the most-used newer features? :has(), aspect-ratio, and CSS nesting came out top. The results also touch on AI uptake (or lack thereof), framework adoption, the CSS grid learning curve, and more. Worth a read to get a good sense of the lay of the land.

Sacha Greif (Devographics)

💡 Josh Comeau wrote an excellent primer on anchor positioning last month.

Get Screenshots of Your Frontend in Each PR — Greptile now runs your code to find bugs. Trex runs your PR branch in a sandbox, uses browser agents to click through your UI, and attaches screenshots and videos as evidence of the issue directly in the PR.

Greptile sponsor

Styling the Navigation: Declarative Route and Navigation Matching in CSS — A look at a new CSS spec proposal from Bramus and the Chrome team. The idea is new at-rules and pseudo-classes to style View Transitions based on where you're coming from/going to, without JavaScript. It's being presented at the CSS WG meeting this week.

Bramus Van Damme

📊 Bramus has also noticed MDN shares its pageview data and has created a viewer for it if you want to see what devs are looking up most often.

Gap Decorations Are Now Available, Here's What's New — Chrome and Edge 149 are first to ship CSS gap decorations letting you style the space between grid and flex items without pseudo-element hacks. Sam, from the Edge team that drove the feature, shows off the new rule shorthand and friends.

Sam Davis Omekarajr

⚡️ IN BRIEF

📙 Articles, Opinions & Tutorials

Something Nobody Told You About The Image Element: It Can Overflow! — The <img> element has overflow: clip applied by default (not something most of us will have noticed, I'd imagine). Temani digs into why, and what happens when you make that hidden overflow visible.

Temani Afif

The CSS lh unit — An accessible look at the line height unit, how it works and some use cases you may want to consider.

Ahmad Shadeed

A Perfect Lighthouse Score Can't Fix a 4s Query — TimescaleDB extends Postgres so the query behind the score returns fast at scale. Get $1000 credit to start.

Tiger Data (creators of TimescaleDB) sponsor

Five Best Practices for Preventing Chaos in Tailwind CSS — Originally published in 2023 and refreshed for 2026, it now includes a tailwind-best-practices skill you can give to an agent, if you like.

Nina Torgunakova

We Finally Learned to Center a Div, Then Browsers Added Sidebars — When a sidebar can change what the 'center' is, do we need to target the middle of a browser window rather than the webview?

seg6

Web Security is Too Hard — After trying a new Cloudflare product, Eric encountered several issues that gave him pause and distilled them into practical security advice.

Eric Lawrence

TIME Is Serving AI Bots a Different Website, With Ads Built In — TIME is, amongst other things, letting ChatGPT's search index bot in to view Markdown, but blocking the training agents altogether.

Vincent Schmalbach

Cheatsheets for Flex, Grid, Anchor Positioning, and Invoker Commands
Polypane

The Difference Between a Button and a Link
Alexander Petros

Devtools Must Be Open Source
David Crawshaw

🧰 Tools, Code & Resources

Blossom Carousel: A Native-First Carousel with Drag Support for Pointer Devices — Most carousels replace native scrolling; Blossom builds on top of it, so you keep a real scroll container's performance and accessibility, and the drag engine is only downloaded when a mouse or trackpad is detected. Try the examples.

Jesper Vos

📊 TanStack Charts: A New Way to Notate and Render Charts — A rapidly evolving, pre-alpha, framework-agnostic way to declaratively specify a large number of chart-related visualizations in JavaScript which can then be rendered to SVG or on a canvas and styled as you wish.

TanStack

Tired of Document Workflows That Break Halfway Through? — Build a durable CRM-to-eSign pipeline as one resumable Vercel Workflows function that retries after a failure.

Foxit sponsor

CSS Type Studio: A Web Tool for Fiddling with Advanced Typography with CSS — An easy-to-use tool for visually trying out all sorts of typography features, including text wrapping, kerning, OpenType features, and more.

CSS Type Studio

Extend UI: An Open Source UI Kit for Modern Document Apps — Includes 15+ components for agents, user-facing document functionality, and internal tools. Think features like a PDF viewer, DOCX editor, PowerPoint viewer, E-Signature component, and so on. Source code.

Extend

ffmpeg webCLI: A Browser-Based Video Editor Powered By ffmpeg.wasm — A nicely built UI that you can try out here. Supports multiple video file types and allows you to use 30+ video operations (trim, convert, compress, flip, etc.) – all processed locally with no server upload.

Tejaswi Gowda

Neumorphism CSS Generator: A Tool to Visually Design Soft, Extruded UI Elements using CSS Box Shadows
Marko Denic

Scroll-Mask: Tailwind CSS Utilities for Fading Edges of Scroll Containers Based on Scroll Position
Tim Wilson

📰 Classifieds

⚡️Add lightning-fast barcode & QR scanning to your web app with STRICH, a lean JS SDK. Simple, predictable pricing. Free trial and demo!

📺 TV for Developers

CodeTV is a project led by Jason Lengstorf that makes educational-but-entertaining "TV for developers". Imagine the Discovery Channel but covering topics like building webapps and interviewing developers (like ▶️ this interview with Tanner Linsley about his work on TanStack).

The third season of Web Dev Challenge is currently rolling out, and the latest episode ▶️ challenges five developers to produce the 'best landing page ever' in just a few hours, with the only catch being that it has to use GSAP.

Another recent episode poses a similar challenge to several developers to ▶️ redesign their personal homepages while using the AT Protocol (commonly associated with Bluesky).

Prefer something a bit larger in scale? In ▶️ the Greenfield Games, two teams of developers go head-to-head to build working reimplementations of a job applicant tracking system with no restrictions on the tools they can use (including AI). OpenAI's Dominik Kundel and Microsoft's Scott Hanselman act as judges for the final creations.

Issue 752 #753