23 CSS features you should know (and be using) by now

From the creator

Links to all the demos we used are below 👇 Huge thanks to Adam Argyle for joining me with this one! Make sure to follow him! https://nerdy.dev/ - Twitter: https://twitter.com/argyleink - Mastodon: https://front-end.social/@argyleink 🔗 Links :focus-visible https://codepen.io/argyleink/pen/YzMjmjR :focus-within - https://codepen.io/kevinpowell/pen/abxaZyz & https://codepen.io/kevinpowell/pen/jONomrd @media (hover) https://codepen.io/argyleink/pen/oNOPvbm fit-content() - https://codepen.io/kevinpowell/pen/xxeaOLG object-fit https://codepen.io/argyleink/pen/JjVaPrx aspect-ratio https://codepen.io/argyleink/pen/OJGoLBW accent-color - (I’m cheating here) https://codepen.io/web-dot-dev/pen/PomBZdy caret-color - https://codepen.io/kevinpowell/pen/abxaZGv border-image https://codepen.io/t_afif/pen/vYbdVjb and https://www.smashingmagazine.com/2024/01/css-border-image-property/ scroll-padding & scroll-margin: https://codepen.io/kevinpowell/pen/eYoLzQY scroll-snap https://codepen.io/collection/KpqBGW overscroll-behavior https://codepen.io/argyleink/pen/ExEwMYY gap - https://codepen.io/kevinpowell/pen/mdgzyJp columns - https://codepen.io/kevinpowell/pen/rNbqBPr drop-shadow() https://codepen.io/argyleink/pen/RwOYbXG matrix3d() https://codepen.io/argyleink/pen/ExJexZY and https://codepen.io/fta/pen/rNZrXp backdrop-filter - https://codepen.io/kevinpowell/pen/RwOewNr :any-link https://codepen.io/argyleink/pen/vYMzYxx :empty - https://codepen.io/kevinpowell/pen/mdgzdBR/d0cb3478eef23d16643143

Published 2024-05-02 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.