AMW

If you've ever needed to design and implement a 'Quick exit' bar for a site (usually for an at-risk audience), this is the most phenomenally well-researched and complete thinking I've seen on the topic. 10,000 words and all of it valuable. Bookmark it. dl.acm.org/doi/fullHtml...

How to load CSS (fast) Loading styles on the web is something that looks trivial at first. You just add a <link rel=stylesheet> to your page (or <style> for inline styles) and you're done. But if you wanted to load CSS fas...

Web Performance Calendar day 13 with Yoav Weiss (@yoav.ws) showing us a clever and creative way to ship *only* critical/necessary CSS for each page type (home, search, etc) while also avoiding duplicate code in the CSS bundles.

calendar.perfplanet.com/2025/how-to-...

That’s your email app trying to frisk your network?

Weird. You’d think the url alone should be a big enough signal

Interesting. Is this because AI-generated spam is harder to tag as different from traditional spambot fare?

Technology regrets: Synology NAS. Overly complicated, over-engineered and temperamental. Thought I was permanently solving a longtime problem but just swapped for new ones. #wouldntdoagain

Deep cut! Nice.

I prefer to look at it as swap. Some jewels for a pretty dope ladder, right?

First 10 minutes into MacOS #Tahoe. First gut feel: I try hard not to just react to the 'NEW=BAD'ness of it, but, boy, there's seems to be a lot of new visually busy-ness without an obvious benefit.

Yes, I remember thinking years ago, 'who would ACTUALLY ever code on their phone?'. Turns out, increasingly often, me. Sometimes it's just a case of : An idea occurs and I'd have to go upstairs to grab my laptop and bed is cosy.

Whimsical Animations Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!

whimsy.joshwcomeau.com

Whimsical animations page showing a small purple synthesizer.

Amazing work on @joshwcomeau.com's new course page. Click around and find the very playable keyboard - complete with phaser, tremelo, distortion and more. 🤯😍https://whimsy.joshwcomeau.com/

I remember Paul Simon wanted people to call him 'AI' years ago. Miles ahead of his time, that guy.

I think that makes the Roomba your line manager?

Worlds Collide: Keyframe Collision Detection Using Style Queries | CSS-Tricks Interactive CSS animations with elements ricocheting off each other seem more plausible in 2025. While it’s unnecessary to implement Pong in CSS, the increasing flexibility and power of CSS reinforce ...

Aww! And got a nice shout out in Lee's CSS Pong update too!
My “glittering city of hacks built on the banks of the ol’ Hack River. On the Planet Hack.“ :)
css-tricks.com/worlds-colli...

How to Discover a CSS Trick | CSS-Tricks Do we invent or discover CSS tricks? Lee Meyer discusses how creative limitations, recursive thinking, and unexpected combinations lead to his most interesting ideas.

As someone who has heard 'why wouldn't you just use JavaScript to do that?' too many times to recall, I really resonated with this piece from Lee Meyer.
css-tricks.com/how-to-disco...

Thanks. Yes it's a useful function. I have 300 location names with the same logotype. Feels like something that should be managed by the CSS ideally.

@joshwcomeau.com I found your @container query piece a great foundation. Am I wasting my time trying to use @container to make a text element where the font-size gets smaller as you add more characters (i.e. the width stays the same)? I'm pretty sure I am..

This is SUCH as great lead-in to not just what SVG is, but why it is so fun and powerful to work with. It's easy to lose designers at the moment you mention the idea of 'making an image by typing with code'. This introduction makes that mental leap so much more 'jumpable'.

I can’t see and way ‘Good Vibrations’ and ‘God only knows’ aren’t in the greatest 50 songs of all time. Maybe 25 even. Fair effort.

@shibcodes.bsky.social telling us to “Stop using React”. As a recent 11ty convert, I love that advice. #webdirections

TIL: ‘Cumulative Layout Shift’ - or how much your page changes when fonts load later - is a measurable metric in chrome Dev Tools. #webdirections.

May from Refugees Code, looking for employment partners, laptops and mentors for #webdiections

Fershad Irani talking about ‘energy grid-sensitive’ coding and infrastructure. Interesting ideas. #webdirectionscode2025

This is nuts! What is going on here?

Heya Craig! Great to see you're here too! Been having a look through Publican. Nice work! I built my first site with #11ty recently. What would be the most compelling reason to switch to Publican?

Censorship resistant data format. Seems like a sadly timely idea.

/* DC */ #BruceWayne, #DickGrayson, #ClarkKent { orphans: 3; } #Bizarro { content: "Superman"; transform: scaleX(-1); } #JayGarrick { #WallyWest, #BarryAllen, #BartAllen, #AveryHo { animation-duration: 0.000000001s; } #DinahDrake, #DinahLance { color: #000; volume: x-loud; } #OliverQueen { content: "\2192"; color: #008000; }

/* Marvel */ #PeterParker { position: sticky; } #NatashaRomanoff { color: #000; widows: 1; } #ReedRichards { flex: 1; } #SueStorm, #SueRichards { visibility: hidden; opacity: 1; will-change: opacity; } #BlackBolt { speak: never; } #PietroMaximoff { animation-duration: 0.000001s; color: #c0c0c0; } #WandaMaximoff ~ .mutant { all: unset; }

comiCSS #11: superheroes.css
comicss.art/comics/11/su...

Different DC and Marvel superheroes described using CSS. Some of them are a bit of a stretch or too niched (or both), but at the time it looked like a fun approach, so I even did a second take on this idea 20 cartoons later.

#css #cartoon

#breathtakingleaps

i was told that my blog post on making an accessible toast notification had a typo.

so of course when i fixed that, i also ended up adjusting some of the content and adding a whole new section about popovers at the end.

www.scottohara.me/blog/2019/07...