Sign in

ppk 🇪🇺

@quirksmode.org
1.5K followers 234 following 762 posts

technical writer - #browser expert - aspiring #css nerd - #cssday and #perfnow conference organiser - #history geek - former Later Roman Empire specialist - native of #Amsterdam - quirksmode.org

PostsRepliesMedia
Reposted by ppk 🇪🇺
performance.now() conference @perfnow.nl · 21h
Reminder: tickets get more expensive onThursday. There are only nine tickets in the middle bracket left. perfnow.nl/tickets.html
Screenshot of performance.now() ticket shop, with only  nine mid-tier tickets left (highlighted).
012
Reposted by ppk 🇪🇺
performance.now() conference @perfnow.nl · 22/09/2026
We also add Max Inden about quic HTTP/3 bsky.app/profile/scot... about the path to standards bsky.app/profile/timv... with a case study Come join them at perfnow.nl
perfnow.nl
performance.now(); 19th and 20th of November 2026, Amsterdam
On 19th and 20th of November 2026, the web performance community will gather at performance.now() in Amsterdam to discuss today’s most important web performance insights.
032
Reposted by ppk 🇪🇺
performance.now() conference @perfnow.nl · 22/09/2026
Oh dear, speakers are being announced in carload lots! Today we add bsky.app/profile/clif... about Core Mobile Vitals bsky.app/profile/jpam... as our second MC bsky.app/profile/mach... about selling web performance Come join them at perfnow.nl
perfnow.nl
performance.now(); 19th and 20th of November 2026, Amsterdam
On 19th and 20th of November 2026, the web performance community will gather at performance.now() in Amsterdam to discuss today’s most important web performance insights.
163
ppk 🇪🇺 @quirksmode.org · 21/09/2026
About twenty boxes of books were thrown onto the street from my apartment building. That made me sad, but I’m not going read 98% of them. But they were taken anyway, and quickly. Books aren’t dead. They’re just sleeping. quirksmode.org/quirksblog/2...
quirksmode.org
Books aren't dead
About twenty boxes of books were thrown onto the street from my apartment building. That made me sad, but I’m not going read 98% of them. But they were taken anyway, and quickly. Books aren’t dead. Th...
010
ppk 🇪🇺 @quirksmode.org · 21/09/2026
If an AI reads all articles on your site, how long does that process take? Does it make more than one HTTP request for the HTML page itself (discounting CSS, JS, images, and such)?
221
Reposted by ppk 🇪🇺
Jon Cooper @joncooper-us.bsky.social · 19/09/2026
The funniest joke ever. 😂
339208514392
ppk 🇪🇺 @quirksmode.org · 15/09/2026
Spent the entire day writing. It'll take some more time, but eventually I'll have a nice two-parter to publish.
010
ppk 🇪🇺 @quirksmode.org · 13/09/2026
So my Firefox 155 on one of my computers suddenly refuses to load all kinds of files, among which all style sheets, citing CORS errors and whatnot. On my other computer it works fine.
100
Reposted by ppk 🇪🇺
Laurie Voss @seldo.com · 13/09/2026
I have been writing this post about the economics of open source, on and off, for 13 years. I wasn't expecting to end up at "Microsoft should send corporations a huge bill" but nothing else we've tried has worked. seldo.com/posts/nobody-pays-for-ope…
seldo.com
Nobody pays for open source. We can force them to. | Seldo.com
Thirty years of voluntary funding schemes haven't paid open source maintainers because asking doesn't scale. The real money already flows — to JFrog, Docker, Sonatype — at the registry layer. The fix: registries charge companies for supply (they already do), then route a slice automatically to the maintainers who make that supply worth having.
2016655
Reposted by ppk 🇪🇺
Emathion 📯 @emathion.bsky.social · 12/09/2026
The French made a short film about what could happen after all immigrants would follow the ‘white, angry old man’s’ advice to go back where they came from.
933551905
Reposted by ppk 🇪🇺
Jen Simmons @jensimmons.bsky.social · 09/09/2026
As a web designer or developer, what questions do you have about iPhone Duo?
9217
ppk 🇪🇺 @quirksmode.org · 09/09/2026
Style queries for nested breakpoints I plan to use style containers for centralised breakpoint definitions and went down a rabbit hole. Do you know what a container is? And that size containers are the exception rather than the rule in container land? quirksmode.org/quirksblog/2...
quirksmode.org
Style queries for nested breakpoints
I plan to use style containers for centralised breakpoint definitions, combining style queries with CSS nesting. Also, I went down a rabbit hole. Do you know what a container is? And that size contain...
120
ppk 🇪🇺 @quirksmode.org · 09/09/2026
New glasses! After at least seven years. I thought varifocal ones were only for old people, but turns out that's not true.
100
ppk 🇪🇺 @quirksmode.org · 08/09/2026
I plan to use style containers for centralised breakpoint definitions. This can be a useful technique for a while. Also, it led me to container research. Did you know that size containers, the ones with the cqw goodness, are the exception in container land? quirksmode.org/quirksblog/2...
quirksmode.org
Using style queries
I plan to use style containers for centralised breakpoint definitions. This can be a useful technique for a while. Also, it led me down a rabbit hole of container research. Do you know what a containe...
120
ppk 🇪🇺 @quirksmode.org · 08/09/2026
Fascinating as they are, I will leave the results of this bit of code aside for now so that I can maybe finish the article today. p.loop { /* In parent --screenSize is 5 */ @container style(2 <= --screenSize <= 5) { *:has(> &) { --screenSize: 1; } } }
000
ppk 🇪🇺 @quirksmode.org · 08/09/2026
Is it possible to say height: 40vh-but-round-it-to-the-nearest-whole-lh; ?
200
ppk 🇪🇺 @quirksmode.org · 07/09/2026
This afternoon I wrote the first draft of the style query article. Progress was made. Tonight I removed about 20%. Great progress is being made! I just hope I have enough time tomorrow to finish it.
041
Reposted by ppk 🇪🇺
ppk 🇪🇺 @quirksmode.org · 07/09/2026
Interesting. .container { container-name: test; --container: 'container'; } .test { @container test style(--container: 'container') { background: #f4607b; &::after { background: #f6d781; } } } <p class="test container"> gets no bgcolor, but the ::after does.
201
ppk 🇪🇺 @quirksmode.org · 07/09/2026
Interesting. .container { container-name: test; --container: 'container'; } .test { @container test style(--container: 'container') { background: #f4607b; &::after { background: #f6d781; } } } <p class="test container"> gets no bgcolor, but the ::after does.
201
ppk 🇪🇺 @quirksmode.org · 04/09/2026
Making the BODY a container does away with the reverse-inheriting of its background color to HTML. Interesting.
010
ppk 🇪🇺 @quirksmode.org · 04/09/2026
Ah right, if you specify inherits: false on a custom property it also doesn't inherit to the ::before ...
000
Reposted by ppk 🇪🇺
ppk 🇪🇺 @quirksmode.org · 03/09/2026
My question for today is about STYLE QUERIES. How are they being used these days? Any good articles? (I don't care how they work, but how we use them. Also, no container queries, just style queries.)
431
ppk 🇪🇺 @quirksmode.org · 03/09/2026
Wait. A flexbox is automatically a container? (But a grid box isn't?) Or did I make a mistake in my tests?
110
ppk 🇪🇺 @quirksmode.org · 03/09/2026
Why doesn't this work? @supports (order: sibling-count()) ){ --sibling: 'sibling-count' } @supports not (order: sibling-count()) ){ --sibling: 'NOT sibling-count' } /* later */ content: 'Browser supports: ' var(--sibling,' no sibling data '); I get 'no sibling data'.
200
ppk 🇪🇺 @quirksmode.org · 03/09/2026
My question for today is about STYLE QUERIES. How are they being used these days? Any good articles? (I don't care how they work, but how we use them. Also, no container queries, just style queries.)
431
ppk 🇪🇺 @quirksmode.org · 03/09/2026
Gotta hand it to whichever AI runs in the Google Search: you're on the spot. "Combining container-type: inline-size with a grid using grid-template-columns: repeat(auto-fit, minmax(...)) triggers a WebKit bug where the column widths collapse to 0" It does indeed.
100
Reposted by ppk 🇪🇺
ppk 🇪🇺 @quirksmode.org · 02/09/2026
Fifteen years ago I helped popularise the meta viewport width=device-width,initial-scale=1. Today I found out the second bit is no longer necessary. A retrospective. quirksmode.org/quirksblog/2...
quirksmode.org
initial-scale no longer needed
Fifteen years ago I helped popularise the meta viewport width=device-width,initial-scale=1. Today I found out the second bit is no longer necessary. A retrospective.
16021
Reposted by ppk 🇪🇺
Vale @vale.rocks · 02/09/2026
Respected friends and acquaintances, initial-scale is dead! We are freed of its tyranny. You no longer need to include it in your HTML head. It is an obsolete part of your head's meta viewport declaration. The details: vale.rocks/micros/20260... #WebDev #HTML
vale.rocks
You Don't Need Initial-Scale In Your HTML - 2 Sept 2026 13:50 UTC
410620
ppk 🇪🇺 @quirksmode.org · 02/09/2026
Fifteen years ago I helped popularise the meta viewport width=device-width,initial-scale=1. Today I found out the second bit is no longer necessary. A retrospective. quirksmode.org/quirksblog/2...
quirksmode.org
initial-scale no longer needed
Fifteen years ago I helped popularise the meta viewport width=device-width,initial-scale=1. Today I found out the second bit is no longer necessary. A retrospective.
16021
ppk 🇪🇺 @quirksmode.org · 02/09/2026
FIREFOX ANDROID test requested. 1) Go to www.quirksmode.org/m/tests/meta... 2) Change orientation from portrait to landscape or vice versa. 3) Do the line lengths change? I.e., does Firefox Android adjust the layout viewport when the orientation changes? Thx.
quirksmode.org
Meta viewport test
400
ppk 🇪🇺 @quirksmode.org · 02/09/2026
Turns out initial-scale=1 is no longer needed in your meta viewport. front-end.social/@ppk/1172011...
front-end.social
ppk 🇪🇺 (@ppk@front-end.social)
@vale@fedi.vale.rocks You are correct, initial-scale=1 is no longer needed for Safari/iPhone. (Did not test iPad.) In fact, secretly, in the past *only* initial-scale=1 was required; width=device-wid...
191
Reposted by ppk 🇪🇺
performance.now() conference @perfnow.nl · 01/09/2026
Three new speakers were announced for perfnow.nl ! Aleth Gueguen about native web and PWAs. @adactio.com about long-term performance: not milliseconds but decades Risko Ruus about regression testing and other QA Tickets: perfnow.nl/tickets.html See you in November in Amsterdam!
perfnow.nl
performance.now(); 19th and 20th of November 2026, Amsterdam
On 19th and 20th of November 2026, the seventh edition of performance.now() will take place in Amsterdam—a single track conference, covering today’s most important web performance insights.
085
Reposted by ppk 🇪🇺
Kevin Powell @kevinpowell.co · 25/08/2026
So I've been deepfaked, which feels pretty dystopian... The video is pretty good, but the voice is terrible. I've reported the videos and channel already, and, if you have a free moment, I'd appreciate if you reported the channel too, it's full of this crap. www.tiktok.com/@jeffcryptot...
18406
ppk 🇪🇺 @quirksmode.org · 25/08/2026
Back in the nineties it was decided that all websites should be free. Part of that was the absence of easy payment methods, part was FOSS influence. Are there any other important causes? Also, is there a good overview article somewhere?
100
ppk 🇪🇺 @quirksmode.org · 14/08/2026
An example of a website being irrelevant bullshit that happened to trigger me. Why didn't a UX designer pull the emergency break? quirksmode.org/quirksblog/2...
quirksmode.org
The website as irrelevant bullshit
An example of a website being irrelevant bullshit that happened to trigger me. Why didn't a UX designer pull the emergency break?
000
ppk 🇪🇺 @quirksmode.org · 23/07/2026
My permission was on "No one", so I'm glad I checked it.
031
ppk 🇪🇺 @quirksmode.org · 01/07/2026
What type is a CSS counter? There is no type <counter>. It sure as hell isn't an <integer> (that's what I want, but it seems there's no easy way of converting it) or a <number>. <string>? Something else? No type at all? I am learning to hate counters.
110
Reposted by ppk 🇪🇺
performance.now() conference @perfnow.nl · 29/06/2026
Reminder: ticket prices will go up by €100 + VAT this Wednesday, 1st of July. There are a few cheap tickets left. We also announced @patmeenan.com, @stephaniewalter.bsky.social and @programmingart.bsky.social (MC). perfnow.nl/tickets.html
perfnow.nl
performance.now(); 19th and 20th of November 2026, Amsterdam
On 19th and 20th of November 2026, the seventh edition of performance.now() will take place in Amsterdam—a single track conference, covering today’s most important web performance insights.
058
Reposted by ppk 🇪🇺
performance.now() conference @perfnow.nl · 25/06/2026
Remember: ticket prices will go up by €100 + VAT next Wednesday, 1st of July. Grab your cheap tickets while you can. perfnow.nl/tickets.html
perfnow.nl
performance.now(); 19th and 20th of November 2026, Amsterdam
On 19th and 20th of November 2026, the seventh edition of performance.now() will take place in Amsterdam—a single track conference, covering today’s most important web performance insights.
022
ppk 🇪🇺 @quirksmode.org · 25/06/2026
Given that it's World Cup time I decided orange is the correct choice.
000
ppk 🇪🇺 @quirksmode.org · 24/06/2026
I seem to have gone over to @eurosky.social with few problems except for an unclear interface.
120
ppk 🇪🇺 @quirksmode.org · 23/06/2026
Related to the recent "what-did-Chrome-do-shipping-all-these-ugly-interest-invokers-they-must-be-evil-oh-wait-no-i-think-i-have-the-experimental-flag-set" flap: [1/2]
100
Reposted by ppk 🇪🇺
CSS Day @cssday.nl · 18/06/2026
First Doom, now Quake. Next year we could fill a CSS gaming corner somewhere.
1112
ppk 🇪🇺 @quirksmode.org · 18/06/2026
Once AI goes down, what do we *want* to happen? Ethan asks.
031
Reposted by ppk 🇪🇺
Alex Suzuki @alexsuzuki.com · 13/06/2026
maybe he didn’t read the conference programme had his Agent summarize it instead 🫠
071
ppk 🇪🇺 @quirksmode.org · 13/06/2026
Or this #cssday feedback: "Too many white people, too many men. Too many of the same people that always speak." If you feel that way, why come at all?
000
ppk 🇪🇺 @quirksmode.org · 12/06/2026
So my current theory is that from time immemorial CSS devs got used to content-based layouts such as tables, floats, and flexbox. Then grid came, and it's not based on the content of the items. That's why it's considered confusing or "I already use flexbox so I don't need grid." [1/2]
221
ppk 🇪🇺 @quirksmode.org · 12/06/2026
Yes, that's it. grid-lanes are the ultimate unordered list. You can't predict the order. #cssday
050
Reposted by ppk 🇪🇺
Kilian Valkhof @kilianvalkhof.com · 12/06/2026
Praise be unto the cascade.
001
ppk 🇪🇺 @quirksmode.org · 12/06/2026
I find myself in a church. Why? Have I been put here for a reason? Is there a deeper purpose to my presence?
181