Andrew Roberts
@andwrobs.com
software engineer, technology hobbyist • (re)posts about software products, web, systems design, cloud infrastructure, maps, iOS, games
Reposted by Andrew Roberts
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
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
October 31, 2025 at 6:28 PM
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
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
Reposted by Andrew Roberts
✍️ 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...
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...
Solved By Modern CSS: Section Layout
Building a typical section design with modern CSS.
ishadeed.com
October 23, 2025 at 7:20 PM
✍️ 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...
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...
Reposted by Andrew Roberts
Reposted by Andrew Roberts
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/...
A quote from Geoffrey Litt
A lot of people say AI will make us all "managers" or "editors"...but I think this is a dangerously incomplete view! Personally, I'm trying to code like a surgeon. A …
simonwillison.net
October 24, 2025 at 2:28 PM
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/...
Reposted by Andrew Roberts
Don't [...spread] or .split() your strings!
Use Intl.Segmenter API. Available in every JS runtime
Use Intl.Segmenter API. Available in every JS runtime
October 23, 2025 at 2:55 PM
Don't [...spread] or .split() your strings!
Use Intl.Segmenter API. Available in every JS runtime
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
October 20, 2025 at 1:08 PM
@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-...
mitchellh.com/writing/non-...
Vibing a Non-Trivial Ghostty Feature
mitchellh.com
October 12, 2025 at 12:40 PM
full transcript of Mitchell Hashimoto vibe coding a Ghostty feature- super cool of him to share!
mitchellh.com/writing/non-...
mitchellh.com/writing/non-...
Reposted by Andrew Roberts
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
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
October 11, 2025 at 7:33 PM
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
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
Reposted by Andrew Roberts
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)
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)
October 9, 2025 at 10:13 AM
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)
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
Ambient Animations In Web Design: "Creating motion can be tricky. Too much and it’s distracting. Too little and a design feels flat. Ambient animations are the middle ground — subtle, slow-moving details that add atmosphere without stealing the show." #CSS www.smashingmagazine.com/2025/09/ambi...
Ambient Animations In Web Design: Principles And Implementation (Part 1) — Smashing Magazine
Creating motion can be tricky. Too much and it’s distracting. Too little and a design feels flat. Ambient animations are the middle ground — subtle, slow-moving details that add atmosphere without…
www.smashingmagazine.com
October 1, 2025 at 10:47 PM
looking forward to pt. 2 of this series, fun one! Smashing Magazine's quality is consistently top-notch
Reposted by Andrew Roberts
SQLite is such a powerhouse.
The State of Vector Search in SQLite
Making vector search fast, memory-efficient, and natural in SQLite.
marcobambini.substack.com
September 26, 2025 at 7:18 PM
SQLite is such a powerhouse.
Reposted by Andrew Roberts
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-...
blog.cloudflare.com/r2-sql-deep-...
R2 SQL: a deep dive into our new distributed query engine
R2 SQL provides a built-in, serverless way to run ad-hoc analytic queries against your R2 Data Catalog. This post dives deep under the Iceberg into how we built this distributed engine, from its metad...
blog.cloudflare.com
September 26, 2025 at 10:29 AM
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-...
blog.cloudflare.com/r2-sql-deep-...
Reposted by Andrew Roberts
Damn this is a thorough and concise article on Liquid Glass in CSS using SVG filters. kube.io/blog/liquid-...
Liquid Glass in the Browser: Refraction with CSS and SVG — kube.io
Explore how to recreate Apple's stunning Liquid Glass effect using CSS, SVG Displacement Maps, and refraction calculations.
kube.io
September 19, 2025 at 3:32 PM
Damn this is a thorough and concise article on Liquid Glass in CSS using SVG filters. kube.io/blog/liquid-...
Reposted by Andrew Roberts
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. 🙂
Just one of the demos I'm planning for the new docs. 🙂
September 8, 2025 at 8:38 PM
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. 🙂
Just one of the demos I'm planning for the new docs. 🙂
Reposted by Andrew Roberts
Visual anagrams are a really clever use of diffusion models.
Many more examples here! dangeng.github.io/visual_anagr...
Many more examples here! dangeng.github.io/visual_anagr...
August 19, 2025 at 8:56 PM
Visual anagrams are a really clever use of diffusion models.
Many more examples here! dangeng.github.io/visual_anagr...
Many more examples here! dangeng.github.io/visual_anagr...
Reposted by Andrew Roberts
Lots of questions about how to get the FPS meter to show up and a few other CSS rendering debugging tools
August 7, 2025 at 2:31 PM
Lots of questions about how to get the FPS meter to show up and a few other CSS rendering debugging tools
Reposted by Andrew Roberts
July 22, 2025 at 4:48 PM
Reposted by Andrew Roberts
July 12, 2025 at 10:04 PM
Reposted by Andrew Roberts
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-...
Liquid Glass, but in CSS
This past week marked the start of WWDC25, Apple's yearly developer conference where they reveal new platforms, technologies, and (most relevant here) design languages. During the presentation they…
atlaspuplabs.com
June 30, 2025 at 5:02 PM
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-...
Reposted by Andrew Roberts
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)
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)
May 13, 2025 at 7:05 AM
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)
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."
- 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."
Scaling Test Time Compute to Multi-Agent Civilizations — Noam Brown, OpenAI
Podcast Episode · Latent Space: The AI Engineer Podcast · 06/19/2025 · 1 sec
podcasts.apple.com
June 20, 2025 at 11:49 PM
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."
- 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!!
Happy to see v2!!
Biome v2—codename: Biotype is here! The first type-aware linter that doesn't require tsc
🔐 Type-aware lint rules
🧑🚒 Plugins
📚 Monorepo support
📝 Revamped, configurable import sorting
🧐 Linter domains
🙅♀️ Bulk suppressions
👩✈️ Analyzer assist
🔐 Type-aware lint rules
🧑🚒 Plugins
📚 Monorepo support
📝 Revamped, configurable import sorting
🧐 Linter domains
🙅♀️ Bulk suppressions
👩✈️ Analyzer assist
June 18, 2025 at 3:26 PM
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!!
Happy to see v2!!
Reposted by Andrew Roberts
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
June 12, 2025 at 2:39 PM
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
React Router Open Governance
React Router is moving to an Open Governance Model
remix.run
June 5, 2025 at 3:59 PM
Reposted by Andrew Roberts
