Tootfinder

How to Keep Up With New CSS Features | CSS-Tricks
https://css-tricks.com/how-to-keep-up-with-new-css-features/
Oh, the State of CSS survey is open... And ßmore good sources.

There's `@starting-style` in #CSS https://developer.mozilla.org/en-US/docs/Web/CSS/@starting-style but no 'ending-style' 🫠
Wondering how it got spec-ed out in…

@starting-style - CSS | MDN
The @starting-style CSS at-rule is used to define starting values for properties set on an element that you want to transition from when the element receives its first style update, i.e., when an element is first displayed on a previously loaded page.

🇺🇦 #NowPlaying on #BBC6Music's #HuwStephens
CSS:
🎵 Let's Make Love And Listen To Death From Above
#CSS
https://cocolah.bandcamp.com/track/lets-make-love-and-listen-to-death-from-above
https://open.spotify.com/track/1Jd9W7k8DTnBSovDSxK77n

#UX designer: Carousels are bad from a usability perspective
Web dev: We have recreated the carousel from the classic research paper "don't use carousels" entirely in #CSS

Carousels with CSS  |  Blog  |  Chrome for Developers
Support scroll experiences with navigation buttons and markers with just a few lines of CSS.

🇺🇦 #NowPlaying on KEXP's #ElSonido
CSS:
🎵 Alala
#CSS
https://gbfsoundtrack.bandcamp.com/track/alala
https://open.spotify.com/track/5QwcaUESJ4qwogr8kCuFoG

CSS Zen Garden #CSS #design #zen

Howdy! 🤓 How do you all handle native #CSS Nesting at the moment? Are you using it already? And if so, are you just targeting newer browsers that support it? Or are you using PostCSS, for example?
Asking for a friend who has reduced his build process to the max (nothing but a little esbuild script) and is now hesitating to add PostCSS again… 😉

My top #CSS tip is this: treat it like you treat other code.
* Once it works, clean it up before committing code
* Refactor as needed when you make changes
* Investigate & understand the root cause of bugs before fixing them

Learn #CSS Subgrid in 14 minutes
https://www.youtube.com/watch?v=Yl8hg2FG20Q

TIL: #CSS `transform: skewY(…) translateY(…);`. See in in action on https://villepreux.net/web/. Not sure if I love it or hate it, but it's technically impressive either way.

Web - Villapirorum
Villapirorum webdev page

I did lol at the #CSS #font rule for @…’s PIxel Envy blog. Is “Literally Anything Else” (ahead of #Arial

That's kind of neat.
#CSS #Glass

Where is #CSS subflex when you need it? 😁

My top #CSS tip is this: treat it like you treat other code.
* Once it works, clean it up before committing code
* Refactor as needed when you make changes
* Investigate & understand the root cause of bugs before fixing them

🤩 The latest Safari 26 Beta does not disappoint in terms of #CSS features:
⚓️ Anchor Positioning!
🪄 Scroll-driven animations!
🌯 text-wrap: pretty!
🌈 contrast-color()!
⏲️ progress()!
and more!
And this sentence: “We value the principles of progressive enhancement and separation of concerns.” 😉
Great work, @…

News from WWDC25: WebKit in Safari 26 beta
Welcome to WWDC25!

I‘m afraid I won’t be able to make it to this year’s #CSSDay. 😔 And, looking at the stellar lineup and all the lovely people who will be there, FOMO is already huge! 🥲
Watching the talks remotely might help a bit, but just can’t replace the onsite experience …
ht…

CSS Day 2025, 5th & 6th of June, Amsterdam
CSS Day is the conference for CSS designers, developers, spec writers, and browser vendors.

Building the right mental model is always crucial. Build the wrong one, and you'll forever be confused. Get it right, and everything makes sense.
#CSS

Alright, so … #CSS!

Quick #CSS tip: If you unset all styles of a button with `all: unset`, don’t forget to re-add all the styles you need, like `box-sizing: border-box` or focus styles, which previously might have been coming from a rule with lower specificity (*) or the user agent stylesheet.

🇺🇦 #NowPlaying on #BBC6Music's #NickGrimshaw
CSS:
🎵 Let's Make Love And Listen To Death From Above
#CSS
https://cocolah.bandcamp.com/track/lets-make-love-and-listen-to-death-from-above
https://open.spotify.com/track/1Jd9W7k8DTnBSovDSxK77n