dgrammatiko
@dgrammatiko.dev
Full snack dev
https://dgrammatiko.dev
https://dgrammatiko.dev
Reposted by dgrammatiko
How broken is today's frontend culture?
A friend points out that the median *mobile* page is now larger than a copy of DOOM (2.6 MiB vs. 2.48 MiB), the 75th percentile page is more than 2 DOOMs, and the P90 mobile page is 4.5x the size of DOOM:
httparchive.org/reports/page...
A friend points out that the median *mobile* page is now larger than a copy of DOOM (2.6 MiB vs. 2.48 MiB), the 75th percentile page is more than 2 DOOMs, and the P90 mobile page is 4.5x the size of DOOM:
httparchive.org/reports/page...
HTTP Archive: Page Weight
This report tracks the size and quantity of many popular web page resources. Sizes represent the number of bytes sent over the network, which may be compressed.
httparchive.org
November 23, 2025 at 10:43 PM
How broken is today's frontend culture?
A friend points out that the median *mobile* page is now larger than a copy of DOOM (2.6 MiB vs. 2.48 MiB), the 75th percentile page is more than 2 DOOMs, and the P90 mobile page is 4.5x the size of DOOM:
httparchive.org/reports/page...
A friend points out that the median *mobile* page is now larger than a copy of DOOM (2.6 MiB vs. 2.48 MiB), the 75th percentile page is more than 2 DOOMs, and the P90 mobile page is 4.5x the size of DOOM:
httparchive.org/reports/page...
Reposted by dgrammatiko
Temporal you ask? In all browsers you ask?
Well, I'm told it's coming to Chrome/Edge 144. So, like, very very soon (as in, January).
It's already in Firefox. And being implemented in Safari too.
Well, I'm told it's coming to Chrome/Edge 144. So, like, very very soon (as in, January).
It's already in Firefox. And being implemented in Safari too.
November 21, 2025 at 1:56 PM
Temporal you ask? In all browsers you ask?
Well, I'm told it's coming to Chrome/Edge 144. So, like, very very soon (as in, January).
It's already in Firefox. And being implemented in Safari too.
Well, I'm told it's coming to Chrome/Edge 144. So, like, very very soon (as in, January).
It's already in Firefox. And being implemented in Safari too.
Reposted by dgrammatiko
According to HTTP Archive, Next.js sites see the **worst** Core Web Vitals performance when compared to other popular frameworks
httparchive.org/reports/tech...
httparchive.org/reports/tech...
October 16, 2025 at 3:51 AM
According to HTTP Archive, Next.js sites see the **worst** Core Web Vitals performance when compared to other popular frameworks
httparchive.org/reports/tech...
httparchive.org/reports/tech...
Reposted by dgrammatiko
New release: v5.0.0
🏎️ Better performance
⛰️ Adds *more* browser support
🎪 Passive event listeners with `on:interaction`
✍️ Rename tag name or on:* attributes
🆕 Framework APIs
github.com/11ty/is-land...
🏎️ Better performance
⛰️ Adds *more* browser support
🎪 Passive event listeners with `on:interaction`
✍️ Rename tag name or on:* attributes
🆕 Framework APIs
github.com/11ty/is-land...
Release is-land v5.0.0 · 11ty/is-land
Breaking Change affects <is-land autoinit>: Removes autoinit attribute and the is-land-autoinit.js file. Switch to use framework initialization types (via Island.addInitType()) instead (see sample ...
github.com
August 29, 2025 at 4:44 PM
New release: v5.0.0
🏎️ Better performance
⛰️ Adds *more* browser support
🎪 Passive event listeners with `on:interaction`
✍️ Rename tag name or on:* attributes
🆕 Framework APIs
github.com/11ty/is-land...
🏎️ Better performance
⛰️ Adds *more* browser support
🎪 Passive event listeners with `on:interaction`
✍️ Rename tag name or on:* attributes
🆕 Framework APIs
github.com/11ty/is-land...
Reposted by dgrammatiko
This is excellent. 👌🏼
“Open source, the thing that drives the world, the thing Harvard says has an economic value of $8.8 trillion.
Most of it is one person.
And I can promise you not one of those single person projects have the amount of resources they need”
opensourcesecurity.io/2025/08-oss-...
“Open source, the thing that drives the world, the thing Harvard says has an economic value of $8.8 trillion.
Most of it is one person.
And I can promise you not one of those single person projects have the amount of resources they need”
opensourcesecurity.io/2025/08-oss-...
Open Source is one person
The Register recently published a story titled Putin on the code: DoD reportedly relies on utility written by Russian dev. They should be ashamed of this story. This poor open source developer is gett...
opensourcesecurity.io
September 1, 2025 at 9:49 AM
This is excellent. 👌🏼
“Open source, the thing that drives the world, the thing Harvard says has an economic value of $8.8 trillion.
Most of it is one person.
And I can promise you not one of those single person projects have the amount of resources they need”
opensourcesecurity.io/2025/08-oss-...
“Open source, the thing that drives the world, the thing Harvard says has an economic value of $8.8 trillion.
Most of it is one person.
And I can promise you not one of those single person projects have the amount of resources they need”
opensourcesecurity.io/2025/08-oss-...
Reposted by dgrammatiko
This is some of the hardest shit I've seen in my life
August 28, 2025 at 6:42 AM
This is some of the hardest shit I've seen in my life
This is gold
Hey chat, what's your favorite web development blog that you think not enough people read?
July 16, 2025 at 8:34 PM
This is gold
Reposted by dgrammatiko
Ok, here's my second post on a potential native DOM templating API, diving into exactly what such an API should actually look like and why.
justinfagnani.com/2025/06/30/w...
justinfagnani.com/2025/06/30/w...
What should a native DOM templating API look like?
justinfagnani.com
June 30, 2025 at 6:37 PM
Ok, here's my second post on a potential native DOM templating API, diving into exactly what such an API should actually look like and why.
justinfagnani.com/2025/06/30/w...
justinfagnani.com/2025/06/30/w...
Reposted by dgrammatiko
Okay gang, those who sling HTML, CSS, JS, which _Firefox_ bugs are blocking you? Which features do you think need improving? What new features would you like to see? What work would you prioritise? Big or small, bonus points for linking to a bug (even more for filing bugs then linking them)!
June 17, 2025 at 5:24 PM
Okay gang, those who sling HTML, CSS, JS, which _Firefox_ bugs are blocking you? Which features do you think need improving? What new features would you like to see? What work would you prioritise? Big or small, bonus points for linking to a bug (even more for filing bugs then linking them)!
ReAcT 😂
June 13, 2025 at 6:24 PM
ReAcT 😂
Things escalate too fast these days, vibe coding to vibe debt within weeks 😂
“Vibe debt”
June 3, 2025 at 9:10 AM
Things escalate too fast these days, vibe coding to vibe debt within weeks 😂
Reposted by dgrammatiko
👀 Coming to Chrome DevTools in Chrome 138: CSS Value Tracing
When you hover a --custom-prop in a `var()`, DevTools currently shows you the computed value. From Chrome 138 onwards, you can hover the `var` part to see how CSS actually got to that value.
When you hover a --custom-prop in a `var()`, DevTools currently shows you the computed value. From Chrome 138 onwards, you can hover the `var` part to see how CSS actually got to that value.
May 29, 2025 at 1:32 PM
👀 Coming to Chrome DevTools in Chrome 138: CSS Value Tracing
When you hover a --custom-prop in a `var()`, DevTools currently shows you the computed value. From Chrome 138 onwards, you can hover the `var` part to see how CSS actually got to that value.
When you hover a --custom-prop in a `var()`, DevTools currently shows you the computed value. From Chrome 138 onwards, you can hover the `var` part to see how CSS actually got to that value.
Reposted by dgrammatiko
ITS HAPPENING
Firefox 127 shipped today making it the first browser to support Temporal - the new API for working with Dates, times, timezones + durations
Firefox 127 shipped today making it the first browser to support Temporal - the new API for working with Dates, times, timezones + durations
May 27, 2025 at 10:23 PM
ITS HAPPENING
Firefox 127 shipped today making it the first browser to support Temporal - the new API for working with Dates, times, timezones + durations
Firefox 127 shipped today making it the first browser to support Temporal - the new API for working with Dates, times, timezones + durations
Reposted by dgrammatiko
It was about time, wasn't it? 😅 👇
But now, with Firefox 138 all major browser engines support import attributes to import JSON from within your ECMAScript modules. 👇
✅ Chromium: 123+
✅ Safari: 17.2+
✅ Firefox: 138+ (released 2w ago)
PS. This syntax works in modern Node.js, too!
But now, with Firefox 138 all major browser engines support import attributes to import JSON from within your ECMAScript modules. 👇
✅ Chromium: 123+
✅ Safari: 17.2+
✅ Firefox: 138+ (released 2w ago)
PS. This syntax works in modern Node.js, too!
May 15, 2025 at 10:46 AM
It was about time, wasn't it? 😅 👇
But now, with Firefox 138 all major browser engines support import attributes to import JSON from within your ECMAScript modules. 👇
✅ Chromium: 123+
✅ Safari: 17.2+
✅ Firefox: 138+ (released 2w ago)
PS. This syntax works in modern Node.js, too!
But now, with Firefox 138 all major browser engines support import attributes to import JSON from within your ECMAScript modules. 👇
✅ Chromium: 123+
✅ Safari: 17.2+
✅ Firefox: 138+ (released 2w ago)
PS. This syntax works in modern Node.js, too!
Reposted by dgrammatiko
Just gonna leave this here...
The future of web development is AI. Get on or get left behind.
Editor’s Note: previous titles for this article have been added here for posterity.
alex.party
May 5, 2025 at 12:55 PM
Just gonna leave this here...
Bye bye SCSS...
March 26, 2025 at 5:01 PM
Bye bye SCSS...
Reposted by dgrammatiko
I wrote another thing for the Chrome Developer Blog!
Introducing command and commandfor!
developer.chrome.com/blog/command...
Introducing command and commandfor!
developer.chrome.com/blog/command...
Introducing command and commandfor | Blog | Chrome for Developers
Learn about the new capabilities for declarative behavior on buttons.
developer.chrome.com
March 7, 2025 at 2:14 PM
I wrote another thing for the Chrome Developer Blog!
Introducing command and commandfor!
developer.chrome.com/blog/command...
Introducing command and commandfor!
developer.chrome.com/blog/command...
I’m responsible for all the Joomla-*
I've not been great about pulling HTTPArchive data every month, I've only got 5 grabs in the last year or so, but in them 2613 custom elements appear in each, and increased each month.. If only we had some group studying this.
rainy-periwinkle.glitch.me/popular/desk...
rainy-periwinkle.glitch.me/popular/desk...
rainy-periwinkle.glitch.me
March 6, 2025 at 6:51 PM
I’m responsible for all the Joomla-*
Reposted by dgrammatiko
Every web deve...sorrry, "full stack engineer", should watch this talk by @programmingart.bsky.social :
fosdem.org/2025/schedule/ev…
fosdem.org/2025/schedule/ev…
February 15, 2025 at 10:51 PM
Every web deve...sorrry, "full stack engineer", should watch this talk by @programmingart.bsky.social :
fosdem.org/2025/schedule/ev…
fosdem.org/2025/schedule/ev…
Browser interoperability, we never had it better 🤔
February 14, 2025 at 7:27 AM
Browser interoperability, we never had it better 🤔
Another QR Code web component: dgrammatiko.github.io/qr-element/
QR Element
A simple QR Code Web Component
dgrammatiko.github.io
February 5, 2025 at 4:54 PM
Another QR Code web component: dgrammatiko.github.io/qr-element/
Reposted by dgrammatiko
Temporal is coming! ✨ @igalia.com and Bloomberg did a lot of work on this! So pleased to see it arriving!
developer.mozilla.org/en-US/blog/j...
developer.mozilla.org/en-US/blog/j...
JavaScript Temporal is coming | MDN Blog
A new way to handle dates and times is being added to JavaScript. Let's take a look at Temporal, what problems it solves, the current state, and what you'll find in the new documentation about it on M...
developer.mozilla.org
January 30, 2025 at 5:03 PM
Temporal is coming! ✨ @igalia.com and Bloomberg did a lot of work on this! So pleased to see it arriving!
developer.mozilla.org/en-US/blog/j...
developer.mozilla.org/en-US/blog/j...
Reposted by dgrammatiko
JavaScript's date object has been tricky for years, but that will change soon.
The NEW Temporal API brings,
🌍 Easily handle time zones
📆 Precise date math
🕒 Parse ISO strings without errors
⌛ Durations, date ranges, and more.
Start exploring 👇
developer.mozilla.org/en-US/blog/...
The NEW Temporal API brings,
🌍 Easily handle time zones
📆 Precise date math
🕒 Parse ISO strings without errors
⌛ Durations, date ranges, and more.
Start exploring 👇
developer.mozilla.org/en-US/blog/...
JavaScript Temporal is coming | MDN Blog
A new way to handle dates and times is being added to JavaScript. Let's take a look at Temporal, what problems it solves, the current state, and what you'll find in the new documentation about it on MDN.
developer.mozilla.org
January 27, 2025 at 5:00 PM
JavaScript's date object has been tricky for years, but that will change soon.
The NEW Temporal API brings,
🌍 Easily handle time zones
📆 Precise date math
🕒 Parse ISO strings without errors
⌛ Durations, date ranges, and more.
Start exploring 👇
developer.mozilla.org/en-US/blog/...
The NEW Temporal API brings,
🌍 Easily handle time zones
📆 Precise date math
🕒 Parse ISO strings without errors
⌛ Durations, date ranges, and more.
Start exploring 👇
developer.mozilla.org/en-US/blog/...