George Raptis
@georapbox.bsky.social
Crafting code with character — glitches are just part of the charm.
Reposted by George Raptis
This is huge for CSS loading performance.
Compression dictionaries are a little tricky to deploy today but totally worth the effort as the impact is enormous.
#webperf
Compression dictionaries are a little tricky to deploy today but totally worth the effort as the impact is enormous.
#webperf
Web Performance Calendar day 13 with Yoav Weiss (@yoav.ws) showing us a clever and creative way to ship *only* critical/necessary CSS for each page type (home, search, etc) while also avoiding duplicate code in the CSS bundles.
calendar.perfplanet.com/2025/how-to-...
calendar.perfplanet.com/2025/how-to-...
How to load CSS (fast)
Loading styles on the web is something that looks trivial at first.
You just add a <link rel=stylesheet> to your page (or <style> for inline styles) and you're done.
But if you wanted to load CSS fas...
calendar.perfplanet.com
December 13, 2025 at 2:32 PM
This is huge for CSS loading performance.
Compression dictionaries are a little tricky to deploy today but totally worth the effort as the impact is enormous.
#webperf
Compression dictionaries are a little tricky to deploy today but totally worth the effort as the impact is enormous.
#webperf
Reposted by George Raptis
CSS text-decoration-inset landed in Firefox 146! Here's how it works:
December 11, 2025 at 5:11 PM
CSS text-decoration-inset landed in Firefox 146! Here's how it works:
Reposted by George Raptis
CSS @scope has landed in Firefox 146, making it a new baseline feature. Here's how it works:
December 9, 2025 at 3:55 PM
CSS @scope has landed in Firefox 146, making it a new baseline feature. Here's how it works:
Reposted by George Raptis
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
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.](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:l6jizqbrtfnhnrd7vmsqmi3n/bafkreigizqr72frwj6qa53onh2tskqmcmrydexkzeydrkrarwiuoyulcmq@jpeg)
November 7, 2025 at 11:40 AM
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
This allows to easily manipulate the underlying data to get what you want
Reposted by George Raptis
📝 Importing vs fetching JSON
JSON imports are now supported cross-browser, but when would you use them rather than fetch()?
jakearchibald.com/2025/importi...
JSON imports are now supported cross-browser, but when would you use them rather than fetch()?
jakearchibald.com/2025/importi...
Importing vs fetching JSON
They behave differently, so make sure you pick the right one.
jakearchibald.com
October 22, 2025 at 2:50 PM
📝 Importing vs fetching JSON
JSON imports are now supported cross-browser, but when would you use them rather than fetch()?
jakearchibald.com/2025/importi...
JSON imports are now supported cross-browser, but when would you use them rather than fetch()?
jakearchibald.com/2025/importi...
Reposted by George Raptis
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
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
October 9, 2025 at 5:00 PM
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
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
Reposted by George Raptis
Leadership in technical environments isn't about being the smartest person in the room. It's about being the most effective translator.
Best thing I’ve read this week:
Best thing I’ve read this week:
How to Lead in a Room Full of Experts
Here is a realization I made recently. I'm sitting in a room full of smart people. On one side are developers who understand the ins and outs of our microservice architecture. On the other are the fro
idiallo.com
September 24, 2025 at 4:38 PM
Leadership in technical environments isn't about being the smartest person in the room. It's about being the most effective translator.
Best thing I’ve read this week:
Best thing I’ve read this week:
Reposted by George Raptis
I got my first blog post published on the ESLint blog! 🙌
It's a good one IMO - "what's the difference between ESLint and TypeScript" comes up often when folks enter web dev. I'm relieved to finally have a single great post that answers the question the way I'd want to.
It's a good one IMO - "what's the difference between ESLint and TypeScript" comes up often when folks enter web dev. I'm relieved to finally have a single great post that answers the question the way I'd want to.
ESLint and TypeScript are two static analysis tools with some things in common and some differences. @joshuakgoldberg.com explains how understanding their differences helps you to use them together effectively.
eslint.org/blog/2025/01...
eslint.org/blog/2025/01...
Differences between ESLint and TypeScript - ESLint - Pluggable JavaScript Linter
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.
eslint.org
January 29, 2025 at 12:09 PM
I got my first blog post published on the ESLint blog! 🙌
It's a good one IMO - "what's the difference between ESLint and TypeScript" comes up often when folks enter web dev. I'm relieved to finally have a single great post that answers the question the way I'd want to.
It's a good one IMO - "what's the difference between ESLint and TypeScript" comes up often when folks enter web dev. I'm relieved to finally have a single great post that answers the question the way I'd want to.
Reposted by George Raptis
Excellent article on avoiding `aria-label` on divs, spans, and other non-interactive elements.
📝 New post!
`aria-label` and `aria-labelledby` aren't allowed on divs, spans, and other static text elements out of the box, and *most* screenreaders won't announce them.
#accessibility #a11y
`aria-label` and `aria-labelledby` aren't allowed on divs, spans, and other static text elements out of the box, and *most* screenreaders won't announce them.
#accessibility #a11y
Don’t Use aria-label on Static Text Elements
Don’t use the aria-label or aria-labelledby attributes on divs, spans, or other elements representing static/noninteractive text-level semantics, unless you’re also updating roles.
benmyers.dev
December 8, 2024 at 6:22 PM
Excellent article on avoiding `aria-label` on divs, spans, and other non-interactive elements.
Reposted by George Raptis
#CSS scroll-state() container queries:
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
December 5, 2024 at 12:55 AM
#CSS scroll-state() container queries:
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
Reposted by George Raptis
December 2, 2024 at 2:45 PM
Reposted by George Raptis
www.keithcirkel.co.uk/100-patches-...
100 patches to 5 browsers in 18 months.
100 patches to 5 browsers in 18 months.
100 patches to 5 browsers in 18 months
I went on a journey to contribute more to browsers, here's that story.
www.keithcirkel.co.uk
November 25, 2024 at 6:45 PM
www.keithcirkel.co.uk/100-patches-...
100 patches to 5 browsers in 18 months.
100 patches to 5 browsers in 18 months.
Reposted by George Raptis
🌠 For years, the #1 most requested feature in CSS was Container Queries. We wanted them so badly!
Well, they’ve arrived… and none of us are using them. 😂
I think I know why, and I just published a new blog post that will hopefully change that!
Check it out:
www.joshwcomeau.com/css/containe...
Well, they’ve arrived… and none of us are using them. 😂
I think I know why, and I just published a new blog post that will hopefully change that!
Check it out:
www.joshwcomeau.com/css/containe...
A Friendly Introduction to Container Queries • Josh W. Comeau
It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as...
www.joshwcomeau.com
November 4, 2024 at 4:36 PM
🌠 For years, the #1 most requested feature in CSS was Container Queries. We wanted them so badly!
Well, they’ve arrived… and none of us are using them. 😂
I think I know why, and I just published a new blog post that will hopefully change that!
Check it out:
www.joshwcomeau.com/css/containe...
Well, they’ve arrived… and none of us are using them. 😂
I think I know why, and I just published a new blog post that will hopefully change that!
Check it out:
www.joshwcomeau.com/css/containe...