Nicolas Chevobbe

Gecko: Intent to Ship: CSS random() math function

📢 I need 160 more web developers to answer 1 important question. How do you interpret the "Fully Supported" label on MDN support tables? Let me know in the survey below and tell your web developer friends to answer too 🙏🏾 github.com/lolaslab/acd...

There's a defeatist vibe rn and I think there's an inevitability feeling washing over us. There is no inevitability. If you're in a position to speak up against the direction the industry is taking, I'd say now is the time to do that. I certainly try because I cannot be fired and it does help!

Firefox 157 has landed, and includes a couple of useful CSS features: 🎉 at-rule() in @supports - lets you limit rules to browsers that support a given at-rule. 🎉 overscroll-behavior: chain - lets scrolling pass up to parent elements, but prevents UA effects like 'bounce' and overscroll. …And more!

You can follow bugzilla.mozilla.org/show_bug.cgi... to know when `@custom-media` will ship in @firefox.com At the moment, you can test them flipping `layout.css.custom-media.enabled` in about:config (Note that support in DevTools isn't fully done yet, see bugzilla.mozilla.org/show_bug.cgi...)

I don't miss Sass, I miss named breakpoints. We can almost get there with raw CSS. 🤏 www.abeautifulsite.net/posts/named-...

The latest @firefoxnightly.bsky.social has CSS random() support enabled by default, please give it a try! I quite like the demos from @polypane.app here: polypane.app/blog/experim...

Digital Ocean ended their $50/month sponsorship of GNOME and FlatHub and went radio silent on CSS-Tricks right around the time they found a spare three million dollars to burn on “sponsoring” a high-profile racist’s dotfiles repo. Impossible to see this as anything but a statement of their values.

La grandeur du conseil d'Elrond réside dans son pluralisme. Dans cet esprit, nous accueillons deux délégués du Mordor et nous leur laisserons un temps de parole équitable. Le projet de Sauron est certe clivant, mais il représente une sensibilité géopolitique qu'on ne peut rejeter d'un revers de main

Gecko: Intent to Prototype: CSS random() math function

I haven't been following the light/dark toggle discussions, but my uninformed take is pretty simple: Stop Acting Like Design Decisions Have A Correct Answer (and then stop acting like the correct-answer machine is a real thing worth building)

Gecko: Intent to Prototype: CSS at-rule() function for @supports

Firefox 154 arrives pretty soon and I genuinely can't contain my excitement 😇 text-box-trim was the first "big" feature I wanted to contribute but it felt like it was a bit beyond my reach. So I started on some other layout work, and took a detour to work on sibling-index() and sibling-count() ...

Elle a volé de l'argent, nom d'un slip, laissez la se démerder avec sa réputation de merde. Et si quelqu'un dans son cas n'arrive pas à financer sa campagne électorale, c'est pas un problème démocratique, c'est un PUTAIN DE BON SIGNE que la démocratie fonctionne @lemonde.fr ! 4/5

Gecko: Intent to Ship: Advanced CSS attr() function.

Gecko: Intent to Prototype: CSS Typed Arithmetic

Firefox now supports the text-box-trim and text-box-edge CSS properties, and the associated text-box shorthand. These properties allow you to control the leading space above and below text, enabling simpler and consistent vertical spacing and alignment. bugzilla.mozilla.org/show_bug.cgi...

This weekend I hiked 20km and 1000m in elevation to get to the top of "Le Grand Veymont" in the Vercors mountains (in France, about 1h from where I live) The climb was pretty rough, but the view was very rewarding 🤩

CEO Reveals How He Used AI To Build One-Person Company That's $1.3 Billion In Debt

Right now the world is full of people who want to code and write and paint and film stuff and people who want to play and read and look at and watch stuff and nobody is allowed to do any of that because some unrelated third guy isn't making enough money off the deal

Breakthrough 12”x12” Oil on cradled wood panel

Allez, j'ai une anecdote au sujet de Monique Barbut. Il y a quelques mois, préoccupée que son invisibilité ne nuise à son plan de carrière, elle a décidé de lancer un truc médiatique qui lui permette de rassembler les caméras. Et elle a pensé au lynx.

Stickers harvest from #cssday

It's so nice seeing the excitement around this! I've had a lot of fun building this, took a little longer than I expected but I learned a ton. Looking forward to launching for everyone in Firefox 154. 😀

Here you go! (Except I've been told that the guy in the middle is, in fact, not Jake. Maybe a little bit of AI magic can fix that? 😅)

`sibling-index()` and `sibling-count()` are currently being prototyped in Firefox¹, hopefully available soon for testing :) #cssday ¹ groups.google.com/a/mozilla.or...

You heard it here first — 2026 is the year you can finally style a select!! It will be in all browsers by the end of the year 🎉🎉🎉 @jakearchibald.com #cssday

Gecko: Intent to Prototype: sibling-index() and sibling-count()

I painted the trans sea.

We're experimenting with a way to visualize session history in Firefox DevTools, and we'd love your feedback! Here's the background, and how to try it: blog.farre.se/posts/2026/0...

Ma nièce vient d'offrir à mon fils ce bon d'anniversaire pour recevoir l'album quand il sortira 💖

Hey @bram.us 👋 While doing some testing, I found this issue in the Chrome Inspector: the color swatch in the color declaration should be lime(-ish), not red

recently saw this TERRIBLE advice to “write more human”: - don't use “curly” quotes, use straight quotes ( " and ' ) - don't use en or em-dashes, use -- and --- - never use an ellipsis (…), use three dots (...) please for the love of god don't write worse because ai exists. good typography is cool!

CSS's light-dark() now accepts images, making it simpler to define alternate values for a dark color scheme. Here's how it works:

I may as well reshare it myself 😇

sizes="auto" landed in Firefox 150, making responsive images simpler and more reliable. Here's when you can use it, and how…

Firefox 150 just landed & includes new web platform features like: 🎉 sizes="auto" on images 🎉 light-dark() image support 🎉 CSS revert-rule 🎉 ariaNotify() 🎉 Media pseudo-classes like :playing None of these are baseline yet, so check MDN for support. developer.mozilla.org/en-US/docs/M...

Le mignosaure 🦕 ! #upcycled #handmade #artisanat #craft #dinosaur

map.getOrInsertComputed is newly baseline! It's a small feature, but I've found it pretty useful. Here's how it works:

RESOLVED FIXED - style queries are coming to Firefox bugzilla.mozilla.org/show_bug.cgi...

CSS contrast-color is newly baseline, but it falls short in some areas. Here's how it works, and what to look out for:

February in Servo… ⏯️📜 pause and resume in DevTools 🤏🖱️ Pointer Events API 🧲🪟 <button command> 🔰🎨 ‘@property’ and ‘:modal’ 📦🌐 better JS modules support servo.org/blog/2026/03...

Okay, clearly y'all love colour games, so with millions of plays on jnd & jnd-hard thought I'd dust off and polish up the _original concept_. Hue shift: www.keithcirkel.co.uk/hue-shift/?r... Drag one colour to match the other, 10 seconds to do it. You know the drill. Make me proud gang.