📝 When avoiding <img> layout shifts, what's best? aspect-ratio, or width & height attributes?
There's some misinformation & misunderstanding around this stuff, so here's a bunch of demos and spec digging to explain how it works.
Follow
Jake Archibald
@jaffathecake
Developer advocate working on Chrome. No thought goes unpublished. 'IMO' implicit. He/him. Also at mastodon.social/@jaffathecake
Jake Archibald’s Tweets
The counterpoints raised were "that's two questions", which it isn't, and "fuck off Jake" which is pretty compelling tbh
2
1
98
Show this thread
Nearly tore the family apart with my Guess Who question "only answer the following if they're not bald: do they have blonde hair?"
14
2
73
Show this thread
For everyone visiting their parents this week:
LG tvs call it TrueMotion
Roku/TCL calls it Action Smoothing
Samsung calls it Auto Motion Plus
Sony calls it MotionFlow
Panasonic calls it Intelligent Frame Creation
Amazon Fire TVs call it Motion Processing
813
16.7K
125.1K
sorry I don't have the actual impact. My dad claims hitting 'stop' was "parental instinct".
1
1
49
Show this thread
No, The FBI Is NOT ‘Paying Twitter To Censor’
270
865
2,028
The CSS Working Group is debating over the best way to define nesting in CSS, and want your input!
Which do you like best?
You can vote in the official poll here: webkit.org/blog/13607/hel
682
542
2,206
Even as a local, I was not ready for the juxtaposition of "handkerchief" and "snotted"
12
Show this thread
I've been back home for a few hours and someone just came up to me and said "soz mate d'ya have a handkerchief? Me boyfriend sneezed and proper snotted everywhere".
Never change Carlisle, never change.
6
1
78
Show this thread
If you monkey patch global objects, you are on your own. Don't open issues complaining that your application does not work, memory leaks, or other problems. You inflicted yourself with this pain.
Corollary, don't use a library that monkey patch.
14
22
198
I realise this post will be of interest to almost no one, but here's how to calculate the HTML codecs= param for an AV1 video, and why it matters
2
9
53
Does she not realise that for most standing commuters this is an upgrade? Used to envy the luggage rack dwellers so much, sat there rubbing it in, grinning away like a fucking rucksack
139
249
5,301
Show this thread
It makes sense I guess. Although I've been on Mastodon since 2016, most followers were recent, so they're active accounts. More of my Twitter followers are likely to have become inactive over the past 15 years.
2
10
Show this thread
And the results are in! I have 26x more followers on Twitter than Mastodon, but that only resulted in 6x more votes on this poll.
The result distribution is pretty much the same.
6x is a lot, of course, but it seems like engagement is pretty high on Mastodon per follower.
4
12
Show this thread
Made a 3D CSS Sushi Selector with <SelectMenu> for my Tokyo DevFest talk 🇯🇵
Powered with CSS :has() seeing what you can make styleable <select>s do 😁
selectmenu:has([popover]:open)
option:is(:hover, :focus-visible) {
--elevate: 1;
} ✨
link below! 👇
8
63
492
Show this thread
When eating at a restaurant, what do you tend to order?
- Just a main36.9%
- Starter & main28.3%
- Main & desert21.4%
- Starter, main, & desert13.5%
2,378 votesFinal results
29
1
19
Show this thread
Holy Shit. Elon Musk just popped into a Twitter Spaces chat with a bunch of journalists. He was called out by journalist Drew Harrell, who he banned, for lying about posting links to his private information, then leaves almost immediately after being pressed. Here is the exchange
3,718
38.5K
121.1K
Show this thread
I posted this on Mastodon too, and there's much more discussion over there. I can't link to it, because Elon's a pathetic man-baby. Anyway, there's a profile link in my bio.
1
55
Show this thread
If you're interested in CSS nesting, please vote for the option you'd prefer. Don't miss your chance to influence the CSSWG on this.
Unfortunately the voting system seems messed up, so if it doesn't let you vote, try adding a query string to the URL.
20
29
102
Show this thread
this is a real menorah currently being sold at Target……….I am WHEEZING
549
3,911
55.7K
Show this thread
Help the choose the syntax for CSS Nesting. This article will walk you through the three options currently under consideration. Read through them, and take a one question survey to weigh in.
64
109
197
new contender for most brutal Elon Musk being owned by his own website moment
2,142
17.4K
138.5K
Show this thread
17
112
560
Apple is not “considering”,they are being compelled by law to support third party browser engines under the 🇪🇺EU’s Digital Markets Act.
Apple should end its blatant anti-competitive behavior worldwide,not just in the EU.
If not will fight in each jurisdiction.
Quote Tweet
Apple Considering Dropping Requirement for iPhone and iPad Web Browsers to Use Safari’s WebKit Engine macrumors.com/2022/12/14/app by @rsgnl
2
33
100
Twitter suspended the account following Elon's jet but not the one following Jeff Bezos' jet. Even though they do the same thing and are run by the same guy. Why does hate free speech when the speech is about Elon Musk?
2,350
9,781
81.4K
Show this thread
Every time
49
273
6,036
(I was going to write an article about it, but figured someone might have beaten me to it, and yeeeeep, _yesterday_)
3
10
Show this thread
If you want text to scale to the width of an element, container queries + the cqw unit does the trick!
2
11
77
Show this thread
Please stop using the term "macrotask". It isn't a thing, and can easily be mistaken for "microtask" at a glance.
It's just "task".
22
7
100
..he knows damn well that Fauci was the subject of a litany of extremist threats, like many others in science and health through the pandemic. This is not an innocent mistake, it is a signal to the very people that embraced violence rhetoric. We hear it.
10
20
202
Show this thread
Let's be very clear about this tweet: it is a dog-whistle to an extreme, violent, anti-science rightwing, draped in flimsy 'ironic' plausible deniability. Musk does not give a damn about public health or rational discussion. He is showing you who he is - believe it
64
475
2,356
Show this thread
Now and then I come across tweets where users are upset about the lousy quality of their posted images after Twitter compresses them.
Does Twitter really not care about image quality? I took a closer look 🧐at what Twitter actually does with your images.
6
20
49
Cat hasn't been in snow before
0:09
7.5K views
0:04
2.3K views
6
9
142
Passkey is now officially available in Chrome on Android! // Introducing passkeys in Chrome
6
41
88
Show this thread