--- title: "The new CSS feature devs love most but can't rely on yet" publication: "Frontend Focus" issue: 753 published_at: "2026-08-05" canonical_url: "https://frontendfoc.us/issues/753" --- Plus TV for web developers, what you need to know about the lh unit, and TanStack takes on charting. Together with [![Greptile\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_1280,h_308/co_white,e_outline:25/mvysygc5u6xqa3gvmetk.png)](https://www.greptile.com/trex?utm_source=frontendfocus&utm_medium=paid-community&utm_campaign=frontendfocus_primary_aug5) 🚀 **Frontend** Focus #​753 — August 5, 2026 | [Read on the web](https://frontendfoc.us/issues/753) [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1785929986/dow6fnjuibnbp10xwanv.png)](https://2026.stateofcss.com/en-US/) ⚓️ [Results from the 2026 _State of CSS_ Survey](https://2026.stateofcss.com/en-US/) — 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](https://www.joshwcomeau.com/css/anchor-positioning/) last month. [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/bf2e3063.png)](https://www.greptile.com/trex?utm_source=frontendfocus&utm_medium=paid-community&utm_campaign=frontendfocus_primary_aug5) [Get Screenshots of Your Frontend in Each PR](https://www.greptile.com/trex?utm_source=frontendfocus&utm_medium=paid-community&utm_campaign=frontendfocus_primary_aug5) — 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](https://www.bram.us/2026/07/30/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](https://www.bram.us/2026/08/03/mdn-traffic-browser/) and has created [a viewer for it](https://ready-unit-fowl.codepen.app/) if you want to see what devs are looking up most often. [Gap Decorations Are Now Available, Here's What's New](https://css-tricks.com/css-gap-decorations-now-available/) — 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 - 🗓️ Come together, write and celebrate all things HTML this Saturday — [it's HTML Day 2026](https://2026.html.energy) with gatherings all around the world. - 🆕 Rachel Andrew shares [an update on what's new in Chrome 151](https://developer.chrome.com/blog/new-in-chrome-151), including a user-activated control for camera and microphone streams. - 🤖 The Chrome team shares [a detailed look at how they're using AI](https://blog.google/security/chrome-stronger-with-every-update/) to make Chrome more secure. - 🤖 New EU rules require companies to [label certain AI-generated content](https://www.euronews.com/my-europe/2026/08/02/ai-generated-label-becomes-mandatory-in-the-eu-for-companies). - ⛳️ [This page tasks you with mowing a lawn](https://pudding.cool/2026/06/mow/) as efficiently as possible, but it's also a neat look at how to display things in an interactive, engaging way. 📙 Articles, Opinions & Tutorials [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1785935605/uccl0np3ctq361nfzqze.jpg)](https://master.dev/blog/something-nobody-told-you-about-the-image-element-it-can-overflow/) [Something Nobody Told You About The Image Element: It Can Overflow!](https://master.dev/blog/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](https://ishadeed.com/article/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](https://www.tigerdata.com/go/trial?utm_source=content-syndication&utm_medium=referral&utm_campaign=frontend-focus-newsletter) — TimescaleDB extends Postgres so the query behind the score returns fast at scale. [Get $1000 credit to start](https://www.tigerdata.com/go/trial?utm_source=content-syndication&utm_medium=referral&utm_campaign=frontend-focus-newsletter). Tiger Data (creators of TimescaleDB) sponsor [Five Best Practices for Preventing Chaos in Tailwind CSS](https://evilmartians.com/chronicles/5-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](https://seg6.space/posts/center-div/) — 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](https://textslashplain.com/2026/08/04/security-is-hard-yall/) — 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](https://www.vincentschmalbach.com/time-serves-ai-bots-a-different-website/) — 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](https://polypane.app/blog/cheatsheets-for-flex-grid-anchor-positioning-and-invoker-commands/) Polypane [The Difference Between a Button and a Link](https://unplannedobsolescence.com/blog/buttons-vs-links/) Alexander Petros [Devtools Must Be Open Source](https://blog.exe.dev/devtools-must-be-open-source) David Crawshaw 🧰 Tools, Code & Resources [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1785934121/mjkfk01zmkzcphgqhevn.png)](https://github.com/jespervos/blossom-carousel) [Blossom Carousel: A Native-First Carousel with Drag Support for Pointer Devices](https://github.com/jespervos/blossom-carousel) — 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](https://www.blossom-carousel.com/). Jesper Vos 📊 [TanStack Charts: A New Way to Notate and Render Charts](https://tanstack.com/charts/latest) — 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?](https://developer-api.foxit.com/developer-blogs/use-cases-workflow-examples/automated-document-pipelines/crm-triggered-document-pipeline/?utm_source=draftdev&utm_medium=newsletter&utm_campaign=frontendfocus_20260805) — Build a durable CRM-to-eSign pipeline as one resumable Vercel Workflows function that retries after a failure. Foxit sponsor [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1785934378/bvw4cemkpru4jnz99oc1.png)](https://www.csstypestudio.com/) [CSS Type Studio: A Web Tool for Fiddling with Advanced Typography with CSS](https://www.csstypestudio.com/) — 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](https://www.extend.ai/ui) — 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](https://github.com/extend-hq/ui). Extend [ffmpeg webCLI: A Browser-Based Video Editor Powered By `ffmpeg.wasm`](https://github.com/tejaswigowda/ffmpeg-webCLI) — A nicely built UI that you can [try out here](https://tejaswigowda.com/ffmpeg-webCLI/). 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](https://markodenic.com/tools/neumorphism-css-generator/) Marko Denic [Scroll-Mask: Tailwind CSS Utilities for Fading Edges of Scroll Containers Based on Scroll Position](https://twilson.net/scroll-mask) Tim Wilson 📰 Classifieds ⚡️Add lightning-fast barcode & QR scanning to your web app with [STRICH](https://strich.io/?ref=frontend-focus), a lean JS SDK. Simple, predictable pricing. [Free trial and demo!](https://strich.io/?ref=frontend-focus) 📺 TV for Developers [CodeTV](https://codetv.dev/) 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](https://www.youtube.com/watch?v=rCJ9OdNdigQ) about his work on TanStack). [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/amalki0gopng3gd82lrf.jpg)](https://codetv.dev/series/web-dev-challenge/s3/e5-best-landing-page-gsap/play) The third season of [Web Dev Challenge](https://codetv.dev/series/web-dev-challenge/s3) is currently rolling out, and the latest episode [▶️ challenges five developers to produce the 'best landing page ever'](https://codetv.dev/series/web-dev-challenge/s3/e5-best-landing-page-gsap/play) in just a few hours, with the only catch being that it _has_ to use [GSAP](https://gsap.com/). Another recent episode poses a similar challenge to several developers to [▶️ redesign their personal homepages](https://codetv.dev/series/web-dev-challenge/s3/e4-rebuild-your-website-again/play) while using the AT Protocol (commonly associated with [Bluesky](https://bsky.app/)). Prefer something a bit larger in scale? In [▶️ the Greenfield Games](https://www.youtube.com/watch?v=OgqWEz-Rrrw), 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. 📬 **Got a new email address?** You can [change your email here](https://frontendfoc.us/edit_subscription/*|UID|*). --- **Bored of us?** Click [here to stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*). --- **Got a link for us?** Reply and tell us. We can't include everything but we'll take a look. --- Published by Cooper Press Ltd. Curated by [Chris Brandrick](https://bsky.app/profile/brandrick.bsky.social) & [Peter Cooper](https://twitter.com/cooperx86). Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom [Stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*)