Andrew Hudson

A group of handdrawn fish.

Why I 🧡 the web.

drawafish.com

Just draw the fish. Trust me. 🐟

Very cool! Do you know if it is possible to define the boundaries when the target changes or is it always a specific percentage of the target being visible?

YouTube video by Una Kravets Build a scroll spy in 2 lines of CSS with scroll-target-group and :target-current

New ~3min *first look* CSS video to accompany my most recent blog post 👀

Walking you through the new scroll-target-group property and showing how you can build a scroll-spy effect with just 2 lines of CSS!

www.youtube.com/watch?v=nEJ9...

Brick by brick: Help us build CSS Masonry  |  Blog  |  Chrome for Developers Help test the proposed masonry syntax in Chromium.

CSS masonry is going into developer trial (behind a flag) in Chromium. Learn how to test the implementation and give your feedback in this post from the Microsoft Edge team developer.chrome.com/blog/masonry... #css

Goose bumps watching the #tdf2025

Why the hell is Lenny Martinez in the break? Its a "flat" stage and the break are bound to be caught before the finish as that's where there's plenty of hills in the finale. #tdf2025

@kevinpowell.co if you check out Safari Tech Preview it works there!

well that is a big pile of merde, did AI Design this pile of crud?

YouTube video by Web Conferences Amsterdam Form control styling - Tim Nguyen - CSS Day 2025

Really great Future "Form Control Styling" at CSSDay by @ntim.bsky.social Can't wait to try out some of these features when they start to trickle into Safari Tech Preview / Chrome Canary in the future! www.youtube.com/watch?v=WgSi...

Either 11ty or Astro.

Just fetched the kids from school as it is too hot #grenoble Too hot at home as well, but at least we have fans and cold water they can use.

[css-contain-3][css-grid-2] Interaction between subgrid, and containment. · Issue #7091 · w3c/csswg-drafts Most layout algorithms only allow communicate with their direct children. When size container queries are present this is important as we can: Determine the size of the block. Determine the style f...

must be the sub-grid and container-type: inline-size combo. Possibly this reason? github.com/w3c/csswg-dr...

Here's a little overview of my app PocketCal, if you haven't tried it yet!

pocketcal.com

D

Blink: Intent to Ship: CSS Corner shaping (corner-shape, superellipse, squircle)

YouTube video by Nordcraft Create a spinning text animation in Nordcraft.com

Watch how to create a cool spinning text effect with css transforms and keyframe animations.

Unless you are in the middle of watching talks from @cssday.nl, then just finish those first

www.youtube.com/watch?v=Nuu-...

I have found it in one of the demos: gap-rule-paint-order: column-over-row;

is it possible to decide which gap line is shown above the other e.g. in this demo codepen.io/bigandy/pen/... it looks as if the red (row) line is above the blue (column) one.

This is really cool! Style the gaps in grid layout. In Chrome Canary with Experimental Web Platform features flag enabled.

there is a prototype in Chrome Canary behind a command line feature flag. See issues.chromium.org/issues/40693... and nerdy.dev/css-mixins-r...

Gutted to not be at #cssday as it is the best conference I've been to and this years lineup is absolutely stunning. Looking forward to watching the videos when they're released.

you should absolutely try this one by @nerdy.dev gradient.style

what's the biggest strength you're brining to the Web Dev Challenge? with @jzhao.xyz and @strange.website

watch the full episode: codetv.link/wdc/s2e4

YouTube video by Salma Alam-Naylor The promise that wasn't kept (by AI)

Seeing as yesterday's article popped off a bit, I woke up this morning and decided to turn it into a video.

The kids yearn for the videos, after all.

its even worse if you have Chrome and also Canary...something on my Mac means I cannot access local sites on my local network (e.g. on my Raspberry Pi) with Chrome or Canary. Toggling the permissions to off does nothing.

I think it is up to the Browser Dev tools to surface the actual values, something Chrome is going to be doing from version 138 see bsky.app/profile/bram...

looks as if there is a test suite here: wpt.live/css/css-valu... and media/style/supports queries are all supported in Chrome 137+ (not container size queries so far).

and it looks as if Chromium are also working on it: issues.chromium.org/issues/40106...

👀 Coming to Chrome DevTools in Chrome 138: CSS Value Tracing

When you hover a --custom-prop in a `var()`, DevTools currently shows you the computed value. From Chrome 138 onwards, you can hover the `var` part to see how CSS actually got to that value.

Yes definitely. I currently use issues.chromium.org/issues but have to search for issues or know they are being worked on to know of their progress.