Paper Shaders – Ultra-fast zero-dependency shaders
Introducing CSS Grid Lanes
Decorating CSS Grid Layout Gaps with `column-rule` and `row-rule`
Lisse
On the ‹dl›
👀 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
URL Pattern API - Web APIs | MDN
group by specifying it in parentheses. This regex defines the matching rules for the group. Below is an exam
yuguygyugh
URL will match
rtrttr
Web Interface Guidelines
Using the viewport meta element
interactive-widget
Specifies the effect that interactive UI widgets, such as a virtual keyboard, have on the page's viewports
thanks @tobimori for pointing out a much better css only solution that i haven't figured out myself
CSS Spring Easing Generator
ForesightJS
rsms/markdown-wasm
Easing Gradients
Bharat Kara (@KaraBharat) on X
💡 CSS Tip! Save this one line of code for the future!
Turn your logo into liquid metal | Paper
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: Асимметричная адаптивная сетка
Drag to Select
CSS Wrapped 2024
Text Shimmer Lines 🤙 [contenteditable]
🔥 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:
Swapy, a simple JavaScript tool for converting any layout you have to drag-to-swap layout
Meet Swapy, a framework-agnostic tool that converts any layout into a drag-to-swap one with just a few lines of code.
test
just a few lines of code