Vadim Makeev

An SVG inside <img> has always been a styling dead end: you can place it, but you can’t paint it. CSS Linked Parameters fix that in Firefox Nightly, so I traced Warhol’s Marilyn and repainted it nine times from one 50 KB file 💅 pepelsbey.dev/articles/svg...

Firefox 159 release notes for developers. Scroll-driven animations on by default, scoped custom element registries for web components, and legacy masonry removed in favor of grid lanes. #firefox #browser developer.mozilla.or...

JPEG XL is newly available in all major engines, but how does it stack up against other formats?

Introducing the accessible components library. Craig Abbott presents TetraLogical’s eight open-source components with docs and tests that check WCAG 2.2 criteria in a real browser, with about 97% of scenarios automated. #a11y #component tetralogical.com/blo...

Chrome 156 shipped CSS random(). Sure, you could make snowfall or slightly tilted buttons. Or you could do stochastic calculus. With confetti 🎉 acorns.nutlore.me/css-monte-ca...

Apropos of nothing, if you're considering switching from a recently deprecated browser and want to try Firefox, I just landed `Copy Tab URL` in nightly - it's not bound by default but a quick visit to `about:keyboard` will let you set it, and also take a glance at the other neat shortcuts we have.

I gave a talk at EMF titled "Men in Tech #YesAllMen", in which I told my experience of being a woman in tech. I was afraid to publish it in case it affected my current or future employment. With all the current news I would like to add my 2¢. So here is the recording: youtu.be/WXL6K1lhvt0?...

JPEG XL vs AVIF for web use-cases. Jake Archibald benchmarked both: AVIF produces smaller lossy files for photos, screenshots, and transparency, while JPEG XL wins at lossless. His default is AVIF 4:4:4 at high effort. #image #performance jakearchibald.com/20...

How many Rust engines does it take to light a candle? One, plus a little physics. Say hello to my new demo, where I tried to build a candle simulation: acorns.nutlore.me/blackbody-ca... Inspired by @carmenansio.bsky.social www.carmenansio.com/articles/mat...

Yesterday, the CSSWG accepted my proposal for mesh gradients and diffusion curve gradients! Want to make gradients like this natively in CSS? Well, we've started the work on it. It's coming! Here's the Explainer: github.com/w3c/csswg-dr...

Firefox 158 release notes for developers. JPEG XL on by default, CSS typed arithmetic in calc(), a navigate option for notifications, plus flagged random(), corner-shape, and import defer. #firefox #browser developer.mozilla.or...

2027 web platform feature ranking. The @webdevs.firefox.com team asks you to rank around 10 of the 100 Interop 2027 proposals you care about. Last year’s 1900+ rankings shaped both Interop picks and Firefox’s own priorities. #interop #firefox interop-rank.fxdx.dev/

Developer Signals: shape what browsers build next. Rick Viscomi made a tool to browse upcoming web features and Interop 2027 proposals, vote with GitHub, and share use cases that go straight to browser vendors. #interop #browser developer-signals.dev

Firefox 157 release notes for developers. at-rule() in @​supports, a chain value for overscroll-behavior, Animation.reverse() at playbackRate 0, plus flagged ML-KEM in Web Crypto and notification navigate. #firefox #browser developer.mozilla.or...

Yay, with the 27.0.1 update, macOS is almost usable now! Well, apart from the “which one of the black boxes is the space you’re looking for?” game. It’s still there 🫠

🆕 Customize MDN's browser compat tables! Press ⚙️ Settings on any compat table to choose which browsers and engines you see, and hide the ones you don't need. Your picks are saved in your browser. Try it 👇 developer.mozilla.org/en-US/docs/W...

Browsers situationship: when browsers agree but the spec doesn’t. Rakhi explains why a spec sometimes moves toward browser behavior instead of the other way around, and how tests and Web compatibility bring them back to one result. #browser #interop www.atbrakhi.dev/blo...

The root scroller and how not to lose it. Kilian Valkhof shows how an app shell with a fixed-height wrapper and overflow replaces the page's own scroll container, losing keyboard scrolling and pull-to-refresh, and what to use instead. #css #scroll polypane.app/blog/th...

My latest experiment: I built a toy UI framework where the logic is written in Rust, but it mutates CSS instead of HTML. It was quite a fun experience with surprisingly good performance. A couple of wheels were reinvented along the way :) hellsquirrel.dev/blog/wasm-cs...

Friends, it's that time of the year: Once again, I'm asking you to help me create another amazing HTMHell Advent Calendar by writing about HTML. The CFP is open until October 3! docs.google.com/forms/d/e/1F...

Sidenotes with CSS anchor positioning. Vincent Bernat pulls notes into the margin with anchor-name, position-anchor, and typed attr(), then uses max() with anchor() so a note lines up with its reference mark or drops below the previous one. #css #anchor vincent.bernat.ch/en...

When and how CSS custom property values are calculated might not be what you expect, and it has a big impact on your styles…

The browser’s main thread is expensive. Sunhyoup Lee explains how to fit JavaScript, styles, layout, and events into 10 milliseconds per frame: split long tasks and yield, batch frequent events, or move work to the compositor or a Worker. #performance #js kciter.so/posts/the-...

The CSS progress() function is now in all major engines! Here's how it works:

Oh, I missed the first @web-standards.dev birthday! Apparently, if you publish news every day for a year, excluding weekends, it makes it 251 news 🤔 Still no mailing list, but there’s always RSS: web-standards.dev/feed/

Make your logo brighter than white. Chris Bennett built a tool that turns a logo into a gain-map JPEG, so the colors you pick shine up to 7.5 times brighter than plain white on HDR screens and stay a normal JPEG everywhere else. #color #image www.soverybright.com/

Container style queries and advanced attr(): rethinking how to wire up components in CSS. Brecht De Ruyte casts attributes like data-gap="2" into typed CSS values and lets @​container style() queries rescale a whole card from one variable. #css #component utilitybend.com/blog...

Submit your proposals for Interop 2027. The call is open until September 23rd. A proposal needs a stable specification and Web Platform Tests that run automatically in all four browsers, plus evidence that developers hit the problem. #interop #wpt github.com/web-platf...

Major versions of Firefox now land every two weeks, so Firefox 155 dropped today with web platform features including: 🎉 Fully typed CSS attr() 🎉 CSS progress() 🎉 Promise.allKeyed() and allSettledKeyed() 🎉 Lots of new WebTransport stuff …And more! developer.mozilla.org/en-US/docs/M...

CSS attr() now works on all properties in Firefox 155. Here's how it works, and how to get the most out of it:

Firefox 155 release notes for developers. This expands attr() to any CSS property, adds the progress() and alpha() functions, renames font-stretch to font-width, and brings Promise.allKeyed(). Scroll-driven animations are behind a flag. #firefox #browser developer.mozilla.or...

Feature detecting undetectable CSS features with @​supports named-feature(). Bramus explains the new function that checks what @​supports can’t reach, like whether gap actually works in a flex container and not just parses. #css #interop www.bram.us/2026/08/...

Highlighting a range of text inside a form field. Ollie Williams shows how OpaqueRange brings the CSS Custom Highlight API to form controls: call createValueRange() and style the result with ::highlight(). Chromium 152 only for now. #chrome #js olliewilliams.xyz/bl...

Gecko: Intent to Unship: XSLT

Anyone from Web Platform Tests around? Looking for a contact who can help land two small #WebAssembly WPT bug fixes — they flake / false-fail WebKit CI. Both green, just waiting on review. github.com/web-platform... github.com/web-platform...

Intent to ship: JPEG XL. Jake Archibald explains that Firefox is shipping JPEG XL built on jxl-rs, the Rust decoder from Google Research. AVIF still wins on photos, but JPEG XL is better at lossless and progressive rendering. #image #firefox hacks.mozilla.org/20...

Firefox 154 release notes for developers. This adds the sibling-count() and sibling-index() CSS functions, text-box-trim, and the Iterator methods includes(), join(), chunks(), and windows(). Plus unprefixed line-clamp behind a flag. #firefox #browser developer.mozilla.or...

Progressive Web Apps mostly rock. Martin Grubinger weighs the wins, like URLs, the back button, and instant updates, against what still hurts: iOS install flows, unpredictable install prompts, and missing platform capabilities. #pwa #browser grooovinger.com/note...

How Baseline can help you ship less JavaScript. Jad Joubran walks through five dependency clusters where the platform replaces npm packages: Intl instead of timeago.js, fetch instead of axios, <dialog> instead of modal libraries. #baseline #js www.smashingmagazine...

I finally have something to share here. How often do you copy something, then edit it before pasting it? Remove tracking parameters, shorten a URL, clean up text, turn a bullet list into Markdown list… I built Clipboard Transformer for that: github.com/jag-k/clipbo... #OpenSource #Productivity

Dark mode toggles: two states are enough. @lea.verou.me argues the three-state light, dark, and system control is implementation-driven, since people switch themes only when the current one feels wrong. Keep three states under the hood, show two. #design #css lea.verou.me/blog/20...

JS promise integration for WebAssembly landed in Firefox 153, making it easier to work with asynchronous calls from Wasm. Here's how it works:

Liquid Glass 2.0 in CSS (Aqua’s revenge). Jared White recreates Apple’s refined Liquid Aqua in pure CSS with dark borders, vertical gradients, @​property variables, and ontouchstart for touch, warning not to trade readability for shine. #css #design thathtml.blog/2026/0...

@codepen.io Your newsletter has no unsubscribe link and doesn't accept replies. I had to dig through UI to find how to unsubscribe from something that I have never subscribed to. Not cool 😕

Not enough energy for deep dives lately. Just enough for small demos. First up: a button that links to a random post — CSS doing its best impression of random(). Riffing on an original by @chriscoyier.net acorns.nutlore.me/random-post-...

Cheatsheets for flex, grid, anchor positioning and invoker commands. Kilian Valkhof shares four CSS references he made after forgetting anchor positioning and grid-area syntax. Free as PDF and PNG in print-ready A5. #css #learn polypane.app/blog/ch...

I’m cursed to see faux bold rendering when font-weight is cranked higher than the included font actually supports. I wish browser DevTools would flag it in the console. Makes me wonder if this could be caught by a linter 🤔

popover="hint" landed in Firefox 153. Here's how it differs from regular popovers: youtube.com/shorts/HWetx... (sorry for the YouTube link, it seems like video uploads are broken on bsky today)

Firefox 153 release notes for developers. This adds Intl.Locale methods, import source for unevaluated modules, getAllRecords() for IndexedDB, Picture-in-Picture, WebAssembly JSPI, and the experimental link-parameters property for SVG. #firefox #browser developer.mozilla.or...