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

full transcript of Mitchell Hashimoto vibe coding a Ghostty feature- super cool of him to share! mitchellh.com/writing/non-...

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. 🙂

Visual anagrams are a really clever use of diffusion models. Many more examples here! dangeng.github.io/visual_anagr...

Lots of questions about how to get the FPS meter to show up and a few other CSS rendering debugging tools

👀 @remix.run @reactrouter.com 👀

oh DAMN this is cool: leanrada.com/notes/css-only-l…

Liquid Glass, but in #CSS: "I have a lot of thoughts on this new language, but my immediate thought while I was watching the presentation was "I wonder if CSS can do that". It turns out, yes, with great effort, it can." atlaspuplabs.com/blog/liquid-...

I turn 13 on @codepen.io in June, so here are my 13 most hearted demos: 1️⃣ 1092 ♥️ #CSS infinite #scroll gallery codepen.io/thebabydino/... my only one to ever get to 1K ♥️ without being in most hearted of the year mostly CSS scroll-driven animations + tiniest bit of JS (~200 bytes for infinity part)

Latest @latent.space ep rocked - positioning reasoning models - multi-agent self-play - anecdotally confirmed my hunch that 4.1 is the 🐐 podcasts.apple.com/podcast/id16... "So, self-play outside of these two player, zero-sum games becomes like a much more difficult, nuanced question."

I've become a big fan of Biome- it really feels like the project is living up to the task of "one config to rule them all" Happy to see v2!!

The new SF Symbols app now has an animation editor 🤯 The team behind SF Symbols is killing it every year, they deserve a lot of credit 🙌 #macOSTahoe

remix.run/blog/rr-gove... i'll be writing React Router SPAs until the LLMs disable my keyboard

Here's a little collection of #SVG #filter generated textures codepen.io/thebabydino/...

This is friggin’ wild. It’s like 99% CSS with only one tiny event listener in JS to pass the mouse position to CSS as a custom property. codepen.io/amit_sheen/p...

the Temporal API is javascript developers’ nuclear fusion

🥳 It's an exciting day! 🥳 Thanks to Webflow GSAP is now 100% FREE - including ALL of the bonus plugins like SplitText, MorphSVG, and all the others that were exclusively available to Club GSAP members. We can't wait to see what you make! gsap.com/blog/3-13

Just shipped: D1 read replication is now live! Run multiple, geographically distributed replicas without paying a multiplier on storage or compute, and use the new Sessions API to manage your consistency mode ⚡️ Read more on the blog:

hi @yusukebe.bsky.social! for new projects using Hono + Zod + OpenAPI, would you recommend `zod-openapi` or `chanfana`? they seem to fill similar purpose with slight syntax differences, so i was curious if either is "preferred" refs: - hono.dev/examples/zod... - github.com/cloudflare/c...

I figured out how to use @tailscale.com and an Apple TV to run a GitHub Actions scraper that routes traffic through my home network - TIL here: til.simonwillison.net/tailscale/ta...

I ported ukiyo-e.org over to @cloudflare.social Workers + R1 (image hosting, about 1TB) + D2 (for DB and search) recently and I'm super happy with it, it's a great experience! Have it using React Router v7 + React 19, about 11 mil dynamic requests/month, served in under 35ms! Total cost ~$25/month.

Oracle justified its JavaScript trademark by claiming Node.js — now it wants that ignored #FreeJavaScript deno.com/blog/deno-v-...

The entire archive of all CDC datasets uploaded before January 28th, 2025 has been backed up on Internet Archive. Incredible work everyone. Science will never be silenced!

WarpStream posts never fail to impress. Such clear writing. The transaction implementation described here is excellent.

@brookslybrand.bsky.social hey- you had posted a while ago about React Router v7 docs.... This graphic was IMO the clearest part of the old docs, and all descriptions of modular design and single responsibility route modules that map data dependencies to slices of UI are missing from the new docs.

#FreeJavaScript update: Oracle has informed us they won’t voluntarily withdraw their trademark on "JavaScript". Next: they’ll file their Answer and we’ll start discovery to show how "JavaScript" is widely recognized as a generic term and not controlled by Oracle.

New basemaps viewer! maps.protomaps.com - maplibre v5 globe mode! - view the daily basemap pmtiles build, remote tileset, or drag-and-drop a local tileset - change the theme and label language - list and download daily builds static site - source at github.com/protomaps/ba...

llm-scraper-worker: Turn any webpage into structured data using LLMs --- A port of llm-scraper to Cloudflare Workers, powered by the browser rendering api and ai sdk. www.npmjs.com/package/llm-...

Buckle up because we're banging into the new year with my annual retrospective of the last year in databases! Highlights include license change blowback, Databricks vs. Snowflake gangwar, @duckdb.org's shotgun weddings, and buying a quarterback to impress your lover: www.cs.cmu.edu/~pavlo/blog/...

📝 An often neglected challenge when working with #ChangeDataCapture and building on top of change event #streams is that of respecting #transactions. This is what my most recent blog post covers in-depth in the context of #Debezium #Kafka and #Flink 👇 www.decodable.co/blog/aggrega...

The latest version of Obsidian Web Clipper adds Interpreter which lets you extract page content and manipulate it using natural language. This is super useful to create consistent data structures for research within your vault. You can run it locally using Ollama. help.obsidian.md/web-clipper/...