4,027 views · 6 active
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
I don't think I thought too hard about it 😅 Auto is more likely what I have in my CSS tho yeah
Adam ArgyleAdam Argyle
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
oh snap! remember which ones? i just double checked and they seem good?
Adam ArgyleAdam Argyle
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