CSS Can Do That At Smashing Meets

Recording is live! Watch CSS Can We Do That on YouTube via Smashing Meets CSS online event. | Continue reading

---

@nerdy.dev | 3 days ago

Customize A Select

Get ready! The element can now be customized with CSS, check out the post on the Chrome Blog! Finally render custom HTML inside an Works without JS Easy to progressively enhance | Continue reading

---

@nerdy.dev | 15 days ago CSS Carousel In Chrome 135 We just announced how CSS can make carousels on the Chrome Blog! Incredible accessibility Works without JS Builds upon regular scrollers CSS Carousel Configurator: I made this so you can directly see the relationship of a feature you want and the related CSS. CSS Carousel Gallery … | Continue reading

---

@nerdy.dev | 19 days ago Rainbow Shadow Button Add a rainbow shadow effect with hue longer interpolation and a little bit of blur(). Try it in this Codepen | Continue reading

---

@nerdy.dev | 20 days ago Google Io 2025 Gettin' rrready for Google IO! | Continue reading

---

@nerdy.dev | 23 days ago Smashing Meets CSS 2025 Join me, Julia, Miriam and Geoff April 1st for the virtual event Smashing Meets CSS. | Continue reading

---

@nerdy.dev | 23 days ago Let the stagger experiments begin 2019, I proposed an idea to help remove a ton of boilerplate code from CSS and HTML while also making stagger effects easier on authors. The proposal ended up being sibling-index() and sibling-count(). Fun news! You can try it in Canary today and I've got this little example to h … | Continue reading

---

@nerdy.dev | 29 days ago View Transitions 3d Perspective To give View Transitions a perspective, either: ::view-transition-image-pair(--foo) { perspective: 500px; } /* or */ ::view-transition-new(--foo) { transform: perspective(500px); } Hope this finds someone well. | Continue reading

---

@nerdy.dev | 1 month ago CSS Kaleidoscopes Gradients are so fun, so complex, so powerful. I just can't get enough of messing with them. Todays post was me wanting to create a kaleidoscope type effect using linear() easing with varied durations for hopefully infinite combinations. Here's a spiffy preview of some of the com … | Continue reading

---

@nerdy.dev | 1 month ago An Emoji Naming Convention There are many new places in CSS for naming. You can now quickly find yourself using the same name, which is unique, but it's unique in a context… and that's really hard to remember. Here's a simple example: @keyframes foo {} @property --foo {} .element { --foo: bar; animati … | Continue reading

---

@nerdy.dev | 1 month ago Anchoreum Need a rad way to learn CSS anchor? Look no further than anchoreum.com! | Continue reading

---

@nerdy.dev | 1 month ago 39 Today 39 today, wheeee… | Continue reading

---

@nerdy.dev | 1 month ago Scroll Driven Animations Notebook For chill time I'm adding to this scroll driven animations notebook. Some pretty wild stuff in there already, gettin wierder each bedtime routine. | Continue reading

---

@nerdy.dev | 2 months ago New Footer Went Big New , Went big. | Continue reading

---

@nerdy.dev | 2 months ago 6 CSS Snippets Every Front-End Developer Should Know In 2025 · 19 January 2025 Springy easing with linear() Typed custom properties View transitions for page navigation Transition animation for dialog and popover Transition animation for details Animated adaptive gradient text adactio.com/links/21678 | Continue reading

---

@nerdy.dev | 2 months ago New 404 Page New 404 page: glitchtastic VisBug loaded so you can edit or destroy the page | Continue reading

---

@nerdy.dev | 2 months ago Bad At CSS With Lane Wagner Ep #14 🎙️ Bad At CSS Podcast Backend dev Lane Wagner, of boot.dev and host of Backend Banter FM, guests this week sharing what do backend dev think of CSS. ⤷ badatcss.com · youtube · spotify | Continue reading

---

@nerdy.dev | 2 months ago 6 CSS Snippets Every Front-End Developer Should Know In 2025 2025; I think every front-end developer should know how to enable page transitions, transition a , popover, and , animate light n' dark gradient text, type safe their CSS system, and add springy easing to animation. AI is not going to give you this CSS. This post is a theme conti … | Continue reading

---

@nerdy.dev | 2 months ago Advanced Attr Advanced attr() in Chrome 133. Opening new ways to integrate with CSS from your HTML: [scroll-snap] { scroll-snap-align: attr(scroll-snap type(start | center | end)); } Try it & learn more from Bramus @ Chrome Developers | Continue reading

---

@nerdy.dev | 2 months ago Scroll State Container Queries My @container scroll-state() article is live! developer.chrome.com/blog/css-scroll-state-queries Stuck state: Triggered when an element is stuck. Snapped state: Triggered when an element is snapped. Scrollable state: Triggered when an element is overflowing. | Continue reading

---

@nerdy.dev | 2 months ago Pure CSS Scroll Spy Table Of Contents Pure CSS Scroll Spy Table of Contents Kevin Pow()ell and I go over the CSS Wrapped 2024 site and break down the scroll spy component to uncover the CSS scroll driven animation powering it. | Continue reading

---

@nerdy.dev | 2 months ago Open Props UI Presenting Open Props UI! Imagine ShadCN and Open Props had a baby. It's just turned hit v1 with 25+ components ready to copy and paste. Open Props UI, the UI of the future (or now, with feature flags). Components you can copy or paste into your projects.Open Props UI Homepage Tr … | Continue reading

---

@nerdy.dev | 2 months ago Text Box Trim My text-box article is live! https://developer.chrome.com/blog/css-text-box-trim Did you miss my text-box prediction? Don't miss this interactive notebook, helpful for feeling out the effects and edge cases. | Continue reading

---

@nerdy.dev | 2 months ago Introducing The Nerdy Notebook February 2018; I wrote my first Observable notebook. I really liked how I could seamlessly provide interactivity and proof for the content I was trying to teach. June 2024; First working git commit is pushed for a self hosted Observable variant called Framework. 🤘🏻 … | Continue reading

---

@nerdy.dev | 2 months ago :hover > :not(:hover), sorry not sorry I don't see this technique enough: focus by demotion. Very often we create focus by promotion: hover to create a glow, focus rings, or even just making text bold. I've found, that creating focus by pushing back, blurring or obfuscating the items not being shown interest, can sign … | Continue reading

---

@nerdy.dev | 3 months ago Nerding Out With Kevin Powell "Nerding out about CSS": Watch or Listen General Musings with Kevin Powell | Continue reading

---

@nerdy.dev | 3 months ago Repeating Linear Gradient Text Saw this on a skateboard, had to make it in CSS. background: repeating-linear-gradient( to bottom, #000 0px var(--_stripe-size), #fff var(--_stripe-size) var(--_stripe-gap) ); Ended up not just being gradient text, but a repeating gradient text effect 🤓 Fun: CSS … | Continue reading

---

@nerdy.dev | 3 months ago Animated Gradient Text Animated gradient text is like the poster child of AI right now. Gotta have that animated gradient text sparkle button thingy to be cool. So here! Steal the recipe. | Continue reading

---

@nerdy.dev | 3 months ago 5 CSS Snippets Every Front End Developer Should Know In 2024 Earlier this year, I wrote 5 CSS snippets every front-end developer should know in 2024 on web.dev. I think it holds up! Checkout the 6 snippet 2023 edition | Continue reading

---

@nerdy.dev | 3 months ago A powerful container query While working with CSS carousels, I needed a solution that could adapt the position of the scroll buttons to be either inside or outside based on the available space. I'm using anchoring to pin the buttons wherever I want, and when they're outside, there's potential for them to b … | Continue reading

---

@nerdy.dev | 3 months ago 28 Years Of CSS Today marks 28 years of CSS! "CSS1" created in 1996. | Continue reading

---

@nerdy.dev | 3 months ago CSS Wishlist 2025 CSS Wishlist time! Sarah Gebauer shared recently and inspired me. Thanks Sarah! I'm also enjoying Johannes Odland's Web Wish series. Keem em' comin! Previously in 2013, CSS Tricks made a Wishlist, and look at how much of it we have now! Fast forward to last year where Chris Coyie … | Continue reading

---

@nerdy.dev | 3 months ago A Rescued Cookie Party It's cookie party day with our friends, but both kids are sick (and my spouse isn't 100% either), and we call in sick… So, I bundled everyone on the couch, and we giggled (wrong family, too many hands, etc) our way through making cookies with AI. | Continue reading

---

@nerdy.dev | 3 months ago Can You Kern Test your eye, trust yer guts; be compared. kerntype, a letter spacing game - by Mark MacKay Can you kern? | Continue reading

---

@nerdy.dev | 4 months ago CSS Wrapped 2024 The Chrome Devrel Team is stoked to release our recurring recap of CSS in Chrome; CSS Wrapped 2024. Here's a preview! Things to try: Make the dino dance Find the hamburger Toggle light & dark Gimme gimme! # Read the announcement post or just go straight to the microsite! Checkout … | Continue reading

---

@nerdy.dev | 4 months ago 7 Years At Google 7 years at Google 🙂 | Continue reading

---

@nerdy.dev | 4 months ago Gradient Tool Now Exporting Custom Properties Small update for gradient.style, the provided CSS for your creation is now custom properties and not classes. Check it out‽ | Continue reading

---

@nerdy.dev | 4 months ago November games we're playin Super exciting set of games here! Been really fun going through each with the fam. Windblown may be a bit violent, but we've been playing Dead Cells, Hades II and Cult of the Lamb… so we're ok with it when it's in good taste. Oddada # Get this game and get a bunch of cool instrum … | Continue reading

---

@nerdy.dev | 4 months ago Have a dialog 3 free, semi-fancy, dialog examples for you and 1 dialog that can open and close without JS. They use CSS transitions for interruptible user experience and Open Props for the values. Push it real good # Scale back the page, dim the background to set the mood, and slide in the mod … | Continue reading

---

@nerdy.dev | 4 months ago I Put A Workshop On Chrome Developers Youtube UI Workshop Sprinkle scroll driven animations, view transitions, popovers and container queries onto an ecommerce home page with me! Video · Code | Continue reading

---

@nerdy.dev | 4 months ago A CSS Logo Hatches! With 400 votes, rebeccapurple is the community chosen logo color for CSS! This puts a bow on the concept we've been working on with the community 💜 New repo # Checkout the shiny new repo that will hold the logo, alt formats, and eventually variants for CSS4, CSS5, and bey … | Continue reading

---

@nerdy.dev | 4 months ago Hue Light Travel Planet Morph Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug. | Continue reading

---

@nerdy.dev | 2 years ago Device Width Is Like Device Color Gamut Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug. | Continue reading

---

@nerdy.dev | 2 years ago Stable Diffusion Gui Challenges Skull Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug. | Continue reading

---

@nerdy.dev | 2 years ago Deno And Dependencies Deno & Fresh have been rad.Same goes for Deploy. but… 95% of the issues have been deps. I have deps on NPM, deno.land, esm.sh, and unpkg… if any of these services hiccup, and I try and build; builds fail. No single service can serve all the modules I need, and I don't need th … | Continue reading

---

@nerdy.dev | 2 years ago Page 1

---

© 2005-2025 IN2 Say hello Design: HTML5 UP