Please, please don't use `font-display: swap` with icon fonts. I mean, as a rule, don't use icon fonts — SVGs are so much better — but if you must, then don't use `swap`. It doesn't make sense to see random fallback letters for icons. Do me a favour and check your site now if using icon fonts.

📝 Importing vs fetching JSON JSON imports are now supported cross-browser, but when would you use them rather than fetch()? jakearchibald.com/2025/importi...

Vitest 4 is out! - Browser Mode is Stable - Visual Regression Testing - Improved Debugging - Pool Stabilization - New APIs - Bug Fixes Stay updated with our blog post: vitest.dev/blog/vitest-4

Match URLs with a powerful, standardized syntax using the URL Pattern API → goo.gle/47iTr3o Now part of Baseline, this API provides a built-in way to create URL pattern matchers that can be used against URLs or individual URL components.

The latest episode of What's New in DevTools covers Baseline integration, AI assistance, Save-Data header emulation, and more → goo.gle/4odg8NL Watch the full recap of updates from Chrome 139-141 to see these powerful new features in action and improve your debugging workflow.

As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most. So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion. interop-rank.jakearchibald.com

WOW! That's so incredibly useful!

We just added @csswizardry.com to our Web Performance Heroes starter pack! (Yes, it's a bit late, but better late than never.) Every month, we honour a new hero and add them to this list. Follow along and meet the folks without whom the web would be a sadder and slower place. go.bsky.app/FTbRtFk

I mentioned before that we’re switching Lighthouse Performance audits to the new and improved Insights. The same Insights that you can see in DevTools Performance panel traces. That’s happening in Lighthouse 13 due to be released very soon. Maybe even this week!

For organising Fronteers Darkmode we had a tiny budget. In fact no budget at all for AV. But thanks to an ATEM Mini Pro and a very long USB-C cable we managed to make it look like a high-budget conference instead of a meetup. nielsleenheer.com/articles/202...

Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent→ goo.gle/4pDE6Tk With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.

🚀The new CSS sibling-index() and sibling-count() functions let us create staggered animations, dynamic color palettes, and even complex circular layouts with ease. I wrote about my first experiments with these fantastic new CSS additions. So much fun! ♥️ ✨ #CSS utilitybend.com/blog/styling...

the best part of @smashingconf.com (?)

Bye Bye CrUX Dashboard, I'll always be nostalgic for your stacked bars of Goodness: developer.chrome.com/blog/crux-da... You can use tamethebots.com/tools/cwv-hi..., the cruxvis.withgoogle.com or one of the many other great free tools that use the CrUX History API.

Thanks for coming to my talk at @smashingconf.com, everyone! It was a joy and an honour to be invited – and I hope it was valuable! 🤗💚 Here are the slides: noti.st/matthiasott/... #smashingconf

@ohhelloana.blog can u make this a sticker? 🥺 this summarizes perfectly the conversation between my PM and me (and i am the one saying but i want to lol) 🫣

This is slick. “Liquid Glass in the Browser: Refraction with CSS and SVG” kube.io/blog/liquid-...

Should you go for “my” or “your” when labeling items in interfaces? In summary: Use “your” when communicating to the user. Use “my” when the user is communicating to you. "Your” vs “My” in user interfaces (5min) By Adam Silver: adamsilver.io/blog/your-vs...

Good morning @smashingconf.com 🌞🐥

Kicking of @smashingconf.com Freiburg 2025. @bradfrost.com opening this year's conference. #balloons #event #conference #atomicdesign

Crashing out at how poorly npm (Microsoft) is handling this security incident. Eleventy is not affected any more but *lots* of other tools in the JavaScript ecosystem are! Hours later and the compromised package versions are still public… Maybe don’t install anything from npm today, folks.

Every time I look at a JavaScript date object, I want to quit my job and become a farmer. @nik.digital @smashingconf.com

It's @mattzeunert.com on stage talking about everyone's favorite topic - Largest Contentful Paint (LCP) 🔥🔥🔥 @smashingconf.com @debugbear.com

Hallo Freiburg, hallo @smashingconf.com 👋 But first, time to eat black forest cake 🍰

📝 My new article shows you a simple way to turn any Bluetooth speaker into an AirPlay receiver using a Raspberry Pi. This hack not only lets you stream to a single speaker but also enables a multi-room audio setup. 🔊 Check out the full guide here: dev.to/henrylim96/t... #DIY #RaspberryPi

We’ve launched MDN’s new front end — and it’s just the beginning. Intentionally targeting Baseline "Widely available" features when deciding on which ones to use. This means we're able to adopt modern CSS and web components for our UI. Check it out 👇 developer.mozilla.org/en-US/blog/...

URLPattern lets you parse URLs using familiar route syntax. It’s now in Chrome & Firefox, but it’s likely to land in the next version of Safari. developer.mozilla.org/en-US/docs/W...

It is time for Chrome DevTools! 🎆 @matthiasrohmer.bsky.social is now on stage showing all the less known features of DevTools like Autofill, Emulate Focused Page, Network Overrides, and more. (Where are you @jec.fish? 🥹) #GoogleIOConnect @robertnyman.com

Boss @paul.kinlan.me and @rachelandrew.bsky.social are on stage at Google I/O Connect Berlin sharing all the hottest web features 🔥 #GoogleIOConnect

I wrote about a neat new feature in Chrome DevTools: AI Assistance can now apply CSS changes directly to your local source code via Workspace. It's a small but handy improvement ✨ #GoogleIO #WebDev #ChromeDevTools #AI @matthiasrohmer.bsky.social dev.to/henrylim96/a...

Anyone hiring CSS genius? 👇

Here's the first of many smaller projects I plan to release this year: A custom reset style sheet that comes with a website that allows you to compare it with the default user agent styles and other reset style sheets. fokus.dev/tools/uaplus/

Adding TODO comments like I’m ever coming back 😂

📣 ESLint works with CSS now! And it's got support for checking browser compat with the new require-baseline rule I made a little sandbox here: github.com/rviscomi/bas... In this release I even got to contribute a couple of features: - support for selectors - Baseline year config

Bonjour Paris 🇫🇷🥐 Day 2 of Google AI events! Today is Build with Gemini: Developers Summit—excited to explore the latest in AI and see what’s possible with Gemini! Let’s build! 🚀 #BuiltWithAI #AI #Gemini #Gemma #DevelopersSummit

Bonjour Paris 🇫🇷🥐 First day of Google AI events in Paris! Starting with the AI Bootcamp. Ready to dive in! #BuiltWithAI #AI #Gemini #Gemma

I have heard it said that to live a rich life one should learn something new every day. Well I have been informed by my teenager that the Danish word for speed bump is Fartshumper and that the word for speed check is Fartkontrol. That’s two things.

It's December 1st, and you know what that means: For the next 24 days, we'll publish articles about HTML by 24 authors. You can read them on the website or subscribe to the RSS channel. Enjoy! htmhell.dev/adventcalend...

kicking off #devfestscotland in the kelpies room is @limhenry.xyz doing a deep dive into @chromium.social devtools! 🎉 loads of useful tips... ... and is that a @nuxt.com favicon I see?

you can use CSS to detect not only when a form is :valid but also when it's been interacted with s/:valid/:user-valid 🤙 .group:has(:user-invalid) { --color: var(--invalid); } input:user-invalid + .error { display: block; }

React Compiler is great but not like Harry Potter’s wand, You can’t just point it to a slow app and say “performance repairoo!!” And it magically turns it to super fast If you have stories with it not being magical as it seems, please write it here, preparing a talk about it and would be useful

This "sliding drawer" tutorial from @jhey.bsky.social is incredible. Learned 10 CSS and JS utilities I've never heard of. Like watching a professional street fighter use every combo perfectly 🔥 craftofui.substack.com/p/building-a...

Moin Moin HHTML 🍔👋

🌠 For years, the #1 most requested feature in CSS was Container Queries. We wanted them so badly! Well, they’ve arrived… and none of us are using them. 😂 I think I know why, and I just published a new blog post that will hopefully change that! Check it out: www.joshwcomeau.com/css/containe...

A new proposal enters the arena! github.com/w3c/csswg-dr...

For years, I've been hoping for more of the paged media specs to come to browsers. In the next version of Chrome (131, now in beta) the ability to create your own header and footer content for printed content is here! Find out more in this post.

Hello Bluesky 👋 https://xkcd.com/2045