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.

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...

Gecko: Intent to Ship: CSS View Transitions L1

Did you know? You can style XML with CSS using <?xml-stylesheet href="style.css"?>

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… 🧵

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.

I don't know why this lad is building a subterranean city for cats, but I'm all for it.

Email addresses are very simple, and you will score highly in this quiz. e-mail.wtf

wait...it's up! gitnation.com/contents/the-new…

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)!

“You might be familiar with SPAs, and MPAs, or actually RFWS ( Regular Fucking Web Sites)” — @cydstumpel.nl #CSSDay

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.

What is web compat? SmoothGate is a good case study and this article by @mths.be explains it well developer.chrome.com/blog/smooshg...

The src attribute on <img> is no longer required. github.com/whatwg/html/...

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…

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...

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

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?

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.

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!

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

Blink: Intent to Deprecate and Remove: Deprecate special font size rules for H1 within some elements

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...

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.

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

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...

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.

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

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...

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...

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.

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...

Here's the new 2025 reset.css: h1 { margin-block: 0.67em; font-size: 2em; } Thank you for adopting this on all your sites! See github.com/whatwg/html/...

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.

@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. 🤗

🔥 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).

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

I can't tell if I have a mind virus

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

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

⌨️ 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...

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

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?)

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

https://github.com/whatwg/html/issues/9448 is a bummer

A common misconception about the event loop is that it's a JavaScript thing. Nah, the event loop is the scheduler for what we often call the 'main thread'. Sure, that's where JavaScript runs, but it's also where the document lives, and style, and layout.

Fix by @cleptric.bsky.social 🚀 https://github.com/bluesky-social/social-app/pull/657

OK so staging.bsky.app seems nicer than the Android app (loads faster, works on desktop) but why is the New Post button wrapping in Firefox?