🔥 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
CSS clip-path View Transitions for theming ✂️
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?
ndjson-stream
CSS Button Styles You Might Not Know – David Bushell – Freelance Web Design (UK)
Lightning CSS
An HTML Switch Control
NEAT, beautiful 3D gradients for your website
Novatrix - UVCanvas
Tempo • Dates by FormKit
Next-gen Web Extension Framework – WXT
12 Modern CSS One-Line Upgrades | Modern CSS Solutions
Artur Bień on Twitter / X
🌌 The aurora (only CSS)
scroll padding
CSS God Rays
CSS text-wrap: pretty - Chrome for Developers
font-variant: tabular-nums
touch-action - CSS: Cascading Style Sheets | MDN
Disabling double-tap to zoom removes the need for browsers to delay the generation of click events when the user taps the screen
Test
Gradient borders by using transparent borders
Vite Plugin Web Extension
resizable panel UI