Author | Lightnews

Reposted by Nicolas Chevobbe

Mitildide 🐀 @mitildide.bsky.social · 1d

So first off someone update these people about what "punk" means in this context, but second I beg you to understand that people doing these things around old school punks would quickly experience what can only be called a very sharp reminder of the fragility of the human occipital bone

Screen Twitter

🥀 🖤𝔏𝔦𝔟𝔢𝔯𝔱𝔞𝔯𝔦𝔞𝔫 𝔊𝔬𝔱𝔥🖤🥀
@LibertarianG0th
Punk in 2025 is: a giant list of rules.

(A picture of an afropunk festival where there's a list of hatreds that won't be accepted)

8 30 140

Nicolas Chevobbe @nicolaschevobbe.bsky.social · 2d

I'm not sure we sort the JSON ? We're using JSON.parse if I remember correctly, I'll double check

1 1

Nicolas Chevobbe @nicolaschevobbe.bsky.social · 2d

no it doesn't, it's only used for the result of the console evaluation
**But** I'd really like us to have an editor in the JSON viewer UI and a split view that would display the result of the evaluated data

Not sure if we'll get to it eventually, but I think it'd be cool

1 2

Nicolas Chevobbe @nicolaschevobbe.bsky.social · 2d

The @firefoxdevtools.bsky.social JSON viewer got better in @firefoxnightly.bsky.social : the console offers access to the original json data via `$json`.
This allows to easily manipulate the underlying data to get what you want

Firefox JSON Viewer opened for the html entites JSON file
We can see the various properties of the JSON file, which are all objects containing a "characters" and a "codepoints" properties.
The Console is opened at the bottom. In it, we can see a console message explaining that some data is available (`$json.data` - the parsed JSON object, $json.text` - the original JSON text and `$json.headers` - HTTP request and response headers)

There's a console evaluation done with the following snippet:

```js
Object.entries($json.data)
.filter(([k, v]) => v.codepoints.length > 1)
.map(([k, v]) => ({characters: v.characters, htmlEntity: k, codepoints: v.codepoints}))

```

and the result shows an array of objects containing "characters", "htmlEntity" and "codepoints" properties.

4 27 94

Nicolas Chevobbe @nicolaschevobbe.bsky.social · 6d

Hello Ana, thanks for the demo page.
Which version of Firefox and OS are you seeing this on?

We fixed a similar issue last year (bugzilla.mozilla.org/show_bug.cgi...), maybe there's something still shaky there

1929891 - Issue tree sometimes show non-problematic node that loses their badge on hover and disappear on click

VERIFIED (nchevobbe) in DevTools - Accessibility Tools. Last updated 2025-02-10.

bugzilla.mozilla.org

1

Nicolas Chevobbe @nicolaschevobbe.bsky.social · 12d

this reminds me of a bug I filed not long ago that would provide such capability (without exposing the state of devtools to the page, as this can be abused):

bugzilla.mozilla.org/show_bug.cgi...

1983855 - Inject stylesheet in content page to visually highlight HTML issues in the page

NEW (nobody) in DevTools - Inspector. Last updated 2025-10-28.

bugzilla.mozilla.org

2

Reposted by Nicolas Chevobbe

Sara Soueidan @sarasoueidan.com · 12d

#HTML is only as accessible as you write it.

Semantics determine what an element is, and browsers provide some interactive behavior for native interactive elements for free.

But just because two patterns have similar behavior doesn't make them semantically the same.

1 7 40

Nicolas Chevobbe @nicolaschevobbe.bsky.social · 19d

I added some information on the bug, hopefully we can get to it soon

Nicolas Chevobbe @nicolaschevobbe.bsky.social · 19d

the issue is that we're working with the authored value, while we could probably use the computed value to extract the coordinates.
Then there might be an issue in how we "highlight" a given coord in the Rule when hovering the editor control point in the page, but that's not the most important

2 1

Reposted by Nicolas Chevobbe

Ollie Williams @ollie-williams.bsky.social · 19d

Sanitizer API is now enabled by default in Firefox Nightly.

bugzilla.mozilla.org/show_bug.cgi...

developer.mozilla.org/en-US/docs/W...

Still behind a flag in Chrome Canary...

HTML Sanitizer API - Web APIs | MDN

The HTML Sanitizer API allows developers to take strings of HTML and filter out unwanted elements, attributes, and other HTML entities when they are inserted into the DOM or a shadow DOM.

developer.mozilla.org

2 11 35

Nicolas Chevobbe @nicolaschevobbe.bsky.social · 19d

that's "unused" in the sense they're not referenced by any non-CSS variable declaration displayed in the Inspector.
They might be used in rules that apply to other elements though, so this won't tell you which variables are never used in your codebase

1 1

Nicolas Chevobbe @nicolaschevobbe.bsky.social · 19d

it looks like they will be hidden now :)

2

Nicolas Chevobbe @nicolaschevobbe.bsky.social · 19d

oh actually it's fine, the rule has exactly 10 declarations :)

1

Nicolas Chevobbe @nicolaschevobbe.bsky.social · 19d

It would if they're not referenced in a non css variable declaration value for the currently selected element.
Also, we only start hiding if there are more than 10 unused variable in the rule, which might not be the case in your screenshot?

1 2

Reposted by Nicolas Chevobbe

firefoxdevtools.bsky.social @firefoxdevtools.bsky.social · 19d

New in Firefox nightly (146.0a1 2025-10-19): large lists of unused CSS custom properties are collapsed by default.

This not only reduces clutter, it also massively speeds up the rendering of the inspector panel in some cases.

2 8 59

Reposted by Nicolas Chevobbe

Jake Archibald @jakearchibald.com · 20d

We're currently working on devtools for view transitions in Firefox, but in the meantime, here's a little-known option that helps…

7 22 130

Nicolas Chevobbe @nicolaschevobbe.bsky.social · 25d

👋

Reposted by Nicolas Chevobbe

No More Robots @nomorerobots.io · Oct 9

Here's how we handle manchildren on the Steam forums at No More Robots:

450 3K 13K

Reposted by Nicolas Chevobbe

firefoxdevtools.bsky.social @firefoxdevtools.bsky.social · Oct 9

As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most.

So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.

interop-rank.jakearchibald.com

Interop Feature Ranking

Rank the web platform features you care most about

interop-rank.jakearchibald.com

19 120 250

Reposted by Nicolas Chevobbe

MiMi Aye @meemalee.bsky.social · Oct 4

Author and filmmaker Justine Bateman on generative AI

"They're trying to convince people they can't do the things they've been doing easily for years - to write emails, to write a presentation. Your daughter wants you to make up a bedtime story about puppies - to write that for you." We will get to the point, she says with a grim laugh, "that you will essentially become just a skin bag of organs and bones, nothing else. You won't know anything and you will be told repeatedly that you can't do it, which is the opposite of what life has to offer. Capitulating all kinds of decisions like where to go on vacation, what to wear today, who to date, what to eat.
People are already doing this. You won't have to process grief, because you'll have uploaded photos and voice messages from your mother who just died, and then she can talk to you via AI video call every day. One of the ways it's going to destroy humans, long before there's a nuclear disaster, is going to be the emotional hollowing-out of people." - author and filmmaker Justine Bateman from a piece by Emine Saner for the Guardian

20 2K 4.3K

Reposted by Nicolas Chevobbe

Ghjuvannina @janinebd.bsky.social · Oct 4

Connaissez-vous Neama Hassan ? Elle est une poétesse gazaouie qui cherche refuge en France. Une cagnotte pour l'accueillir existe mais elle n'en est qu'à 60% et elle ferme dans deux jours. Je suis sûre que nous pouvons aider à ce qu'elle soit plus remplie ! www.helloasso.com/associations...

5 210 120

Nicolas Chevobbe @nicolaschevobbe.bsky.social · Oct 3

🎶 Drilling in the name of 🎶

1

Reposted by Nicolas Chevobbe

Sarah M 🌈🍉🌻 @braverobynart.bsky.social · Sep 24

Another #Swordtember
Overgrown gothic.
Found in the ruins of a temple to a long-forgotten god, the blade seems to be made from the same stone as the building. This stone holds an edge unlike anything I’ve seen, and the blade is still sharp. #HumanArtist

A sword in the style of gothic windows, overgrown with plant life. The hilt old and rusted

5 110 520

Reposted by Nicolas Chevobbe

Sarah Higley @codingchaos.bsky.social · Sep 18

For anyone who pays attention to high contrast / forced colors mode styles:

I wrote up an explanation of why forced-color-adjust: none is nearly unavoidable and how it sets up your codebase for downstream bugs:
sarahmhigley.com/writing/forc...

forced-color-adjust: none is an unavoidable foot gun | Sarah Higley

A very long treatise on why text backplates were a bad idea. Most of the time.

sarahmhigley.com

2 8 18