Standard Search

https://nerdy.dev/hello-amazing-css-day-and-amsterdam · 5 Jun 2024

So excited to be back in Amsterdam for CSS Day ! Find me at a booth, ask me about CSS carousel , typography, devtools, or whatever! See you there! Find the videos here if you can't make it, they're super worth it.

note css

Single Keyframe Tricks Are Magic

https://nerdy.dev/single-keyframe-tricks-are-magic · 31 May 2024

Ep #9 🎙️ Bad At CSS Podcast David East and I discuss (and show on YouTube ) how rad single keyframes can be. ⤷ badatcss.com · youtube · spotify

note css shows

CSS Physics

https://nerdy.dev/css-physics · 31 May 2024

Physics in CSS! I transferred a JS physics function into CSS thanks to sqrt() , exp() , sin() , cos() and @property . :root { --mass : 1 ; --stiffness : 100 ; --damping : 5 ; --start-velocity : 0 ; } Check it out on Codepen . Change the properties and see ...

note css

Next Level CSS Centering Headed Your Way

https://nerdy.dev/next-level-css-centering-headed-your-way · 30 May 2024

There's a whole next level of CSS centering that's about to land on y'all and blow yer mind. I warned you.

note css

The Looper Pile Mini Web Machine Fushion

https://nerdy.dev/the-looper-pile-mini-web-machine-fushion · 30 May 2024

Ep #3 The Looper Pile - Mini Web Machine Fusion ⤷ layout a "Looper" with the "Pile" This episode represents the overarching theme of the series! Combining small bits of code together can be a great way to build larger experiences. Watch episode 3 on YouT...

note css html shows

On being extra

https://blog.damato.design/posts/on-being-extra · 29 May 2024

Your T-shirt scale isn't scalable

css tokens naming

Some Fun CSS Typography Before Bed

https://nerdy.dev/some-fun-css-typography-before-bed · 25 May 2024

Prefer the light or the dark mode? Try it on Codepen .

note css

Bad At CSS Container Queries

https://nerdy.dev/bad-at-css-container-queries · 24 May 2024

Ep #8 🎙️ Bad At CSS Podcast David East and I discuss container queries and try to tell you everything you'll need to know. ⤷ badatcss.com · youtube · spotify

note css shows

Using @starting-style and transition-behavior for enter and exit stage effects

https://nerdy.dev/using-starting-style-and-transition-behavior-for-enter-and-exit-stage-effects · 20 May 2024

How to leverage first render and display: none as transition triggers for any element

blog css

Starting Style Everything

https://nerdy.dev/starting-style-everything · 15 May 2024

Normally @keyframes would be used for this technique, but with @starting-style we can transition . * { transition : opacity .5 s ease-in ; @ starting-style { opacity : 0 } } Triggers via: page load inserted into the DOM going from display none to a visible...

note css