RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconOpen Source Software IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit IconNotebook IconObservable Notebooks IconSlash IconGoogle G Icon
My google avatar.
devrel@google
notecss

🆕 post on web.dev

6 CSS snippets every front-end developer should know in 2023

Toolbelt worthy, powerful, and stable CSS you can use today.

11 comments #

137likes
19reposts
  • Muhammad Hassan
  • Mitch! :debian:
  • GENKI
  • Luis A. Linan
  • Sara Soueidan
  • Andy Coupe
  • Robert Vera
  • Roland Franke
  • Cahit
  • ✏️ iamdtms
  • Deepak Y
  • jem
  • Julio Valls
  • Michael Chadwick
  • Gekito
  • Josef Ježek
  • Tigran 🇦🇲
  • TinyEngines
  • D7460N

Join the conversation on

Your snippets are amazing man, but using layers on all the demos❣️❣️❣️ So so so cool! #css
Pawel GrzybekPawel Grzybek
Amazing Adam! Very useful!!
GustavoGustavo
Did you intentionally use `overflow-x: scroll;` and not `auto` in the scroll snap snippet? 🙂 And thanks, these are great! So much of these features seemed like a dream just a few years ago! ✨
@oren_sh@tooot.im@oren_sh@tooot.im
From a front end dev trying to wrap their head around modern CSS, thank you. I did notice some 500 errors on some of the examples in the linked articles fyi
Ted MoysesTed Moyses
I did go back and check. But couldn't find them. Must have been something temporary. No worries
Ted MoysesTed Moyses
.clearfix
cheddarcheddar
Great, TIL I need overscroll-behavior for Wallace's new devtools feature 👀 Good stuff 🤙
Bart VenemanBart Veneman
CSS Cascade Layers remind me a bit of TypeScript interface declaration merging 🤔 Curious to see how this will be used in practice
Seb ⚛️ ThisWeekInReact.comSeb ⚛️ ThisWeekInReact.com