progressive blur masked blur 🧑🍳
postcss/postcss-smooth-corners
Path to CSS Shape()
Design Engineering Tip:
Introducing CSS Grid Lanes
It’s here, the future of masonry layouts on the web! After the groundwork laid by Mozilla, years of effort by Apple’s WebKit team, and many rounds debate at the CSS Working Group with all the browsers, it’s now clear how it works.
Decorating CSS Grid Layout Gaps with `column-rule` and `row-rule`
👀 Responsive getting simpler
You can pin a chat scroller to the bottom with CSS 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛, without having to use MutationObserver or 𝚜𝚌𝚛𝚘𝚕𝚕𝚃𝚘() functions
Modern CSS Code Snippets
thanks @tobimori for pointing out a much better css only solution that i haven't figured out myself
CSS Spring Easing Generator
Easing Gradients
💡 CSS Tip! Save this one line of code for the future!
CSS one-liners with high-value gains
For your stacked elements:
6 CSS Snippets Every Front-End Developer Should Know In 2025 · January 19, 2025
CSS Grid Layout: Асимметричная адаптивная сетка
CSS Wrapped 2024
🔥 TIL about `focusgroup`, an HTML attribute that creates a “group” of focusable elements (inputs, buttons…).
If you're running a PWA and want to remove the status bar fill, check the code below ↓
Quick CSS Tip:
The latest in CSS and web UI: I/O 2024 recap | Blog | Chrome for Developers
steal this dialog and popover snippet
CSS magic: now you can animate height from 0 to auto via `calc-size(auto)`
3 CSS tips for styling textarea you probably didn't know about
Scroll masking with CSS scroll animation as a progressive enhancement ⭐️
Been adding 4px of blur to animations recently and I kinda like it?
CSS Button Styles You Might Not Know – David Bushell – Freelance Web Design (UK)
Lightning CSS
12 Modern CSS One-Line Upgrades | Modern CSS Solutions