Reposted by ppk 🇪🇺performance.now() conference @perfnow.nl · 21hReminder: tickets get more expensive onThursday. There are only nine tickets in the middle bracket left. perfnow.nl/tickets.html 012
Reposted by ppk 🇪🇺performance.now() conference @perfnow.nl · 22/09/2026We 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.nlperfnow.nlperformance.now(); 19th and 20th of November 2026, AmsterdamOn 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/2026Oh 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.nlperfnow.nlperformance.now(); 19th and 20th of November 2026, AmsterdamOn 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/2026About 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.orgBooks aren't deadAbout 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/2026If 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/2026The funniest joke ever. 😂 339208514392
ppk 🇪🇺 @quirksmode.org · 15/09/2026Spent 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/2026So 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/2026I 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.comNobody pays for open source. We can force them to. | Seldo.comThirty 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/2026The 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/2026As a web designer or developer, what questions do you have about iPhone Duo? 9217
ppk 🇪🇺 @quirksmode.org · 09/09/2026Style 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.orgStyle queries for nested breakpointsI 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/2026New 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/2026I 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.orgUsing style queriesI 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/2026Fascinating 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/2026Is it possible to say height: 40vh-but-round-it-to-the-nearest-whole-lh; ? 200
ppk 🇪🇺 @quirksmode.org · 07/09/2026This 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/2026Interesting. .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/2026Interesting. .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/2026Making the BODY a container does away with the reverse-inheriting of its background color to HTML. Interesting. 010
ppk 🇪🇺 @quirksmode.org · 04/09/2026Ah 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/2026My 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/2026Wait. 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/2026Why 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/2026My 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/2026Gotta 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/2026Fifteen 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.orginitial-scale no longer neededFifteen 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/2026Respected 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 #HTMLvale.rocksYou Don't Need Initial-Scale In Your HTML - 2 Sept 2026 13:50 UTC 410620
ppk 🇪🇺 @quirksmode.org · 02/09/2026Fifteen 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.orginitial-scale no longer neededFifteen 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/2026FIREFOX 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.orgMeta viewport test 400
ppk 🇪🇺 @quirksmode.org · 02/09/2026Turns out initial-scale=1 is no longer needed in your meta viewport. front-end.social/@ppk/1172011...front-end.socialppk 🇪🇺 (@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/2026Three 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.nlperformance.now(); 19th and 20th of November 2026, AmsterdamOn 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/2026So 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/2026Back 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/2026An 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.orgThe website as irrelevant bullshitAn 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 · 01/07/2026What 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/2026Reminder: 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.htmlperfnow.nlperformance.now(); 19th and 20th of November 2026, AmsterdamOn 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/2026Remember: ticket prices will go up by €100 + VAT next Wednesday, 1st of July. Grab your cheap tickets while you can. perfnow.nl/tickets.htmlperfnow.nlperformance.now(); 19th and 20th of November 2026, AmsterdamOn 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/2026Given that it's World Cup time I decided orange is the correct choice. 000
ppk 🇪🇺 @quirksmode.org · 24/06/2026I seem to have gone over to @eurosky.social with few problems except for an unclear interface. 120
ppk 🇪🇺 @quirksmode.org · 23/06/2026Related 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/2026First Doom, now Quake. Next year we could fill a CSS gaming corner somewhere. 1112
Reposted by ppk 🇪🇺Alex Suzuki @alexsuzuki.com · 13/06/2026maybe he didn’t read the conference programme had his Agent summarize it instead 🫠 071
ppk 🇪🇺 @quirksmode.org · 13/06/2026Or 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/2026So 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/2026Yes, that's it. grid-lanes are the ultimate unordered list. You can't predict the order. #cssday 050
ppk 🇪🇺 @quirksmode.org · 12/06/2026I find myself in a church. Why? Have I been put here for a reason? Is there a deeper purpose to my presence? 181