Lightnews — Scholar-powered news

Patrick Brosset @patrickbrosset.com · 7h

What versions are browsers at anyway?
Here you go: patrickbrosset.com/lab/browser-...

Browser versions

patrickbrosset.com

Patrick Brosset @patrickbrosset.com · 7h

Reminds me of this nostalgic web component I made last year. We need more badges! patrickbrosset.com/lab/2024-02-...

W3C Badge custom element demo

patrickbrosset.com

1

Patrick Brosset @patrickbrosset.com · 9h

Hahaha. I can relate.
Although I’m lost in HTML here, so there isn’t as much I can do with colors/formatting. Not ad much risks as with CSS.
CSS will totally make you miss flights.

Patrick Brosset @patrickbrosset.com · 9h

This uses , , , <a>, , , and other very bad markup, just to have some creativity with colors and sizes.
Obviously don't try this at home kids.

1

Patrick Brosset @patrickbrosset.com · 9h

These are screenshots from an HTML page that doesn't use CSS at all.
Whatever, I'm waiting for my flight at the airport, don't mind me.

patrickbrosset.com/lab/html-sty...

Grid of alternating black and yellow cells.

Waves of purple triangles that get smaller and smaller, and then bigger and bigger.

Waves of black squares, getting smaller and smaller.

Grid of black squares and black underlines, surrounded by a yellow outline.

1 1

Reposted by Patrick Brosset

firefoxdevtools.bsky.social @firefoxdevtools.bsky.social · 16h

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

9 67 140

Reposted by Patrick Brosset

TetraLogical @tetralogical.com · 1d

We've created a tool called the "Screen reader support look up tables" designed to help people quickly check how screen readers interpret HTML elements and attributes across multiple combinations of browser and screen reader.

HTML/SR Support lookup

tetralogical.github.io

6 19 66

Reposted by Patrick Brosset

Bramus @bram.us · 1d

A lot has happened since Chrome shipped Same-Document View Transitions in 2023.

In 2024 we shipped Cross-Document VTs, added refinements such as `view-transition-class` and VT Types, and also welcomed Safari in adding VT support.

And this year … well, I wrote a post summing it all up.

What's new in view transitions (2025 update) | Blog | Chrome for Developers

An overview of what changed for View Transitions in 2025

developer.chrome.com

6 23

Patrick Brosset @patrickbrosset.com · 2d

Manhattan this morning.

Person crossing the street. We only see a blurry figure as the street is filled with smoke coming from the underground. Traffic lights seen in background.

Person walking on sidewalk early morning. Black figure as the light is coming from behind the person, from traffic light.

Seagull flying against an orange sun rise sky. The Brooklyn bridge can be seen, out of focus, in the background.

Panorama photo of the Brooklyn bridge at sunrise.

6

Reposted by Patrick Brosset

Jake Archibald @jakearchibald.com · 2d

Folks who want to see JPEG-XL supported in more browsers, what is it about the format that attracts you to its use on the web?

15 6 44

Patrick Brosset @patrickbrosset.com · 2d

I’m hungry now.

Patrick Brosset @patrickbrosset.com · 2d

Achievement unlocked!!

1

Patrick Brosset @patrickbrosset.com · 2d

Right!! Knowing that most slide decks are picture heavy with no text, speaker notes are really important.

1 1

Patrick Brosset @patrickbrosset.com · 2d

I gave a lightning talk at yesterday’s @smashingconf.com Jam session on CSS masonry. Here are my slides.

In short: Masonry isn’t only for Pinterest-style layouts, doing Masonry on the web today is hard, but built-in Masonry support is coming to browsers very soon!

Patrick - Talks

Talks

patrickbrosset.com

3 8 15

Reposted by Patrick Brosset

Adam Argyle @nerdy.dev · 7d

just deployed to gradient.style
- better import design
- more resilient parser (understands more syntax)
- supports multi-layered gradient imports

2 12 73

Reposted by Patrick Brosset

Ana Tudor @anatudor.bsky.social · 8d

DevTools wish: to be able to easily disable individual items in value lists. For example, one-click disable of a background layer, but not other background layers too.

1 2 6

Patrick Brosset @patrickbrosset.com · 8d

@stefanjudis.com's newsletter comes to mind immediately. But @frontendfocus.bsky.social too.

4

Patrick Brosset @patrickbrosset.com · 8d

Based on last year's State of HTML, 60% of web developers find it challenging to keep informed of new web platform features, which I can definitely understand.

At the same time, I keep seeing newsletters and blogs that seem to be doing a great job at it.

What's missing for you?

1 1

Patrick Brosset @patrickbrosset.com · 9d

I have Copilot in VSCode, but I only use as a smarter auto-complete. I've never used it to generate entire scripts or css or html, and I wouldn't trust it to do so.
But as an autocomplete/intellisense, it's really good because it gets your context way better than normal autocomplete.

Reposted by Patrick Brosset

Scary Mary Branscombe @marypcbuk.bsky.social · 9d

James and Simon talked me through how WPT works, the integration challenges and how much work the older test suites were; @patrickbrosset.com reminded me of how Microsoft and Google helped jumpstart test262 and @foolip.org explained how much WPT changed Chromium culture when Google joined in too

How a Shared Test Suite Fixed the Web’s Biggest Problems

The story of Web Platform Tests (WPT), the collaborative test suite that transformed the web from an inconsistent platform into a stable one.

thenewstack.io

1 1 2

Patrick Brosset @patrickbrosset.com · 9d

Oh and, @smashingconf.com is a really cool conference by the way. The team is awesome, and the speaker line-up for next week is incredible.

Microsoft Edge is super happy to be a partner once again.

Check it out: smashingconf.com/ny-2025

The SmashingConf New York promotional card, which says: In partnership with Microsoft Edge.

1

Patrick Brosset @patrickbrosset.com · 9d

Excited to attend @smashingconf.com next week in New York 🗽.
I'll also be giving a lightning talk (at the Jam Session) about .... CSS MASONRY!! Yay!

smashingconf.com/ny-2025/jam-...

Jam Session — New York 2025, October 6–9.

The night before the conference kicks off, we’re hosting Jam Session, with a few snacks, drinks and lightning talks from your fellow attendees! We hope you’ll join us to connect with each other ahead ...

smashingconf.com

1 1 3

Reposted by Patrick Brosset

Open Web Docs @openwebdocs.front-end.social.ap.brid.gy · 9d

We're happy to share that @sovtechfund invests in Web Security and Privacy Documentation!

Over the coming year, Open Web Docs will be working on creating and updating Security and Privacy documentation for web developers on @mdn.

Full announcement […]

Original post on front-end.social

front-end.social

5 7

Patrick Brosset @patrickbrosset.com · 9d

Did you know that AVIF (the AV1 Image File Format) was supported in all the major browsers (Firefox, Safari, Chrome/Edge)?
This has been the case for almost 2 years at this point.

5 8

Patrick Brosset @patrickbrosset.com · 9d

Thank you so much!
I had filed this issue for it: github.com/mdn/browser-...
Feel free to mark your PR as fixing this.

api.PerformancePaintTiming - The `first-paint` and `first-contentful-paint` entries do work on Chromium · Issue #28052 · mdn/browser-compat-data

What type of issue is this? Incorrect support data. What information was incorrect, unhelpful, or incomplete? BCD says that the first-paint and first-contentful-paint entries of the PerformancePain...

github.com

1 1