Jonathan Dallas

No longer here 🙁 @[email protected]

[Bramus @bramus]

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

[demi 🍉 @cuddlepuunk]

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

[Brecht @utilitybend]

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

[Josh Miller @_jshmllr]

"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

[mrdoob @mrdoob]

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

[Alexis ||| Aleksandra Jovanić @alexis_o_O]

until I find out how to peel 4kg of chestnuts easily, here is how to draw bubbles with code #howto #processing #p5js #creativecoding

[Stefan Judis @stefanjudis]

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.

[Hakim El Hattab @hakimel]

Built this tree out of form elements 11 years ago (!) and amazingly it still works. Happy holidays! 🎄

https://t.co/460eU9JizM

[Lea Verou, PhD @LeaVerou]

1. Infinite scroll
2. Footer

Pick one, you can’t have both.

(You’d think this is common sense by now, but you’d be wrong)

[Mastodon (@[email protected]) @joinmastodon]

As a company from eastern Germany, we know that building a wall to try and keep people from leaving isn't a good idea.

[Mr. Makham @MakhamDev]

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

[Maciej Stachowiak 🇵🇱🇺🇦 @othermaciej]

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.

[Maciej Stachowiak 🇵🇱🇺🇦 @othermaciej]

Building a browser from scratch is a tough challenge to take on given the scope of the Web Platform these days. This is impressive work.

[Domenic Denicola @domenic]

@webkit @csswg Again??

[Brandel Zachernuk @zachernuk]

The current state of the API for #threejs. I like looking at it this way!

[François REMY @FremyCompany]

ChatGPT understands what it is, and its place in the (virtual) world. I find this fascinating :

https://t.co/F7Ej8Xital

[Adam Argyle @argyleink]

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

[Friday Front-End @fridayfrontend]

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

[Xor @XorDev]

Uh, ChatGPT knows what my shader does from reading the code...