iiinova — where your digital self keeps evolving

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

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

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

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

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

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

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

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

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

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

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

Reposted by Simon Pieters

Alex Russell @infrequently.org · 08/05/2025

Lots of folks fell for the "DOM is slow" marketing of certain frameworks, but DOM isn't slow. *Uncontrolled style read-back* is. But what if that wasn't a thing? Looking for feedback on a new proposal to control layout thrashing here: github.com/MicrosoftEdge/MS…

github.com

MSEdgeExplainers/EventPhases/explainer.md at main · MicrosoftEdge/MSEdgeExplainers

Home for explainer documents originated by the Microsoft Edge team - MicrosoftEdge/MSEdgeExplainers

55713

Reposted by Simon Pieters

Yoav Weiss @yoav.ws · 08/05/2025

If you ever wanted to use `sizes=auto` and were bummed out about Safari/Firefox support, Shopify now got a polyfill for ya! github.com/Shopify/auto...

github.com

GitHub - Shopify/autosizes: A sizes=auto polyfill

A sizes=auto polyfill. Contribute to Shopify/autosizes development by creating an account on GitHub.

1288

Reposted by Simon Pieters

Mary Branscombe @marypcbuk.bsky.social · 30/04/2025

I take a deep dive into Interop 2025; why the project is there, how it picks what browser features to focus on each year, how well it's doing and what the big areas for this year are - a mix of cleaning up existing features and making sure new features arrive already interoperable

thenewstack.io

Interop Unites Browser Makers To Smooth Web Inconsistencies

For the past four years, major browser vendors have collaborated to improve web interoperability by coordinating enhancements to inconsistent browser implementations.

43215

Reposted by Simon Pieters

Keith Cirkel @keithamus.social · 28/04/2025

Browsers used to have a feature where you could add new context menu items. Is this worth reviving? Yes or No? Would you use it as a developer? What use cases do you have? Would you want this as a user?

A screenshot of a website's context menu, with additional custom menu items that the website has provided - a "Follow" option and a "Chat" option.

693

Reposted by Simon Pieters

Keith Cirkel @keithamus.social · 28/04/2025

Lots of sites have this "hovercard" style pattern on links which shows you a cut-down preview of the page behind the link - often times with additional interactions. I wonder if anyone has any more examples? Especially sites which do this (display a rich tooltip) on non-links.

A screenshot of the Wikipedia "popover" article. The link "Yorkshire Pudding" has been hovered, which has displayed a preview-card with a small except from the Yorkshire pudding page, including the image on that article.

9194

Reposted by Simon Pieters

Keith Cirkel @keithamus.social · 15/04/2025

Friday marked my last day at GitHub. I spent almost 8 years building one of my most favourite websites. It was truly a pleasure working on it, but I could feel my interest waning, not least due to React & the push for AI. Today I start at my new job... with totally renewed excitement!

7843

Simon Pieters @zcorpan.bsky.social · 11/04/2025

I wrote an article that was #1 on the orange website for a bit earlier today news.ycombinator.com/item?id=4364...

000

Simon Pieters @zcorpan.bsky.social · 27/03/2025

Starting March 31, 50% of Firefox beta 138 users will have the change where <h1> always has the same UA style, even in article, aside, nav, section. Also, Lighthouse will fail a check if you have an <h1> without font-size specified. Advice for web developers: developer.mozilla.org/en-US/docs/W...

developer.mozilla.org

<h1>–<h6>: The HTML Section Heading elements - HTML: HyperText Markup Language | MDN

The <h1> to <h6> HTML elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest. By default, all heading elements create a block-level box in the layo...

0103

Reposted by Simon Pieters

Keith Cirkel @keithamus.social · 21/03/2025

As it's Friday (here at least) can all you webdevs do me a favour and make this simple code change: 1. Search for `aria-labeledby` in your codebases. 2. Change it to `aria-labelledby` (note the double L) 3. Submit a PR. 4. Congratulate yourself for your Friday contribution.

46026

Reposted by Simon Pieters

Anne van Kesteren @annevk.nl · 27/02/2025

And yet another polyfill appears to have poisoned the standards well. This time for scoped custom element registries. People never learn. 🫠

2102

Reposted by Simon Pieters

Manuel Matuzović @matuzo.at · 10/02/2025

Firefox stopped changing the font size of sectioned h1's and shows a warning if there are sectioned h1's without specified font-size and margin properties. Currently only in Nightly. codepen.io/matuzo/pen/P...

Three nested sections, each with an h1. The font size of all h1's is the same and firefox show a warning: "Found a sectioned h1 element with no specified font-size or margin properties."

3143

Reposted by Simon Pieters

Patrick Brosset @patrickbrosset.com · 18/02/2025

I just made a thing: A collection of links for web developers to navigate the web platform more easily. 🟢 Places to follow progress and keep track. 🟣 Places to make your voice heard and influence the platform with your use cases.

buff.ly

Navigating the Web Platform Cheatsheet

As a web developer, navigating the web platform isn't always easy. Here are ways to keep track of what you can use, of what's new in web browsers, and ways you can influence the development of the…

14324

Reposted by Simon Pieters

Andy Davies @andydavies.me · 04/02/2025

8 1/2 years ago Chrome started explicitly warning that scripts shouldn't use document.write And yet today, the biggest generator of these warnings seems to be Google's AdTech stack

Screenshot of Chrome DevTools showing pubads_impl.js generating many warnings about it's use of document.write

1243

Reposted by Simon Pieters

Patricia Aas 🐢🏳️‍🌈 @patigallardo.bsky.social · 29/01/2025

Since apparently being a nice person is illegal in the US now, it’s time to pull out my most popular blog post ever. It’s called “survival tips for women in tech”, but I’m told it works for all genders and in countless industries. patricia.no/2018/09/06/s...

patricia.no

Survival Tips For Women In Tech | Patricia Aas

Who else is the only woman on their dev team?

20469192

Reposted by Simon Pieters

Yoav Weiss @yoav.ws · 21/01/2025

If you want to get into web platform development and push features into browsers, I wrote a few words that I hope can be useful: blog.yoav.ws/posts/so_you...

blog.yoav.ws

So, you want to push a web platform feature?

05318

Simon Pieters @zcorpan.bsky.social · 17/01/2025

Our team (DOM Core) has an open position: www.mozilla.org/en-US/career... Remote in any of Finland, Sweden, Denmark, Poland, Spain, Belgium, Netherlands, France, Germany, UK, Canada, or US.

mozilla.org

Mozilla Careers — Staff Software Engineer, DOM Core — Open Positions

Mozilla is hiring a Staff Software Engineer, DOM Core in Remote US

010

Simon Pieters @zcorpan.bsky.social · 16/01/2025

The backstory here is - h1 was specified to have automatic heading level based on the number of ancestor sections (or aside, article, nav). - The default rendering was specified to (roughly) match, such that <section><h1> would have the same font-size and margin as h2 - cont...

1135

Reposted by Simon Pieters

Jen Simmons @jensimmons.bsky.social · 07/01/2025

Looking at the Interop Project scores since 2021 — look at how much higher the overall “interop” score (the black line) is for 2024 over the previous years! Wow. Great job everyone who was involved in 2024, from those who helped plan to those who fixed browser bugs or implemented new features.

Interop Project results 2021-2024 for Chrome, Firefox and Safari. In a table and a graph. Plus the "interop" scores, represented by black line that goes up sharply for last year. Interop results: 87, 83, 83, and then 95%.

1574

Reposted by Simon Pieters

Christian "Schepp" Schaefer @schepp.dev · 20/12/2024

@scottjehl.com have you ever seen @zcorpan.bsky.social's talk from HTML Day 2016: youtu.be/1fWvkIhvkjY?... He explains really nicely how the parser works for video sources as opposed to how it works with the picture element. 🤗

youtu.be

Simon Pieters | SOURCE | HTML Special, CSS Day 2016

YouTube video by Web Conferences Amsterdam

141

Reposted by Simon Pieters

Bramus @bram.us · 17/12/2024

🔥 Remember Internet Explorer’s Page Transitions? THEY’RE BACK BABY! 👾 Demo: ie-page-transitions.netlify.app ⌨ Repo: github.com/bramus/ie-pa... To configure these, use the meta tags from the olden days + load up the library. Works in IE 5.5–7.0, Chrome 126+, and Safari 18.2 (buggy).

1715130

Reposted by Simon Pieters

Sacha Greif @sachagreif.com · 16/12/2024

The State of JS 2024 survey results are now live! 2024.stateofjs.com/en-US A couple highlights 🧵

2024.stateofjs.com

State of JavaScript 2024

The 2024 edition of the annual survey about the latest trends in the JavaScript ecosystem.

810546

Simon Pieters @zcorpan.bsky.social · 16/12/2024

I can't tell if I have a mind virus

280

Reposted by Simon Pieters

Blake Watson @blakewatson.com · 04/12/2024

I guess it is time to introduce Bluesky to my latest work, HTML for People. Anyone can make a website with HTML. No previous coding experience required. I cover everything you need to know to get started in an approachable and friendly way. And it’s free for all. 🚀 htmlforpeople.com

htmlforpeople.com

HTML for People

HTML isn't only for people working in the tech field. It's for everyone. Learn how to make a website from scratch in this beginner friendly web book.

17742662095

Simon Pieters @zcorpan.bsky.social · 14/10/2024

Observation: This place is 100.00% hating on Elon bsky.app/profile/kilg...

000

Reposted by Simon Pieters

Eric Meyer @meyerweb.com · 23/09/2024

⌨️ New post! Announcing a service that helps web devs keep up to date on changes to support for web features (CSS, JS, SVG, HTML, and all that sort of thing); you can subscribe to RSS to get weekly reports on BCD changes. Thanks to @igalia.bsky.social for their support! meyerweb.com/eric/thought...

A screenshot of the BCD Watch service, showing changes of support in JS APIs and CSS.

2198

Reposted by Simon Pieters

Theresa O’Connor @tess.oconnor.cx · 27/09/2023

Polyglot data formats are pretty much always a mistake. Specifying them doesn't lead to interoperability. tess.oconnor.cx/2023/09/poly...

tess.oconnor.cx

Polyglots don’t lead to interoperability

tl;dr: please don’t specify them.

051

Simon Pieters @zcorpan.bsky.social · 19/09/2023

Web devs: assuming you can do @ import url("...") supports("...") ...; and <link rel=stylesheet href="..." media="supports(...) ..."> would you expect this to work also? @ media supports(...) ... {} Comment yes/no. (Y no polls on here?)

000

Reposted by Simon Pieters

Brian Kardell @bkardell.com · 25/08/2023

Out of curiosity: Is there anyone using shadow dom on plain divs or something? That is, using it on something _besides_ a custom element?

201