JS promise integration for WebAssembly landed in Firefox 153, making it easier to work with asynchronous calls from Wasm. Here's how it works:
Vadim Makeev
@pepelsbey.dev
Frontend developer in love with the Web, browsers, bicycles, and podcasting. He/him, @developer.mozilla.org technical writer, @web-standards.dev editor, Google Developer Expert📍Berlin https://pepelsbey.dev
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-...
A Random-Post Button, Now With One (1) Link
A button that links to a random post — in HTML & CSS only. Three ways to fake random(): the clock, the scrollbar, or your mouse path. Plus a rolling 3D die.
acorns.nutlore.me
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)
popover="hint" - new in Firefox 153
YouTube video by Firefox for Web Developers
youtube.com
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...
🌙 The Fronteers Dark Mode programme is live! Join us Oct 2nd in Dordrecht 🇳🇱 for an evening of talks on HTML, CSS, WebAudio, and APIs: 🎤 Barry Pollard 🎤 Anjana Vakil 🎤 Harry Roberts 🎤 Cyd Stumpel 🎤 Heydon Pickering Hosted by Jake Archibald 🎟️ €99 incl. a 2-course dinner 🥣🥩🐟🥬 👉 fronteersconf.org
Fronteers Dark Mode, Friday, October 2nd, Dordrecht
Join us at Cinema de Witt in Dordrecht for our after work conference.
fronteersconf.org
Playing with text-fit. Krijn Hoetmer explores the new CSS text-fit property. It scales text to fit its container: grow enlarges, shrink reduces, with modes for consistent or per-line scaling, only in Chrome 150 for now. #css #typography krijnhoetmer.nl/log/...
In defense of polyfills. @lea.verou.me pushes back on the idea that polyfills harm the web. The need for fallbacks stays regardless, and the real fix is a faster standards process, not banning a useful tool. #polyfill #tools lea.verou.me/blog/20...
#AccessibilityIsResistance https://tink.uk/accessibility-is-resistance/
State of Devs 2026. Sacha Greif and Devographics launched the survey about everything that isn’t code, from health and hobbies to career, money, and community. It takes about 15 minutes and helps paint a fuller picture of developers’ lives. #stateof #survey survey.devographics....
What’s new in ECMAScript 2026. Paweł Grzybek walks through the new spec: Array.fromAsync, Error.isError(), Math.sumPrecise, Uint8Array Base64 and Hex conversion, Iterator.concat(), JSON.parse source access, and Map.getOrInsert(). #ecmascript #js pawelgrzybek.com/wha...
Evil Martians, the DevTools consultancy team I’ve been part of for 15+ years, is hiring a Product Designer. Come work with us on developer tools, open source, and complex products for technical audiences. evilmartians.com/careers/prod...
Now that most of the browsers are moving to a 2-week release cycle: Firefox 200 in 2028 Firefox 300 in 2032 …and if I live long enough, I might see Firefox 1000 in 2059 😬 Firefox groups.google.com/a/mozilla.or... Edge blogs.windows.com/msedgedev/20... Chrome developer.chrome.com/blog/chrome-...
Introducing Baseline Alerts. Jeremy Wagner presents a notification system in the Web Platform Status dashboard. Sign in with GitHub to get email, RSS, or Slack alerts when web features reach Newly or Widely available across browsers. #baseline #interop web.dev/blog/baselin...
The Goldilocks customizable select height. Jake Archibald sizes the customizable <select> picker with anchor positioning and calc-size() so it never hits the viewport edges, shrinks too small, or grows too tall. #css #anchor jakearchibald.com/20...
Why bother with time zones when you can just offload this problem on your user’s shoulders? Lazy Vattenfall bastards 🙄 (pressing “Continue” reloads the page)
Latest version of sharp (for Node.js image processing): 📦 Faster and safer installation, no more install scripts 🙌 Dual ESM/CJS 🖼️ Improved AVIF output quality and bit depth ☀️ Experimental support for HDR gain maps 👷 Transferable ArrayBuffer output for worker threads www.npmjs.com/package/sharp
npmjs.com
@rachelandrew.co.uk @alexandrascript.com @bram.us @una.im @robertnyman.com @paul.kinlan.me Is there a reliable way of tracking Chrome release notes the day it ships? It’s been two days since Chrome 150 release notes are up: developer.chrome.com/release-note... developer.chrome.com/blog/new-in-...
Modern CSS theming with light-dark(), contrast-color(), and style queries. @una.im layers light-dark(), @property, contrast-color(), and @container style() queries to build accessible, composable themes that adapt elevation per mode. #css #color una.im/modern-css-th...
Your grid lanes will likely fail WCAG 2.4.3. @matuzo.at shows how grid lanes reorder items to balance column heights, breaking the match between tab order and visual order. The flow-tolerance property helps, and reading-flow may fix it. #css #a11y www.matuzo.at/blog/2...
I’ll be available for freelance work from August onwards. I can help you with: - Accessibility workshops, either in person or online - CSS workshops - Consultancy on HTML, CSS and accessibility - Front-end development EN or DE. Get in touch if that sounds interesting ❤️ matuzo.at/about-me
About me - Manuel Matuzovic
I’m a frontend developer, consultant, accessibility auditor, blogger, teacher, and book author from Austria.
matuzo.at
We're at 4844 responses for this year's State of CSS survey, so I just need 157 more participants to be able to say the survey got "over 5000" responses! I'm closing the survey tomorrow so this is your last chance to learn about all the latest CSS features! survey.devographics.com/en-US/survey...
State of CSS 2026
Take the State of CSS survey
survey.devographics.com
Yes, that's exactly what you need to do when a client-side exception has occurred: fill the page black and guide users to the console. Well done 👏
Experimenting with random() in CSS. Kilian Valkhof, on the Polypane blog, explores CSS random() with demos for bokeh, falling petals, a photo stack, and an aurora. Works in Safari 26.2+ and Chromium 148+ behind a flag. #css #animation polypane.app/blog/ex...
Gecko: Intent to Prototype: text-box-trim / text-box-edge
Gecko: Intent to Prototype: text-box-trim / text-box-edge
Gecko: Intent to Prototype: text-box-trim / text-box-edge
groups.google.com
Animating <dialog> with view transitions. Rik Schennink swaps view-transition-name from a <button> onto the <dialog> inside startViewTransition() to morph button into modal. Behind a prefers-reduced-motion check. #css #viewtransition pqina.nl/blog/animat...
I am attempting to launch a new No Build W3C Community Group. Sign up if you are interested in under-engineering on the web. www.w3.org/community/bl...
June | 2026 | Community and Business Groups
w3.org