Andrew Roberts

A HUGE Game UI Database update is looming on the horizon, which comes with an 'avalanche' of new features. Some game-changing, some completely pointless. Here's a pointless game-changer:

📢 Introducing the React Aria Sheet component! ‣ Native swipe gestures powered by CSS scroll snapping ‣ Gesture-synced animations ‣ Snap points ‣ Stacking ‣ Elastic over-scroll ‣ Keyboard aware Wrote a blog post about how it works! react-aria.adobe.com/blog/sheet

I have been writing this post about the economics of open source, on and off, for 13 years. I wasn't expecting to end up at "Microsoft should send corporations a huge bill" but nothing else we've tried has worked. https://seldo.com/posts/nobody-pays-for-open-source-we-can-force-them-to/

HOLY SHIT Astra really is good at ascii art this is genuinely stunning

I'm doing something absolutely ridiculous. 😂 I created a `RasterizedSvg` component that will render an SVG as though it was a raster image, letting us see the pixels if we scale it up. Left: original SVG Right: rasterized SVG

New "cartoon": Border Collie comicss.art/comics/254/ I saw a similar concept on social media, and tried to give it a background-clip CSS twist. #css #webdev #comic

One of my favorite task is creating multi-line responsive ribbon shapes using "lh" and gradients! 😁 css-tip.com/multi-line-r... css-tip.com/multi-line-r...

@tanstack.com Has a New Look 💅

Lightweight AI planning (avoiding a "plan" or "spec" which easily gets out of date): Start PRs with an empty commit + include all of the planned tasks in PR title and description (using checkboxes) Then keep this up to date and check off the points as you / AI implement github.com/karlhorky/do...

It's-a me, 3D CSS Mario! 🍄 ⭐ I'm recreating Giles Goddard's iconic N64 face engine, so we can use it on the web. The rendering is handled by CSS matrix transforms, without WebGL or canvas. demo: codepen.io/alowpoly/pen... repo: github.com/layoutit/css...

Exciting news: React Aria is now a first-class component base in shadcn/ui! Initialize a new project with `--base aria`, or use shadcn/create to build and customize your own component library. ui.shadcn.com/docs/changel...

The Goldilocks customizable select height. Jake Archibald sizes the customizable <select> picker with anchor positioning and calc-size() so it never hits the viewport edges, shrinks too small, or grows too tall. #css #anchor jakearchibald.com/20...

You can embed Apple Maps on your website 👀 MapKit JS has been around for a while, but v6 made it easier to use: npm install, native promises, addEventListener. No custom setup or no surprises. Just install and build. Here's a demo: webkit.org/demos/yosemite

React Router v8 is now available! - All v7 future flags are now the default (Middleware, Vite env API, Split Route Modules, etc.) - ESM-only - New baselines: node 22+, React 19+, Vite 7+ - Easy upgrade from v7

VoidZero is joining Cloudflare. Our mission stays the same: to make JavaScript developers more productive than ever before. Vite, Vitest, Rolldown, Oxc, and Vite+ remain MIT-licensed. Evan and the VoidZero team will continue leading them.

🚀 New article on gap decorations (coming soon) in CSS. I have a small obsession with clean layout lines, and this is the first time it feels easy to draw them without polluting the markup. Goes through the new properties, a playground, and some experiments... 👾 utilitybend.com/blog/css-is-...

💡 Use "using" for Vitest/Jest mocks/spys It's really nice to simplify You don't need manual mockReset / global afterEach cleanups anymore

🥭 Cross-Document View Transitions: The Gotchas Nobody Mentions Part 1 by Durgesh Rajubhai Pawar at @css-tricks.com #ViewTransitions #CrossDocumentViewTransitions #css #webdev css-tricks.com/cross-docume...

OMG it's happening!!!

Big diff go brrrrr

most of these github actions driven breaches are because of pull_request_target. here's some tips of what to look for when reviewing your own workflows. worth noting - it is safe, and necessary, when used correctly 🧵

📚 Colocation matters. Cognitive load matters. Boundaries matter. High cohesion matters. Yes, even in the age of AI (maybe even more so). Enter the vertical codebase:

Wobble Buttons made with HTML in Canvas I can't stop clicking these

HTML in Canvas API is NUTS

Real DOM content in a canvas: fully searchable, translatable, inspectable. You can have forms, add WebGL effects & much more. Imagine if this was a customizable select 🤯 A little WIP exploration (not finished) for a very exciting API. github.com/WICG/html-in...

16 developers. 15 minutes. Single elimination. Round 1 begins March 6. Who do you think is taking it all? Fill out your bracket now at madcss.com

No text duplication. A single image used. All with clever #CSS and #SVG #filter magic! 🪄✨ Uses `text-orientation: upright` for vertical text. Matrix filter extracts just the red areas of the image. These get intersected/ subtracted from the text. Live on @codepen.io: codepen.io/thebabydino/...

also it is so much EASIER to make comprehensive tests now if you know what you’re doing. in my three vibecoded projects i made the kind of tests i’d never bother to do before. and they saved my ass many times you do need to steer it to test the right things which requires some experience and taste

hugely excited for this- finally!!!

I've heard folks express concern about React Router since the Remix 3 announcement Some variation of "is it on hold?"/"is it a secondary focus?"/"will it stop getting features?" etc No, No, and No 😀 To back it up, I thought I'd put together a little "React Router Wrapped" for 2025 🎄

Masonry: Things You Won’t Need A Library For Anymore: "#CSS Masonry is almost here! Patrick Brosset takes a deep dive into what this long-awaited feature means for web developers and how you could make use of it in your own work." www.smashingmagazine.com/2025/12/maso...

📣 New article on @frontendmasters.com about a visual problem that bugged me for years: making a card that truly feels deep. frontendmasters.com/blog/the-dee... Would love your thoughts.

My notes on Gemini 3, including analyzing a 3.5 hour council meeting audio recording and performance on a new, improved version of my pelican on a bicycle benchmark simonwillison.net/2025/Nov/18/...

blog.google/products/gem... ICYMI

I have a new article out! Super Simple Full-Bleed & Breakout Styles frontendmasters.com/blog/super-s... - my take on an old problem using modern CSS solutions. Using a spooky made up Halloween recipe to illustrate concepts. PS @chriscoyier.net told me to be proud of it 😛 #CSS

✍️ Solved by Modern CSS: Section Layout A new interactive article about a typical section layout and exploring how to make it more dynamic with modern CSS. Happy reading! ishadeed.com/article/mode...

Geoffrey Litt just proposed a new analogy for working with AI coding tools that I really like: you are the surgeon, staying in command and doing the most challenging work - the AI tools are your support team and surgical assistants simonwillison.net/2025/Oct/24/...

Don't [...spread] or .split() your strings! Use Intl.Segmenter API. Available in every JS runtime

@britegrid.io // I was building a fully static site & admin experience for a musician friend, and cost was a very important factor for them. I landed on Decap CMS, tried it, errors. same as github.com/sveltia/svel.... with Sveltia CMS, works ezpz- awesome project and UX. kudos

Please stop setting `width: 100vw` on the `body`. It's unnecessary. By default, the `body` stretches horizontally as much as necessary. It's problematic. Setting `width: 100vw` on it can cause overflow even if you remove the default `margin`... because the page may have a scrollbar. #CSS

cursor tracking on 3D CSS surfaces 👨‍🍳 inverse projection mappin' to calculate proximity in 3D space and apply an eased 0-1 value 🤙 the key: measuring the 4 corners, check the reveal 👇 (ideal for 2D canvas w/ 3D transforms)

looking forward to pt. 2 of this series, fun one! Smashing Magazine's quality is consistently top-notch

SQLite is such a powerhouse.

CloudFlare's Distributed R2 SQL engine's is a pretty good exemplar of how to build a serverless database to process petabytes in seconds using Apache DataFusion and Apache Parquet blog.cloudflare.com/r2-sql-deep-...

Damn this is a thorough and concise article on Liquid Glass in CSS using SVG filters. kube.io/blog/liquid-...

Recreated the Apple Photos UI with React Aria in just ~200 lines! Complete with virtualized scrolling, view transitions, adjustable waterfall layout, folder tree, search, multi-selection, and accessible drag and drop. Just one of the demos I'm planning for the new docs. 🙂