Эффект жидкого стекла в браузере: рефракция на CSS и SVG. Крис Фейхо экспериментирует с SVG-фильтрами, чтобы добиться противоречивого, но очень привлекательного эффекта из будущих версий iOS и macOS. #css #svg kube.io/blog/liquid-...

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

Folks who use Firefox Developer Edition: What drew you to that version rather than Firefox Release/Beta/Nightly?

Arrived just in time for vacation 🤓 shadycharacters.co.uk/books/face-w...

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

Gecko: Intent to ship web apps in Firefox for Windows

MDN just got a glow-up! 🌟 We’ve completely rebuilt our front end, redesigned, reengineered, and ready to help you find what you need. ✨ New search ✨ Improved typography & code rendering ✨ Sleeker nav & icons Read more 👇 developer.mozilla.org/en-US/blog/...

Starting my new role on Monday. Could be anywhere.

Div is not a button, you say. How about li? Looks legit. <li _ngcrap routerlink="/activities" tabindex="0"> Activity stream </li>

MDN is 20 years old! 🥳 🙏 A huge thank you to... The devs who read and trust MDN The contributors who improve it Everyone working on the web platform who shares our mission. Here's how we celebrated with the web.dev team! 🧁 developer.mozilla.org/en-US/blog/...

This week’s character is chunky, charming, and surprisingly easy to build. If you can style a <button>, you can create this froggy. Seriously. 🐸 Learn how basic CSS building blocks turn into a froggy with cheeks, toes, and a fly. youtu.be/rRsZDu7Ax3I

I guess I’m not a pro anymore 🥲 Jumped from 15” Pro M1 Max to just 13” M4 Air and can’t really tell the difference, even for the podcast production workflow. Not sure if I’ve ever used the extra ports that much.

Most of the people: Huh? 🤔 Me: There’s no way you can use Shure SM7B on a stand like this because the XLR port is blocked 🙄 (Étoile S01E02)

How sausages are made, featuring @brucel.bsky.social #cssday

You don’t have to be a GeoGuessr expert to spot the city in the photo. Just walking here feels like a crime 😬

Sold out. But our live stream isn't. cssday.nl/live-stream....

This book didn’t age well 🥲 (Hail Mary Project by Andy Weir)

[New blog post] Are CSS Carousels accessible sarasoueidan.com/blog/css-car... In this post, I share some important insights from examining the accessibility of CSS-only carousels that use new features introduced in the #CSS Overflow Module Level 5 spec. #a11y

Ever wondered why colors look different across devices? 🌈 In the new blog by @pgurtovaia.bsky.social, you will learn, 👀 How humans perceive it 💻 How devices render it, and 🧑‍💻 What you, as a developer, need to know Dive deep 👇 developer.mozilla.org/en-US/blog/...

Today I join the DOM Core team at Mozilla. Couldn't be happier. www.keithcirkel.co.uk/joining-mozi...

Planned a four-day CSS trip to Amsterdam in June: June 4, Pre-CSS Day meetup www.meetup.com/coven-of-wis... June 5–6, @cssday.bsky.social conference cssday.nl June 7, CSS Café meetup www.meetup.com/css-cafe/eve... Who’s coming? 🤓

I just discovered that you can’t debug styles in a shadow root in WebKit Web Inspector if they’re attached using adoptedStyleSheets (constructable stylesheets). For some reason, they’re considered user agent stylesheets 🤔 bugs.webkit.org/show_bug.cgi...

CSS Day 2025 is coming! Today we announce four new speakers: @ishadeed.com , @cydstumpel.nl , @utilitybend.com , and Amit Sheen. Also we announce an Advanced Design Token workshop by @bradfrost.com and @ian-frost.bsky.social on 4th of June. cssday.nl has all the info. See you in June?

Surely this new video won't make me seem like a crank. www.youtube.com/watch?v=QEJp...

JavaScript's date object has been tricky for years, but that will change soon. The NEW Temporal API brings, 🌍 Easily handle time zones 📆 Precise date math 🕒 Parse ISO strings without errors ⌛ Durations, date ranges, and more. Start exploring 👇 developer.mozilla.org/en-US/blog/...

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

CSS Day 2025 will take place on 5th and 6th of June in Amsterdam. #cssday cssday.nl

Starting from Chrome 122 and today’s Firefox 134, you can use align-self and justify-self (or the place-self shortcut) to control boxes with position: absolute and inset: 0. Waiting for Safari to catch up! codepen.io/pepelsbey/pe... developer.mozilla.org/en-US/docs/M...

Told you overlays are bad! "...despite the company’s claims, accessWidget did not make all user websites WCAG-compliant and these claims were therefore false, misleading, or unsubstantiated, in violation of the FTC Act." #a11y #accessibility www.ftc.gov/news-events/...

I have a suspicion that jzczhz and jzazbz color spaces were named by a cat walking on a keyboard 🥲 mastodon.scot/@svgeesus/11...

Happy browser choice day to those in Europe who celebrate! This is a second attempt to get it right. Brought to you by the iOS 18.2 update and the fine folks from open-web-advocacy.org

Inflation strikes again, but this time you might actually like it! The console already had $() and $$(), Firefox Nightly now has $$$(), which returns an array of nodes matching the selector, including those in the ShadowDOM. Hopefully this will make working with Web Components a bit easier 🙂

Gather around the fire, kids. Today, I will tell you an HTMHell story about native HTML color scheme switching. It’s getting dark early in Berlin in the winter… htmhell.dev/adventcalend...

Выпуск №451. Вадим Макеев и Алексей Симоненко про адвент-календари, Firefox, сложности Interop, новые фичи, Zed и как отобрать JavaScript у Oracle. Слушайте на Ютубе youtu.be/Nh6S5dfufOk Ссылки на сайте web-standards.ru/podcast/451/

8 AI Tips for Web Developers (and Their Careers): AI is everywhere and comes with many problems and challenges. Yet as web developers, we need to adapt to a reality with AI. A few ideas on how we can make use of AI to the benefit of our work and our careers.

🚨 Introducing the 2024 Web Almanac, our annual "state of the web" report! 🔖 almanac.httparchive.org/en/2024/ 21 chapters (11 publishing today, the rest to follow) 65 contributors for today's chapters (more to follow) 17M websites analyzed 83 TB of data processed 628 queries written

Выпуск №448. Никита Дубко и Алексей Симоненко про Safari TP 207, мгновенную навигацию, опасный npm, безголовые компоненты и width: stretch. Слушайте на Ютубе youtu.be/6WGx80VROcE Ссылки на сайте web-standards.ru/podcast/448/

With another wave of seasonal migration between social networks, let me remind you that I cross-post pretty much everywhere I can to stay in touch with scattered friends. I’m mostly active on Mastodon, but feel free to pick the one that works for you:

Have you seen any good articles or projects using Cascade Layers for CSS architecture? Modern CSS seems capable of something similar to BEM without complex tooling, but I’m struggling to make it work. You know, 15-year-old habits won’t let you go easy.

Performance is a key aspect of the user experience 🥲

Any idea who’s right? It would be nice to be able to position a popover right next to the button that triggers it. Firefox and Safari both make it easy. Chrome’s behavior makes me sad. codepen.io/pepelsbey/pe...

Yesterday, I gave a talk about MathML, and I heard that some people thought “ML” stood for “machine learning.” “Math Machine Learning” even makes some sense. To their disappointment, I was talking about markup language instead.

Last week, I successfully broke free from the vendor-locked and rather limited Apple smart home ecosystem and jumped straight into the rabbit hole of Home Assistant, running on a VM inside of my NAS with Zigbee and Bluetooth dongles sticking out of it.

Remember that annoying behavior when browsers copy text in uppercase, although it’s only styled with text-transform? Yes, the one that goes against the spec. Apparently, Chrome 127 shipped the fix in July! Now, only Safari does that 🤨 If you don’t, here’s the article pepelsbey.dev/articles/upp...

Starting from Firefox 131, text fragments are now cross-browser, aka Baseline (newly available). You can style the highlighted content with the ::target-text pseudo-element. I’m still getting over the #:~:text= thing, but it’s a good moment to start using it. developer.mozilla.org/en-US/docs/M...

TIL there’s a mml file extension for standalone MathML files (like there’s svg for SVG, you know), and only Firefox supports MML rendering! Chrome shows it as plain text. Safari doesn’t even bother with that. Naturally, I filed feature requests, but I’m not holding my breath: it’s MathML, after all.

What does running a music commentary podcast feel like on different platforms? You know, fair use and all that. Apple Podcasts, Spotify, etc. just fine. Google Podcasts used to be like that, too. Now YouTube Music? They’ll just block the hell out of your feed.

Some pictures from Zurich and Pilatus mountain near Lucerne from last week’s trip to Switzerland.

Was this helpful? I don’t know. I haven’t had a chance to see the content yet, and I probably won’t.

One low quality face, you say? That’s rude.