Profile avatar
nerdy.dev
#CSS DevRel @ Google on Chrome, @ CSSWG, co-host The CSS Podcast, host @ GUI Challenges, co-host the Bad@CSS Podcast. Creator of VisBug, open-props.style, gradient.style, transition.style & more UI, UX, CSS, HTML, JS https://nerdy.dev
1,279 posts 12,862 followers 510 following
Regular Contributor
Active Commenter
Posts 20 Comments 30

🎉 Introducing my upcoming third course, Whimsical Animations! This course will teach you how to build top-tier animations and interactions using a variety of techniques. ✨ You can join the waitlist on the course’s brand-new site, which is the most ridiculous thing I’ve built in quite some time:

submitted 1 day ago • 37 comments

color: rebeccablack; a valid CSS color, only on Friday

submitted 1 day ago • 2 comments

<big class="notorious"></big>

submitted 1 day ago • 2 comments

fun little #CSS kaleidoscope gradient trick ⤷ nerdy.dev/css-kaleidos...

submitted 2 days ago • 2 comments

Do you have a favorite CSS one-liner?

submitted 5 days ago • 57 comments

Every time someone publishes an article about CSS colors mentioning only rgb(), hex notation, and hsl(), an angel loses its wings. Two angels if the article only mentions the comma-notation for rgb() and hsl(). Three angels if the article only mentions the 6-chars hex notation, rgba(), and hsla().

submitted 4 days ago • 5 comments

CSS @​​function + CSS if() = 🤯 I combined them to build a custom --light-dark() that behaves just like the built-in light-dark() but that is not limited to only <color> values. 🔗 Blog Post + Demo: www.bram.us/2025/02/18/c... 👨‍🔬 Chrome Canary + Experimental Web Platform Features

submitted 6 days ago • 1 comment

✨ feature alert: pseudo class analysis www.projectwallace.com/analyze-css

submitted 4 days ago • 0 comments

Can emoji's save us from naming hell? ⤷ nerdy.dev/css-emoji-co...

submitted 5 days ago • 10 comments

more levels added⁉️ if you're a hands on learner; than this is by far the best way to get a grip of #CSS anchor() ⤷ nerdy.dev/anchoreum

submitted 5 days ago • 0 comments

🚀 ESLint now officially supports linting CSS! Read more: eslint.org/blog/2025/02...

submitted 7 days ago • 4 comments

🤩 Scroll-Driven Animations got switched on by default in WebKit! github.com/WebKit/WebKi... This means that the next Safari Technolgy Preview release should have it, and that a stable release might follow soon 🤤 ℹ️ Learn all about SDA over at scroll-driven-animations.style

submitted 7 days ago • 3 comments

The new Web Weekly is out. 🥂 This time, it includes: - `Number.POSITIVE_INFINITY` - `console.context()` - `hidden=”until-found”` - Customizable scrollbars - Advanced grid-template-areas - require(esm) arrived! 🎉 And, of course, Interop 2025. 🫣 Enjoy! www.stefanjudis.com/blog/web-wee...

submitted 7 days ago • 1 comment

Take this `<dialog>` too classic; cart in the top right, pushes the whole page left to reveal your cart sidenav nerdy.dev/have-a-dialog #CSS

submitted 101 days ago • 6 comments

Take my <dialog> this one slides out from the side with an elegant inset, and also offers a mouse effect to show that it supports light-dismiss nerdy.dev/have-a-dialog

submitted 103 days ago • 11 comments

What CSS features would you most like to see improvements in design tooling for? (Figma, Canva, Adobe et al) What are layout & typography features in design tools the web should have better support for?

submitted 10 days ago • 5 comments

Current Status: CSS Custom Functions + Nested Style Queries. DEMO: codepen.io/bramus/pen/x... (Also: eagerly awaiting inline if() – but that’s not ready for prime time yet)

submitted 11 days ago • 4 comments

Happy Valentines Day ya’ll! ❤️ Traditionally, I always publish a new article about something I love. This year: an experimental feature that I’m really looking forward to. It’s about scroll–markers and the possibility create carousels with just CSS. I also added a cool no-js slick-slider. 🚀

submitted 11 days ago • 2 comments

anyone made a scroll snap demo where mario jumps and punches a gold coin box for each swipe? or even just jumps over a turtle that flys by under his feat. seems like it'd be pretty easy and would look awesome lol

submitted 11 days ago • 3 comments

this has been deployed to production. nerdy.dev please hammer on it, let me know if anything is slow!

submitted 11 days ago • 4 comments