So, you want to style all siblings sitting between a `.upper` and `.lower` element in CSS?
That’s possible … thanks to the almighty `:has()` selector!
```css
.upper ~ :has(~ .lower) {
outline: 1px solid red;
}
```
Details on my blog: https://t.co/8CcLEpiozM
merely thinking about how all video games are secretly rhythm games
and how as a game designer, or even an interface designer, you’re always thinking about how it feels to play the game, and the rhythm at which you’re pressing the buttons
The #CSSWG just resolved to allow `var()` references in #CSS container queries:
@container (inline-size > var(--small)) {
.card { padding: 2em; }
}
This looks so powerful! What a start of the year! 🥳🎉
https://t.co/pyxiYkeG7G
"Don’t ever complain about “throwing away” prototype work. The prototypes are the work, which means they are part of the final product even if you threw them away materially." - @jimniels
https://t.co/om4zjsf4It
My current collection of useful "no sign-in" web apps:
https://t.co/sHXnMtEFOb
https://t.co/LQChaL3BKi
https://t.co/g0Orp9Qo2f
https://t.co/2fEbqTo6RN
https://t.co/7HTa45Ox6b
https://t.co/Gant4Eovh7
https://t.co/P2CU5aKIco
https://t.co/DzGxcn8NG8
Whoot! I just learned you can use animatable CSS grid rows to transition an element's height from 0 to auto!
Toggle a class and see the magic happen.
Thx to @chriscoyier for sharing this little gem. 💯
https://t.co/P00RCl2AJZ
Video alt: Exampe showing an animated height.
Pixel Composer 1.0 is here! The first "full" version of a node-based, nondestructive VFX editor for pixel art is now available on https://t.co/eAyfkgCH4i! #pixelart#gamedev#gamemaker
https://t.co/omgbrKfWCs
I see lots of screenshots of Tweets and other text come across my timeline and being able to just select text in images in Safari just feels so magical. It arguably makes Twitter on the web bette than its native apps. Surprised that other browsers still haven't copied this.
50% lightness in HSL is almost never 50% as humans see it; it's 50% lightness in that color space.
50% lightness in LCH is built around human lightness perception 👍🏻
Try in Canary (with web experiments on or Safari TP) https://t.co/hBUMoznhOk
Today's lunch video is "What Happened To Text Inputs?" — "The story of how inputs became onputs then became something even less logical and more bad." https://t.co/JsXRjmocoa