Together with  WorkOS
🚀 Frontend Focus

#​730 — February 25, 2026 | Read on the web

border-shape: The Future of the Non-Rectangular Web — Una shares several fun experiments with the border-shape property, calling it a “game-changer” for geometry on the web platform. It’s an early-stage feature so support is still behind a Chromium flag right now.

Una Kravets

💡 In other shape-related news, Noam Rosenthal shares some insights on implementing corner-shape, a feature you can use in mainstream Chrome and Edge right now.

What If Adding Auth to Your App Took One Command?npx workos launches an AI agent that reads your project, detects your framework, and writes a complete auth integration into your existing codebase. It typechecks, builds, and self-corrects any errors. Just run npx workos.

WorkOS sponsor

An In-Depth Guide to Customizing Lists with CSS — Richard goes into plenty of detail here, with code examples aplenty. You’ll probably come away having learned something here.

Richard Rutter

Standard HTML Video & Audio Lazy-Loading is Coming — A progress update from Scott who has been working on standardizing lazy-loading the HTML video and audio element. He explains that “the feature is not yet standard, but the HTML spec proposal, platform tests, and browser patches have been in review for many weeks and support just landed behind a flag in Chrome Canary”.

Scott Jehl

⚡️ IN BRIEF

📙 Articles, Opinions & Tutorials

Sprites on the Web — Josh shows us the basics of frame-based animation, doing away with GIFs in favor of a fast CSS approach. He shares how to use things like the object-fit property and the steps() timing function to create neat, small-scale animated sprites. As always, lots of good examples and demos.

Josh W. Comeau

Everything You Never Wanted to Know About visually-hidden — Visually hiding content always throws up some accessibility questions — this deep dive helps break it down.

David Bushell

Using Claude Skills to Build Mobile AppsExpo's Claude Skills automatically apply Expo's best practices for building and shipping cross platform mobile apps.

Expo sponsor

▶  Smart Layouts — A roughly hour long talk in which Ahmad talks us through the process of using modern CSS to build layouts that are aware of their surroundings and context.

Ahmad Shadeed

Potentially Coming to a Browser :near() You — Danny shares some ideas for how we could use the proposed :near() pseudo-class — a powerful suggested concept that would detect when a pointer is near an element.

Daniel Schwarz

Underlining Links with CSS — Stuart shares his own reference guide for styling links beyond the norm. “CSS now gives us a whole set of text-decoration properties that let us get really specific about how our underlines should look and behave”.

Stuart Robson

Typographic Scales in CSS with :heading(), sibling-index(), and pow() — Another from Stuart, this time looking at how to build flexible, maintainable typographic scales with just a few lines of code.

Stuart Robson

▶  Interop 2026: Browsers Are Finally Catching Up — Last week we shared news of the Interop efforts for this year, now Scott and Wes sit down to unpack the browser features looking to aligning across engines, from container style queries and anchor positioning to scroll-driven animations and view transitions.

Syntax podcast

Honoring Mobile OS Text Size“If your users scale the text size in Android or iDeviceOS, that doesn’t always affect the size of text on a web page.”
Adrian Roselli

Loading Smarter: SVG vs. Raster Loaders in Modern Web Design
Mariana Beldi

Native HTML Components Don’t Guarantee Good UX
Adam Silver

A Designer’s Guide to Eco-Friendly Interfaces
Carrie Webster

🧰 Tools, Code & Resources

The Four New Color Palettes in Tailwind CSS 4.2 — A quick look at the new color swatches (namely Mauve, Olive, Mist and Taupe) recently added to Tailwind CSS 4.2.

Chris Brandrick

Base.css: A Multi-Purpose, Classless Stylesheet with Semantic Rules — Joining a very long line of similar solutions, Base.css claims to be the most semantic classless stylesheet, and it certainly makes a good pitch in this writeup, which doubles as a live demo.

Toheeb Ogunbiyi

Analytics Belongs in Your Postgres Database, Not Next to It — TimescaleDB extends Postgres so your app hits live data—no pipeline, no second database, no drift. Try free.

Tiger Data (creators of TimescaleDB) sponsor

OpenSeadragon 6.0: A Web Viewer for High Resolution Images — One of few long-term, stable, and widely trusted options for rendering ultra-high resolution images for users to zoom into and pan around. Version 6 introduces a new async, cache-managed pipeline, making it far more efficient at scale.

OpenSeadragon Contributors

image-compare: Accessible Web Component for Comparing Images — No dependency slider-style comparisons that work with keyboard input too. GitHub repo.

Cloud Four

PWAscore: Compare Progressive Web App Capabilities Across Popular Mobile Browsers — Currently displays ‘scorecards’ for Chrome and Firefox on Android and Safari for iOS, based on 200+ PWA features and core features are weighted higher.

Charles Wiltgen

Introducing the Sugarcube Toolkit — This frontend toolkit processes W3C DTCG design tokens into CSS variables, utility classes, and component styles. Works with Vite or as a standalone CLI. Docs here.

Mark Tomlinson

Page Gym: A Page Speed Test and Optimization Tool — A compact tool that lets you choose from 3 regions, desktop or mobile, and will spit out data covering LCP, FCP, CLS, etc. One neat feature is ability to compare multiple perf tests, and you can log in to save your test history.

Razvan Cojocariu

🀄️ ...and finally

VoxJong: 3D CSS Mahjong Solitaire — A lovely isometric implementation of Mahjong created with CSS. It uses a CSS voxel engine called VoxCSS under the hood.

Ipx.