Another split & offset text without any duplication whatsoever. Contenteditable. No JS. All with the power of #SVG #filter magic! 🪄✨ Live demo on @codepen.io: codepen.io/thebabydino/...

hairlines in design? coo. hairlines in old age? not coo.

We're playing the CSS is Awesome Game again this year – run by @stacykvernmo.com, with @davatron5000.bsky.social, @castastrophe.bsky.social, @nerdy.dev, and myself as competitors. Join us, and play along in the chat! #css youtube.com/live/xcEnjGP...

color tools have such fun content to work with nerdy.dev/bring-the-co...

What do arrays and guitar have in common? 0 indexing 🤘💀

makin characters with the kids tonight, CSS minecraft style voxels.layoutit.com

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

shout out to @frehner.me for adding name only container queries in Safari! bugs.webkit.org/show_bug.cgi...

CSS text-decoration-inset landed in Firefox 146! Here's how it works:

🦖 Random MDN: CSSMathInvert 🦖 https://developer.mozilla.org/en-US/docs/Web/API/CSSMathInvert The CSSMathInvert interface of the CSS Typed Object Model API represents a CSS calc() used as calc(1 / <value>). It inherits properties and methods from its parent CSSNumericValue. #webdev

will you be adding @scope to your CSS?

Just me or was webGL tooling on 🔥 in 2025? nerdy.dev/the-year-of-...

how was I unaware of this!! CSS you tricky devil

“CSS is the next best thing to use, and it can be used for many kinds of interesting attacks," Rebane said, arguing that CSS qualifies as a programming language.

taste and vocabulary, timeless skills.

#CSS `@custom-media` feature flags create your own true or false media queries nerdy.dev/custom-media...

Fit width text in 1 line of CSS `text-grow: per-line scale;` nerdy.dev/css-text-grow (prototype in Canary 165+)

ouch?

Gecko: Intent to prototype and ship: rch, rex, rcap, and ric CSS units

I have a new article out on @frontendmasters.com: Non-Square Image Blur Extensions frontendmasters.com/blog/non-squ... It details the how behind creating the base effect with a single `img` element and only 4 #CSS declarations, then... well, check the article, I promise you'll learn something new!

✅ adjust font size for desktop ✅ no text wrapping, flex just to be sure 😂 sike, font always 14px Can’t be bothered with <a> links, too much style baggage to deal with Pretty funny story on that poor div

About to have CSS ANCHOR POSITIONING FULLY CROSS-BROWSER!!

Here’s a question I get a lot: > “Now that AI can generate front-end UIs for us, what’s the point of learning CSS ourselves?” I think there are lots of reasons, including that you can use AI much more effectively if you understand CSS yourself. But is that actually true? Let’s discuss. 🧵

How to use #CSS to fix the irradiation illusion / How to adjust perceived font weight in dark mode without layout shift nerdy.dev/adjust-perce...

in Warp: peep that "take over" button easily jump in, answer y/n Qs, OTP, login, etc #UX

love seeing all the #CSS subgrid excitement in my timeline!! def @joshwcomeau.com inspired 🤘🏻 now that your subgrid interest is piqued, checkout a post I made too‽ maybe even just for the long list of resource examples at the end web.dev/articles/css...

Midi Meets CSS out now! @beyondtellerrand.com 🤘🏻 nerdy.dev/midi-meets-c... www.youtube.com/watch?v=PMx-...

CSS piccalil.li/complete-css HTML (actually frontend a11y) practical-accessibility.today JavaScript piccalil.li/javascript-f... Design piccalil.li/mindful-design A full suite of courses for people working on the web 💜

Chrome 144 features a small change to #CSS overscroll-behavior: it now also works on non-scrollable scroll containers. While this change might seem trivial, it fixes an issue people have been dealing with for ages: prevent a page from scrolling while a <dialog> is open. www.bram.us/2025/11/25/u...

concentric superellipse() ❤️ (sick band name)

A great, practical article teaching you about the newer sibling-index() and sibling-count() functions in CSS. frontendmasters.com/blog/stagger...

Capture → Adapt → Code find, fork, adapt, iterate, export Quick thoughts on an emerging workflow: SuperDesign + Cosmos + Mobbin nerdy.dev/capture-adap...

`superellipse(1.25)` pills are ill, what a fresh shape #CSS nerdy.dev/superellipse...

I really can't wait to show you my CSS layout course. I'm learning a few things along the way. Currently, I'm working on some grid explanation and it's so much fun to have some aha-moments. Teaching is learning! ❤️ You can sign up for details: layoutmaestro.ishadeed.com

🚀 New micro-project: Grid Paper. A little app for creating printable grid and graph paper. grid-paper.daverupert.com

2025 is not going how I'd predicted, but I'm willing to flow like water through the twists and turns nerdy.dev/update-on-my...

At the CSS WG meeting, we're discussing possibly natively doing fit-text in CSS. Send us your use cases (with screenshots/links)! Do you ever need to fit multi-line text? Do you ever need to fit non-text inline elements (e.g. icons)? Do you adjust font-size, letter-spacing, or both?

CSS masonry layouts have resolved to use grid-lanes as the syntax

Rad dithering breakdown / interactive learning experience visualrambling.space/dithering-pa...

Calling all web developers! Browsers are all meeting up next week (www.w3.org/events/tpac/...). I want your voice to be heard! Tell me your biggest problems, and tell me what you want to see from the platform. What problems are tough to solve, but could be easier?

lol, look what my CSS Bluesky feed found!

a new #CSS <color-input> enters the ring try it codepen.io/argyleink/pe... source github.com/argyleink/cs...

give it an upvote if you agree that #CSS outline shape should continue to match the element when using corner-shape issues.chromium.org/issues/45840...

“when you see a passionate weirdo, it just rubs off on you” — @nerdy.dev live sampling + sequencers + banjo + CSS + endless enthusiasm + unleashed creative energy impossible to watch Adam without smiling

Maybe a better question is: What doesnt a web element know?

Watch for tips, tricks, and blunders in tech interviews for 2025 nerdy.dev/on-general-m...

What'd I miss? components know: - user stuff - device stuff - app stuff - design stuff - what stuff is in them - what stuff they're inside - etc It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓 #CSS nerdy.dev/components-c...

ep216 of @whiskey.fm (live) All Things Open 2025 @shrutikapoor08.bsky.social shares her career journey, career tips, tricks, and trips, and a little bit of whatnot in this episode with host @robbiethewagner.dev and guest host @jason.energy nerdy.dev/www-ep216-wi...

There's a new #CSS Working Group poll to get feedback on different names for the infamous 'Pinterest' layout. - Since it uses many of the grid-* properties, `grid` will be in the name somewhere - We don't use metaphors in CSS names, so `masonry` is not listed here docs.google.com/forms/d/e/1F...

oh snap, JIT MCP Warp doesn't make me install MCP servers, it offers to install them, just in time, when it needs the tool. Great UX. nerdy.dev/try-warp