Nicolas CHEVOBBE

@FirefoxDevTools engineer at @Mozilla
Open Web & skateboarding

🐘 @[email protected]

[Firefox Nightly 🔥 @FirefoxNightly]

[Nightly Blog] Learning and Improving Every Day – These Weeks in Firefox: Issue 173
https://t.co/67QyEH85NA

[Nicolas CHEVOBBE @nicolaschevobbe]

🦋 https://t.co/r5W1PpTV4H
🐘 https://t.co/swTktAZXuY (yeah, I will switch to a new instance soon)

[Nicolas CHEVOBBE @nicolaschevobbe]

Hey @ergunsh , is there something to see traffic in a WebTransport connection in @ChromeDevTools ? I can see the connection request, but not what's being sent through it

[Nicolas CHEVOBBE @nicolaschevobbe]

@JohnRiordan @anatudor In @FirefoxDevTools we have an option for this (and we do have a similar "Screenshot Node" context menu entry)

[Nicolas CHEVOBBE @nicolaschevobbe]

Est-ce que je connais quelqu'un qui connait quelqu'un qui bosse sur le site de la FFT/l'application Ten'Up ?

[Nicolas CHEVOBBE @nicolaschevobbe]

@JULESPILER_666 Notorious Big Zilla

[Nicolas CHEVOBBE @nicolaschevobbe]

@therealntim @razvancaliman I saw this in my feed https://t.co/Y4ZpMc0sOU , thought you might help (not sure if either of you are on mastodon)

[Bramus @bramus]

Don't do UA-sniffing. It's the worst (and it's also totally unreliable as UA strings can be faked at any time)

Instead, use feature detection and enhance progressively.

[Nicolas CHEVOBBE @nicolaschevobbe]

@anatudor @codepo8 @FirefoxDevTools There's ongoing work to add it for any kind of files, in the netmonitor

[Polypane. Browser for devs who care @polypane]

Back to school? Polypane is free for students through the @GitHubEducation Student Developer Pack!

How to get it:
1. Set up your correct email in @github
2. Go to the Student Developer Pack
3. Scroll down to Polypane and follow the instructions!
https://t.co/XPzmvOsJXi

[Firefox DevTools @FirefoxDevTools]

Firefox 131 was released this weeks and we're really excited because it comes with new superpowers for debugging CSS variables and other Inspector improvements:

https://t.co/5V4F39oYqh

#css #webdev

[Nicolas CHEVOBBE @nicolaschevobbe]

Having the computed value of CSS variable directly in the variable tooltip in @FirefoxDevTools is sooo good! Hope you'll enjoy this as much as I do, and be ready for more!

[Firefox DevTools @FirefoxDevTools]

Firefox 131 was released this weeks and we're really excited because it comes with new superpowers for debugging CSS variables and other Inspector improvements:

https://t.co/5V4F39oYqh

#css #webdev

[Firefox DevTools @FirefoxDevTools]

Short and sweet, here's what's new in @firefox DevTools 130: https://t.co/01farj77dY

There's a lot happening behind the scene that we'll talk about in the coming posts!

#webdev #javascript #debugging

[Nicolas CHEVOBBE @nicolaschevobbe]

Hi @therealntim ! Are you aware of this ? https://t.co/Pj4FzSTbnU

[Sara Soueidan is on Bluesky @SaraSoueidan]

Period reminder that "wrapping the <label> around the <input> is fine, and is sufficient for conformance on its own, however adding explicit association with` for` and `id` is still necessary in practice."

Details: https://t.co/FIzvHyXXyR

#a11y #HTML

[Nicolas CHEVOBBE @nicolaschevobbe]

Fading of unused param in `light-dark()` was also added in 131¹. It's not restricted to the tooltip and will be done in the Rules view as well :)

¹ https://t.co/5LYKygYbeR

[Nicolas CHEVOBBE @nicolaschevobbe]

In latest @FirefoxNightly, the variable tooltip in @FirefoxDevTools now shows the computed value of the variable.

It should make working with custom properties much easier. Combined with the registered property info and @​starting-style value, this feels like super power 🦹

[Nicolas CHEVOBBE @nicolaschevobbe]

On last @FirefoxNightly, in @FirefoxDevTools the variable tooltip values are parsed like in the Rules view. It can help you, for example, seeing that a variable is not set, or checking which color is returned by light-dark ⚡️

This should ship in 131 (Beta/DevEdition next week)!

[Nicolas CHEVOBBE @nicolaschevobbe]

Karaoke night at MozWeek closing party
cc @linclark 🙂

[Firefox DevTools @FirefoxDevTools]

Now in @firefox DevTools 129: massive performance improvements, @​starting-style support and accessibility fixes:

https://t.co/YkzuifnLV8

#webDev #CSS #webperf

[Nicolas CHEVOBBE @nicolaschevobbe]

In latest @FirefoxNightly, the variable tooltip in @FirefoxDevTools now shows the computed value of the variable.

It should make working with custom properties much easier. Combined with the registered property info and @​starting-style value, this feels like super power 🦹