Sign in

Nicolas Chevobbe

@nicolaschevobbe.bsky.social
144 followers 44 following 93 posts

Firefox DevTools engineer Skateboarder

PostsRepliesMedia
Reposted by Nicolas Chevobbe
Andy Bell @bell.bz · 02/10/2026
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!
1016720
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 29/09/2026
Oh, some work for me I guess
140
Reposted by Nicolas Chevobbe
Firefox for Web Developers @webdevs.firefox.com · 29/09/2026
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!
developer.mozilla.org
Firefox 157 release notes for developers (Stable) - Mozilla | MDN
This article provides information about the changes in Firefox 157 that affect developers. Firefox 157 was released on September 29, 2026.
25311
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 23/09/2026
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...)
bugzilla.mozilla.org
2048216 - Ship custom-media-queries to release
NEW (nobody) in Core - CSS Parsing and Computation. Last updated 2026-09-14.
051
Reposted by Nicolas Chevobbe
Cory LaViska @cory.laviska.com · 22/09/2026
I don't miss Sass, I miss named breakpoints. We can almost get there with raw CSS. 🤏 www.abeautifulsite.net/posts/named-...
:root {
  --viewport: 'desktop';

  @media (max-width: 64em) {
    --viewport: 'tablet';
  }

  @media (max-width: 37.5em) {
    --viewport: 'mobile';
  }
}

@container style(--viewport: 'mobile') {
  /* Styles for the mobile bucket */
}
5707
Reposted by Nicolas Chevobbe
Sajid Anwar @sajidanwar.com · 17/09/2026
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...
polypane.app
Experimenting with the new pure CSS random() function | Polypane
CSS is getting a random() function that lets you set properties with a random value, opening up a ton of interesting creative possibilities. In this article…
093
Reposted by Nicolas Chevobbe
Mat “Wilto” Marquis @wil.to · 14/09/2026
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.
geoffgraham.me
Why CSS-Tricks Has Been Quiet Lately - Geoff Graham
Because I haven't published anything to it since August 31. And no one else has either. That's not a super long time to go silent but it is for a site that
619680
Reposted by Nicolas Chevobbe
Suave Morbida @maitre-poulard.bsky.social · 11/09/2026
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
211027464
Reposted by Nicolas Chevobbe
IntentToShip @intenttoship.dev · 14/09/2026
Gecko: Intent to Prototype: CSS random() math function
groups.google.com
Gecko: Intent to Prototype: CSS random() math function
Gecko: Intent to Prototype: CSS random() math function
0194
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 21/08/2026
I added a class to the target so it can be styled (bugzilla.mozilla.org/show_bug.cgi...) even when the target isn't hovered hovered anymore (e.g. user moved the cursor inside the tooltip)
bugzilla.mozilla.org
2023125 - Properly display @container rules with multiple conditions
RESOLVED (nchevobbe) in DevTools - Inspector: Rules. Last updated 2026-04-22.
120
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 21/08/2026
Yes definitely. In the Firefox Inspector, we have a tooltip to showing information about a given container query, and I wanted the actual query to be underlined so you can match the 2 things
bugzilla.mozilla.org
2023125 - Properly display @container rules with multiple conditions
RESOLVED (nchevobbe) in DevTools - Inspector: Rules. Last updated 2026-04-22.
220
Reposted by Nicolas Chevobbe
Mia [data-css=poetic] @miriam.codes · 18/08/2026
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)
1705
Reposted by Nicolas Chevobbe
IntentToShip @intenttoship.dev · 05/08/2026
Gecko: Intent to Prototype: CSS at-rule() function for @supports
groups.google.com
Gecko: Intent to Prototype: CSS at-rule() function for @supports
Gecko: Intent to Prototype: CSS at-rule() function for @supports
0164
Reposted by Nicolas Chevobbe
Sajid Anwar @sajidanwar.com · 29/07/2026
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() ...
3223
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 28/07/2026
for the overridden declarations, that's all done on the client: searchfox.org/firefox-main... , which is not great. There's some work happening to do more things at the Stylo level, but that's a long quest
searchfox.org
120
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 28/07/2026
That's just a gut feeling, I didn't read the spec and I probably have some time until this gets added to Gecko :)
110
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 28/07/2026
Ah yes, one place I wasn't thinking of: the button we have in computed panel to link to the declaration. if it's in a mixin, then you'd need to expand / show the mixin. Not the end of the world, but I think a lot of small things to think about
011
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 28/07/2026
I think this part should be easy, yes. I think (at least in Firefox), it will pose some challenges for how we detect which declaration is actually being applied. Also, and I don't know if it's possible, showing the values for CSS variables defined in mixins might be interesting
120
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 28/07/2026
DevTools support for it is going to be *fun*
120
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 25/07/2026
Putain quelles horreurs
000
Reposted by Nicolas Chevobbe
Ivan Gaudé @ivanlefou.eurosky.social · 23/07/2026
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
215234
Reposted by Nicolas Chevobbe
IntentToShip @intenttoship.dev · 22/07/2026
Gecko: Intent to Ship: Advanced CSS attr() function.
groups.google.com
Gecko: Intent to Ship: Advanced CSS attr() function.
Gecko: Intent to Ship: Advanced CSS attr() function.
15111
Reposted by Nicolas Chevobbe
IntentToShip @intenttoship.dev · 21/07/2026
Gecko: Intent to Prototype: CSS Typed Arithmetic
groups.google.com
Gecko: Intent to Prototype: CSS Typed Arithmetic
Gecko: Intent to Prototype: CSS Typed Arithmetic
0124
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 16/07/2026
Now you need to spice up the videos with glasses, wigs, hats, facial hair, temporary tattoos, …
032
Reposted by Nicolas Chevobbe
Firefox Nightly @firefoxnightly.bsky.social · 15/07/2026
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...
bugzilla.mozilla.org
2050141 - [text-box-trim] Set layout.css.text-box.enabled for all users
RESOLVED (sajidanwar94) in Core - Layout: Block and Inline. Last updated 2026-07-15.
0418
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 15/07/2026
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 🤩
A majestic view of mountains, on a beautiful day, with blue sky and a few clouds, from the top of "Le Grand Veymont", including a flat-top mountain called "Le Mont Aiguille"
0170
Reposted by Nicolas Chevobbe
The Onion @theonion.com · 09/07/2026
CEO Reveals How He Used AI To Build One-Person Company That's $1.3 Billion In Debt
4567741794
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 07/07/2026
Ah les bâtards (×3)
000
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 06/07/2026
sad it will be too late for me (2AM my time), it definitely look like it will be fun to watch!
100
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 02/07/2026
tant pis :)
100
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 02/07/2026
est-ce que tu pourrais me partager le lien du site en question s'il te plait (en reply ou DM) ? Normalement dans la console de Firefox on a des barrieres en place pour eviter ce genre d'attaque, mais je suis curieux de voir un exemple
100
Reposted by Nicolas Chevobbe
Kim Sokol (Open for Commissions/Freelance!) @kimsokol.bsky.social · 25/06/2026
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
166822662
Reposted by Nicolas Chevobbe
Long_Painter @longpainter.bsky.social · 15/06/2026
Breakthrough 12”x12” Oil on cradled wood panel
173607465
Reposted by Nicolas Chevobbe
minimaliste13 @minimaliste13.cpesr.fr · 16/06/2026
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.
19559341
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 16/06/2026
oh, that's interesting custom functions are not implemented yet in Firefox but I was thinking we might need some good debugging tools for them, and a repl-like UI might be good. At least I can see how it could use part of what I'm working on at the moment (bugzilla.mozilla.org/show_bug.cgi...)
bugzilla.mozilla.org
1800085 - (dt-css-explainers) [META] Experiment with a "computation explainer" tooltip in the rule view (aka CSS explainers)
NEW (nobody) in DevTools - Inspector: Rules. Last updated 2026-06-15.
010
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 15/06/2026
We have a warning for expensive `:has()` selectors at some point, but that's probably not going to scale super well. Making CSS perf issues easier to investigate in the profiler would be nice, but that's a niche tool IMO
020
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 15/06/2026
Stickers harvest from #cssday
9 stickers arranged in a 3×3 grid
120
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 14/06/2026
It was so nice meeting you again Patrick 🙂. Hope the next time won't take so long!
010
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 13/06/2026
They can probably ship him the foxy costume
020
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 13/06/2026
REOPENED
010
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 13/06/2026
@jakearchibald.com now we need your version for Firefox
120
Reposted by Nicolas Chevobbe
Sajid Anwar @sajidanwar.com · 13/06/2026
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. 😀
061
Reposted by Nicolas Chevobbe
Roderick Gadellaa @rgadellaa.bsky.social · 12/06/2026
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? 😅)
132
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 12/06/2026
`sibling-index()` and `sibling-count()` are currently being prototyped in Firefox¹, hopefully available soon for testing :) #cssday ¹ groups.google.com/a/mozilla.or...
groups.google.com
Intent to Prototype: sibling-index() and sibling-count()
1121
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 12/06/2026
Eh, I guess I foresaw what Eric would ask 😅
000
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 12/06/2026
Watching @meyerweb.com talk, I guess we should have some Firefox DevTools for `ray()` There's bugzilla.mozilla.org/show_bug.cgi... for this, tell us it's important for you (or any blocking bug of bugzilla.mozilla.org/show_bug.cgi... that covers the functions you can use in offset-path) #cssday
bugzilla.mozilla.org
1841240 - Add shape editor for ray()
NEW (nobody) in DevTools - Inspector: Rules. Last updated 2025-10-28.
100
Reposted by Nicolas Chevobbe
Una Kravets @una.im · 11/06/2026
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
512112
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 12/06/2026
I filed a bug for Firefox DevTools to show a warning when an attr() function is used without a type for a declaration that needs it: bugzilla.mozilla.org/show_bug.cgi... @kevinpowell.co #cssday
bugzilla.mozilla.org
2047080 - Show warning when attr() is used without type for other properties than `content`
NEW (nobody) in DevTools - Inspector: Rules. Last updated 2026-06-12.
020
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 12/06/2026
Modern attr() is behind `layout.css.attr.enabled` in Firefox (set it in about:config). It's enabled by default in @firefoxnightly.bsky.social In Firefox DevTools, there will be a tooltip when the attribute value doesn't match the type you declare in CSS #cssday
Firefox DevTools Inspector with a tooltip displayed. The text of the tooltip says: Attribute value ("tree") does not match expected "<number>" syntax
2287