Sign in

Nicolas Chevobbe

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

Firefox DevTools engineer Skateboarder

PostsRepliesMedia
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
619580
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
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
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
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
4567751796
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
166822663
Reposted by Nicolas Chevobbe
Long_Painter @longpainter.bsky.social · 15/06/2026
Breakthrough 12”x12” Oil on cradled wood panel
173608465
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.
19559340
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 15/06/2026
Stickers harvest from #cssday
9 stickers arranged in a 3×3 grid
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
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
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
Reposted by Nicolas Chevobbe
IntentToShip @intenttoship.dev · 11/06/2026
Gecko: Intent to Prototype: sibling-index() and sibling-count()
groups.google.com
Gecko: Intent to Prototype: sibling-index() and sibling-count()
Gecko: Intent to Prototype: sibling-index() and sibling-count()
0245
Reposted by Nicolas Chevobbe
Norden Gail @nordengail.bsky.social · 07/06/2026
Il manque 33 % il reste 33 jours, je vais commencer à vous mettre dans la tête des chansons désagréables attention ⚠️ www.helloasso.com/associations...
helloasso.com
Collecte annuelle 2026 - Sorosa
Financement participatif organisé par Sorosa - Collecte de soutien aux personnes exilées
362129
Reposted by Nicolas Chevobbe
Caldatelier @caldatelier10.bsky.social · 05/06/2026
I painted the trans sea.
40107923733
Reposted by Nicolas Chevobbe
Firefox for Web Developers @webdevs.firefox.com · 01/06/2026
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...
36612
Reposted by Nicolas Chevobbe
Erwann Surcouf @erwannsurcouf.bsky.social · 27/05/2026
Ma nièce vient d'offrir à mon fils ce bon d'anniversaire pour recevoir l'album quand il sortira 💖
Photo d'un bon dessiné par une enfant pour recevoir le prochain album des Cavaliers de l'Apocadispe
5644
Nicolas Chevobbe @nicolaschevobbe.bsky.social · 27/05/2026
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
Chrome DevTools with Inspector open. There's a rule that indicates the color of the text is red, but the text is green
120
Reposted by Nicolas Chevobbe
nate moore @natemoo.re · 25/05/2026
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!
1012313
Reposted by Nicolas Chevobbe
Firefox for Web Developers @webdevs.firefox.com · 27/04/2026
CSS's light-dark() now accepts images, making it simpler to define alternate values for a dark color scheme. Here's how it works:
15511
Reposted by Nicolas Chevobbe
Emily McGovern @emilyscartoons.bsky.social · 23/04/2026
I may as well reshare it myself 😇
NUNS:
Reading
Praying
ECSTATIC VISIONS.
Gardening
5168041708
Reposted by Nicolas Chevobbe
Firefox for Web Developers @webdevs.firefox.com · 23/04/2026
sizes="auto" landed in Firefox 150, making responsive images simpler and more reliable. Here's when you can use it, and how…
518233
Reposted by Nicolas Chevobbe
Firefox for Web Developers @webdevs.firefox.com · 21/04/2026
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...
developer.mozilla.org
Firefox 150 release notes for developers (Stable) - Mozilla | MDN
This article provides information about the changes in Firefox 150 that affect developers. Firefox 150 was released on April 21, 2026.
210415
Reposted by Nicolas Chevobbe
Aludelles @aludelles.bsky.social · 18/04/2026
Le mignosaure 🦕 ! #upcycled #handmade #artisanat #craft #dinosaur
1410421
Reposted by Nicolas Chevobbe
Firefox for Web Developers @webdevs.firefox.com · 16/04/2026
map.getOrInsertComputed is newly baseline! It's a small feature, but I've found it pretty useful. Here's how it works:
1416
Reposted by Nicolas Chevobbe
Mia [data-css=poetic] @miriam.codes · 15/04/2026
RESOLVED FIXED - style queries are coming to Firefox bugzilla.mozilla.org/show_bug.cgi...
bugzilla.mozilla.org
2030645 - Enable container style queries on all channels
RESOLVED (jfkthame) in Core - CSS Parsing and Computation. Last updated 2026-04-14.
26511
Reposted by Nicolas Chevobbe
Firefox for Web Developers @webdevs.firefox.com · 14/04/2026
CSS contrast-color is newly baseline, but it falls short in some areas. Here's how it works, and what to look out for:
39717
Reposted by Nicolas Chevobbe
Servo @servo.org · 31/03/2026
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...
Servo 0.0.6 showing ‘transform-style: preserve-3d’, ‘vertical-align’ shorthand with ‘baseline-shift’, objects being previewed in DevTools when passed to console.log(), pausing script execution in DevTools, and opening a modal `<dialog>` with `<button command>`
29912
Reposted by Nicolas Chevobbe
Keith Cirkel @keithamus.social · 24/03/2026
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.
keithcirkel.co.uk
Hue Shift
A chaotic colour-matching game. Drag to shift hue and lightness to match the target. 10 rounds. The clock is ticking.
2197
Reposted by Nicolas Chevobbe
Bramus @bram.us · 19/03/2026
CSS `light-dark()` is about to support images! www.bram.us/2026/03/19/m... Shipping in Firefox 150. Starting tomorrow, available behind a flag in Chromium 148.
bram.us
More Easy Light-Dark Mode Switching: light-dark() is about to support images!
CSS light-dark() is being extended to support images.
415319
Reposted by Nicolas Chevobbe
Patrick Brosset @patrickbrosset.com · 09/03/2026
I feel like this is either very dumb or very clever. Either way, I blogged about it: Using CSS animations as state machines to remember focus or hover states in CSS only. patrickbrosset.com/articles/202...
Abstract illustration of a CSS animation in the shape of a series of square that get incresingly rotated. The text reads: CSS animations as state machines.
5399
Reposted by Nicolas Chevobbe
Hey! Presents @heypresents.com · 04/03/2026
The mighty @webdevs.firefox.com are supporting All Day Hey! 2026. Without them, there would be no conference. @jakearchibald.com will be around on the day if you want to talk all things Mozilla! Tickets and more information: heypresents.com/conferences/...
A graphic with the All Day Hey! logo at the top left, and conference information on the top right, reading:

"Thursday 7th May 2026
09:00 – 17:00 BST
Everyman Cinema
Leeds UK"

Below shows a Firefox logo which displays a swirl pattern alongside the word Firefox. Below that reads "Without our sponsors, there would be no conference. All Day Hey! is made possible by Firefox."
0132
Reposted by Nicolas Chevobbe
Firefox for Web Developers @webdevs.firefox.com · 02/03/2026
CSS shape() landed in Firefox 148. It's similar to path(), but allows the full expressiveness of CSS…
815123
Reposted by Nicolas Chevobbe
Firefox for Web Developers @webdevs.firefox.com · 25/02/2026
You can throw away innerHTML and replace it with the new setHTML(), which has a built-in sanitizer. Here's how it works:
615524