Sign in

Simon Pieters

@zcorpan.bsky.social
275 followers 149 following 106 posts

Web standards engineer at Mozilla

PostsRepliesMedia
Simon Pieters @zcorpan.bsky.social · 29/05/2026
No wait, wheel is passive by default. OK I see non-passive prevents scrolling... software.hixie.ch/utilities/js...
software.hixie.ch
Live DOM Viewer
020
Simon Pieters @zcorpan.bsky.social · 29/05/2026
It *can* prevent scrolling but it doesn't have to. The value is changed regardless. software.hixie.ch/utilities/js...
software.hixie.ch
Live DOM Viewer
100
Simon Pieters @zcorpan.bsky.social · 29/05/2026
passive: false means not passive. But it seems the bug returns if there's a `wheel` event listener, regardless of passive.
110
Simon Pieters @zcorpan.bsky.social · 21/05/2026
Interesting! Have you thought about history navigation (and bfcache)?
230
Simon Pieters @zcorpan.bsky.social · 24/04/2026
Banger
050
Simon Pieters @zcorpan.bsky.social · 14/04/2026
media.tenor.com
two men in suits are talking and the words we need to go deeper are on the screen
Alt: we need to go deeper
010
Reposted by Simon Pieters
Mat “Wilto” Marquis @wil.to · 07/04/2026
I had no idea that the subject of the RICG’s canonical responsive images examples endured in the specification to this very day:
Cropped screenshot of the HTML specification. Relevant visible content reads:

The srcset and sizes attributes can be used, using the w descriptor, to provide multiple images that only vary in their size (the smaller image is a scaled-down version of the bigger image).

In this example, a banner image takes up the entire viewport width (using appropriate CSS).

<h1><img sizes="100vw" srcset="wolf-400.jpg 400w, wolf-800.jpg 800w, wolf-1600.jpg 1600w"
     src="wolf-400.jpg" alt="The rad wolf"></h1>
231
Simon Pieters @zcorpan.bsky.social · 09/04/2026
I think it either existed in the spec already or I copied it from somewhere. @ericportis.com did you come up with it? www.smashingmagazine.com/2014/05/resp...
smashingmagazine.com
Responsive Images Done Right: A Guide To And srcset — Smashing Magazine
A few days ago, we published an [article on Picturefill 2.0](https://www.smashingmagazine.com/2014/05/12/picturefill-2-0-responsive-images-and-the-perfect-polyfill/), a perfect polyfill for responsive images. Today’s article complements Tim Wright’s article and explains exactly how we can use the upcoming `` element and srcset, with simple fallbacks for legacy browsers. There is no reason to wait for responsive images; we can actually have them very soon.
100
Reposted by Simon Pieters
Scott Jehl @scottjehl.com · 30/03/2026
New on the Squarespace Engineering Blog! Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy-Loading to Today’s Browsers. I'm real proud of the teamwork that went into this. Stay tuned for part 2 next week, which will cover dev best practices for using this new HTML standard.
engineering.squarespace.com
Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy Loading to Today’s Browsers — Squarespace Engineering Blog
At Squarespace, many of our core products are built on web standards, and our engineers are constantly pushing the boundaries of the web’s capabilities. Occasionally, those boundaries reveal a limitat...
34319
Simon Pieters @zcorpan.bsky.social · 31/03/2026
> WHATWG, who took over responsibilities from the W3C in 2019. Arguably in 2004. :) html.spec.whatwg.org/multipage/in...
html.spec.whatwg.org
HTML Standard
120
Simon Pieters @zcorpan.bsky.social · 23/03/2026
Congrats & nice work! :)
121
Simon Pieters @zcorpan.bsky.social · 03/03/2026
Can it run DOOM?
120
Reposted by Simon Pieters
Firefox for Web Developers @webdevs.firefox.com · 12/02/2026
It's time for Interop 2026! This is a cross-browser effort where we agree on a set of focus areas to improve compatibility. Here's how things went in 2025, and what we're taking on for 2026: hacks.mozilla.org/2026/02/laun...
hacks.mozilla.org
2314
Simon Pieters @zcorpan.bsky.social · 29/01/2026
Does the XSLT implementation support `disable-output-escaping="yes"`?
100
Simon Pieters @zcorpan.bsky.social · 28/01/2026
Or using HTML syntax at the edges (parse and serialize) but XML tools in the middle
210
Reposted by Simon Pieters
Noam Rosenthal @nomster.bsky.social · 28/01/2026
Is anybody still using xml/HTML polyglots for anything moder (Syntax that is valid in both html and xml) Wondering whether those are something that needs to be considered for future HTML enhancement or a thing of the past...
356
Simon Pieters @zcorpan.bsky.social · 07/01/2026
Testing with software.hixie.ch/utilities/js... canShare returns false but text and url actually work on Android. So... shipping on Android at least, but there are bugs.
software.hixie.ch
Live DOM Viewer
020
Simon Pieters @zcorpan.bsky.social · 06/11/2025
Jake's survey is closed.
020
Simon Pieters @zcorpan.bsky.social · 30/10/2025
Maybe it's not the fastness that lowers the conversion rate, but something else, like maybe the fastest websites are more likely to have not-so-great design?
010
Simon Pieters @zcorpan.bsky.social · 18/09/2025
Accept cookies! Subscribe to our newsletter for 15% off! Hey, do you want to take a survey of how much you like our website?
020
Reposted by Simon Pieters
Stacy Kvernmo @stacykvernmo.com · 05/09/2025
We mentioned on Winging It that we might show some of our favorite browser tips. Here's one of many that I find delightful. If you are working with shape-outside, then Firefox has a great path editor. I made a quick video to show how it works.
1206
Simon Pieters @zcorpan.bsky.social · 08/09/2025
i a i n ' t r e a d i n g a l l t h a t i m h a p p y f o r y o u t h o o r s o r r y t h a t h a p p e n e d
020
Simon Pieters @zcorpan.bsky.social · 08/09/2025
media.tenor.com
a cartoon character is holding a bunch of money and the words shut up and take are above him
ALT: a cartoon character is holding a bunch of money and the words shut up and take are above him
010
Reposted by Simon Pieters
Jake Archibald @jakearchibald.com · 04/09/2025
Interop 2026 is now open for proposals! This is your chance to tell browser-makers which well-defined, well-tested features you wish had better support across browsers. ⬇️ Here's how ⬇️ github.com/web-platform...
github.com
43913
Reposted by Simon Pieters
IntentToShip @intenttoship.dev · 28/08/2025
Gecko: Intent to Ship: CSS View Transitions L1
groups.google.com
Gecko: Intent to Ship: CSS View Transitions L1
Gecko: Intent to Ship: CSS View Transitions L1
0288
Simon Pieters @zcorpan.bsky.social · 27/08/2025
Not saying you should but it should work
020
Simon Pieters @zcorpan.bsky.social · 27/08/2025
Or <script xmlns="http://www.w3.org/1999/xhtml" src="..."/>! If there's at least one element in a known namespace, browsers switch away from the XML tree view.
010
Simon Pieters @zcorpan.bsky.social · 27/08/2025
Right, though ARIA attributes are superglobal.
110
Simon Pieters @zcorpan.bsky.social · 27/08/2025
Needs bugs.webkit.org/show_bug.cgi...
010
Simon Pieters @zcorpan.bsky.social · 27/08/2025
Did you know? You can style XML with CSS using <?xml-stylesheet href="style.css"?>
252
Reposted by Simon Pieters
Jake Archibald @jakearchibald.com · 22/08/2025
Yay! It's the first Firefox release since I've joined the team, so let's take a look at some of the new developer-facing features in Firefox 142… 🧵
1927738
Simon Pieters @zcorpan.bsky.social · 20/08/2025
In your demo, the relevant element is a flex item, which is not inline. Here's a demo showing that actual inline doesn't work: software.hixie.ch/utilities/js...
software.hixie.ch
Live DOM Viewer
000
Simon Pieters @zcorpan.bsky.social · 20/08/2025
The part about display: inline is wrong. This: > establishes an inline formatting context and thus contains only inline-level boxes. Refers to what the element contains. A block box establishes an inline formatting context when it has no block-level children. The element itself is still a block.
210
Simon Pieters @zcorpan.bsky.social · 20/08/2025
media.tenor.com
two men in suits are talking and the words we need to go deeper are on the screen
Alt: We need to go deeper (scene from Inception)
020
Simon Pieters @zcorpan.bsky.social · 19/08/2025
Sure. People used to call it XHTML. :) If there's an element in a known namespace browsers will apply the UA stylesheet. If you add a script element it will run (if scripting is enabled). I don't know if feed readers will get confused though.
010
Reposted by Simon Pieters
Ben Schwarz @benschwarz.bsky.social · 21/07/2025
Want to build faster websites? Here's how: - Learn how browsers parse, layout & paint - Treat JS as a tool, not the foundation(!) - Favor static HTML or server side rendering at all times - Use Core Web Vitals alongside other metrics to learn shortfalls, improve and iterate Then keep doing that.
111825
Simon Pieters @zcorpan.bsky.social · 19/08/2025
It seems to me you should be able to use <script xmlns="http://www.w3.org/1999/xhtml" src="polyfill.js"/>
110
Simon Pieters @zcorpan.bsky.social · 18/08/2025
Let's apply the same logic to rendering images, video and audio...
030
Reposted by Simon Pieters
👻BOOryan BlessDeAd🎃 @bryb.bsky.social · 17/08/2025
I don't know why this lad is building a subterranean city for cats, but I'm all for it.
893093096
Reposted by Simon Pieters
Sam Rose @samwho.dev · 17/08/2025
Email addresses are very simple, and you will score highly in this quiz. e-mail.wtf
e-mail.wtf
Email is Easy
Everyone knows what an email address is, right?
38274128
Simon Pieters @zcorpan.bsky.social · 06/08/2025
Yes. Remove it, Bruce! I know you can do it!
120
Simon Pieters @zcorpan.bsky.social · 06/08/2025
I've never used LinkedIn No ragrets
010
Simon Pieters @zcorpan.bsky.social · 06/08/2025
It's a bogus comment. html.spec.whatwg.org#end-tag-open...
html.spec.whatwg.org
HTML Standard
030
Reposted by Simon Pieters
Alex Russell @infrequently.org · 25/06/2025
wait...it's up! gitnation.com/contents/the-new…
0191
Reposted by Simon Pieters
Keith Cirkel @keithamus.social · 17/06/2025
Okay gang, those who sling HTML, CSS, JS, which _Firefox_ bugs are blocking you? Which features do you think need improving? What new features would you like to see? What work would you prioritise? Big or small, bonus points for linking to a bug (even more for filing bugs then linking them)!
414139
Reposted by Simon Pieters
Chris Coyier @chriscoyier.net · 05/06/2025
“You might be familiar with SPAs, and MPAs, or actually RFWS ( Regular Fucking Web Sites)” — @cydstumpel.nl #CSSDay
27514
Simon Pieters @zcorpan.bsky.social · 05/06/2025
github.com/whatwg/html/...
github.com
Remove "X-UA-Compatible" pragma · Issue #11356 · whatwg/html
What is the issue with the HTML Standard? https://html.spec.whatwg.org/#attr-meta-http-equiv-x-ua-compatible This is already specified to do nothing for UAs, but is allowed in documents. I think we...
021
Simon Pieters @zcorpan.bsky.social · 05/06/2025
The effect should be the same as removing from the spec, since anything not in the spec must not be used by authors (unless allowed by some other spec).
110
Simon Pieters @zcorpan.bsky.social · 04/06/2025
Should we remove it from the spec? html.spec.whatwg.org#attr-meta-ht...
html.spec.whatwg.org
HTML Standard
110
Reposted by Simon Pieters
Keith Cirkel @keithamus.social · 28/05/2025
Hey friends, did you know you can make a modal <dialog> element dismissible by clicking outside (aka light dismiss) by adding `closedby=any` to it. That's it. That's all there is to it. <dialog closedby=any> developer.mozilla.org/en-US/docs/W... Chrome 134+, Firefox 140+, coming soon to Safari.
developer.mozilla.org
HTMLDialogElement: closedBy property - Web APIs | MDN
The closedBy property of the HTMLDialogElement interface indicates the types of user actions that can be used to close the associated <dialog> element. It sets or returns the dialog's closedby attribu...
320342