|
|
|
|
⚓️ 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? 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 Sam Davis Omekarajr |
|
|
📙 Articles, Opinions & Tutorials |
|
|
Something Nobody Told You About The Image Element: It Can Overflow! — The < Temani Afif |
|
The CSS 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 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
|
|
The Difference Between a Button and a Link
|
|
Devtools Must Be Open Source
|
|
🧰 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 Tejaswi Gowda |
|
Neumorphism CSS Generator: A Tool to Visually Design Soft, Extruded UI Elements using CSS Box Shadows
|
|
Scroll-Mask: Tailwind CSS Utilities for Fading Edges of Scroll Containers Based on Scroll Position
|
|
|
📺 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. |
|
📬 Got a new email address? You can change your email here. Bored of us? Click here to stop getting this newsletter. 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. |




