Aaron T. Grogg
@aarontgrogg.com
Web Developer / Performance Optimization Specialist
aarontgrogg.com
aarontgrogg.com
Reposted by Aaron T. Grogg
Looking for Black Friday deals? @piccalil.li has a nice roundup of dev-related ones that are currently running.
piccalil.li/links/black-...
piccalil.li/links/black-...
Black Friday deals 2025
It's that time of year again! Let's have a look at the deals we, and our much loved community are offering this year. It's the most important time of year for independents, so let's give them our supp...
piccalil.li
November 28, 2025 at 5:16 PM
Looking for Black Friday deals? @piccalil.li has a nice roundup of dev-related ones that are currently running.
piccalil.li/links/black-...
piccalil.li/links/black-...
Yes! More like this, please! The government could very easily put pressure on corporations to pay employees a living wage, this reducing the burden on tax payers.
THIS IS A GOOD HEADLINE.
November 29, 2025 at 6:35 PM
Yes! More like this, please! The government could very easily put pressure on corporations to pay employees a living wage, this reducing the burden on tax payers.
An interesting idea…
I'm an "A.i." abolitionist.
No consumer-facing LLMs or generative "A.i." in anything.
Sure, machine learning in science and a few other limited applications is fine.
But consumer-facing LLMs and generative "A.i." that are based on theft, push disinfo, and can be manipulated by billionaires?
No.
No consumer-facing LLMs or generative "A.i." in anything.
Sure, machine learning in science and a few other limited applications is fine.
But consumer-facing LLMs and generative "A.i." that are based on theft, push disinfo, and can be manipulated by billionaires?
No.
November 27, 2025 at 1:47 AM
An interesting idea…
Oh, that’s pretty big!
Chrome 144 features a small change to #CSS overscroll-behavior: it now also works on non-scrollable scroll containers. While this change might seem trivial, it fixes an issue people have been dealing with for ages: prevent a page from scrolling while a
Use overscroll-behavior: contain to prevent a page from scrolling while a <dialog> is open
Chrome 144 features a small change to overscroll-behavior: it now also works on non-scrollable scrollers. While this change might seem trivial, it fixes an issue developers have dealing with for ages:...
www.bram.us
November 25, 2025 at 11:11 PM
Oh, that’s pretty big!
The latest installment in my "Today's Readings" series, offering my rants and thoughts based on findings from around the world-wide web, including #ai, #anchorpositioning, #animation, #css, #devtools, #grid, #performance and more. Happy reading!
Today’s Readings
The latest installment in my "Today's Readings" series, offering my rants and thoughts based on findings from around the world-wide web, including #ai, #anchorpositioning, #animation, #css, #devtools, #grid, #performance and more. Happy reading!
aarontgrogg.com
November 25, 2025 at 3:57 PM
The latest installment in my "Today's Readings" series, offering my rants and thoughts based on findings from around the world-wide web, including #ai, #anchorpositioning, #animation, #css, #devtools, #grid, #performance and more. Happy reading!
Yup, get this all the time…
Progress has been so quick, and evergreen browsers have really changed the way things can be built…
Progress has been so quick, and evergreen browsers have really changed the way things can be built…
Being an old-school web dev is always like "Oh wait, I *can* use container queries now"
November 21, 2025 at 6:49 AM
Yup, get this all the time…
Progress has been so quick, and evergreen browsers have really changed the way things can be built…
Progress has been so quick, and evergreen browsers have really changed the way things can be built…
Reposted by Aaron T. Grogg
Call for guests:
Looking for people to interview for @devtools.fm
Requirements:
- we haven’t talked (or it’s been a long time)
- you build a tool for devs
Looking for people to interview for @devtools.fm
Requirements:
- we haven’t talked (or it’s been a long time)
- you build a tool for devs
November 21, 2025 at 12:22 AM
Call for guests:
Looking for people to interview for @devtools.fm
Requirements:
- we haven’t talked (or it’s been a long time)
- you build a tool for devs
Looking for people to interview for @devtools.fm
Requirements:
- we haven’t talked (or it’s been a long time)
- you build a tool for devs
Reposted by Aaron T. Grogg
This works cross-browser however.
November 20, 2025 at 11:07 AM
This works cross-browser however.
Reposted by Aaron T. Grogg
📣 Hear hear! The biggest savings on the Practical Accessibility course start *today*—for a limited time only.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
The Practical Accessibility Course
A get-right-down-to-it online course for Web designers and developers who want to start creating more accessible Web user interfaces and digital products today
practical-accessibility.today
November 20, 2025 at 2:58 PM
📣 Hear hear! The biggest savings on the Practical Accessibility course start *today*—for a limited time only.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
Yup, the `name` attribute works just like a `radio` button, exclusively closing and opening all similarly named `detail` elements. :-)
Not sure how I missed that HTML details elements can act as an accordion now, but they can. developer.mozilla.org/en-US/blog/h...
Exclusive accordions using the HTML details element | MDN Blog
The 'name' attribute of the HTML details element is gaining more support across browsers. Learn how this feature allows creating exclusive accordions without scripting widgets from scratch.
developer.mozilla.org
November 20, 2025 at 6:19 AM
Yup, the `name` attribute works just like a `radio` button, exclusively closing and opening all similarly named `detail` elements. :-)
Reposted by Aaron T. Grogg
Third parties represent a MASSIVE potential single point of failure for your site.
1. AUDIT & remove unused tags
2. DEFER or load asynchronously
3. TRACK scripts & create #webperf budgets
4. KNOW your SLAs with vendors
5. CREATE a playbook for failures
👉 www.speedcurve.com/web-performa... #ux
1. AUDIT & remove unused tags
2. DEFER or load asynchronously
3. TRACK scripts & create #webperf budgets
4. KNOW your SLAs with vendors
5. CREATE a playbook for failures
👉 www.speedcurve.com/web-performa... #ux
Third-Party Web Performance | SpeedCurve
Ads, analytics, and social widgets can seriously hurt page speed. Find out how to measure and optimize the third parties on your pages.
www.speedcurve.com
November 19, 2025 at 9:12 PM
Third parties represent a MASSIVE potential single point of failure for your site.
1. AUDIT & remove unused tags
2. DEFER or load asynchronously
3. TRACK scripts & create #webperf budgets
4. KNOW your SLAs with vendors
5. CREATE a playbook for failures
👉 www.speedcurve.com/web-performa... #ux
1. AUDIT & remove unused tags
2. DEFER or load asynchronously
3. TRACK scripts & create #webperf budgets
4. KNOW your SLAs with vendors
5. CREATE a playbook for failures
👉 www.speedcurve.com/web-performa... #ux
Reposted by Aaron T. Grogg
10 powerful ways to use #CSS variables
a non-exhaustive list, but a good one nonetheless!
nerdy.dev/custom-prop-...
a non-exhaustive list, but a good one nonetheless!
nerdy.dev/custom-prop-...
10 powerful ways to use CSS variables · January 26, 2023
Tokens, house props, adaptive props, pseudo-private props, partial props, mixin props, swappy props, style query props, meta lang props and typed props. Oh my!
nerdy.dev
December 3, 2024 at 11:49 PM
10 powerful ways to use #CSS variables
a non-exhaustive list, but a good one nonetheless!
nerdy.dev/custom-prop-...
a non-exhaustive list, but a good one nonetheless!
nerdy.dev/custom-prop-...
Reposted by Aaron T. Grogg
Reposted by Aaron T. Grogg
You probably don’t need `aria-label` for that thing.
It doesn’t auto-translate:
adrianroselli.com/2019/11/aria...
It’s code smell:
ericwbailey.website/published/ar...
You can probably use better methods:
adrianroselli.com/2020/01/my-p...
#accessibility #a11y #ARIA
It doesn’t auto-translate:
adrianroselli.com/2019/11/aria...
It’s code smell:
ericwbailey.website/published/ar...
You can probably use better methods:
adrianroselli.com/2020/01/my-p...
#accessibility #a11y #ARIA
aria-label is a code smell
If it is important enough to need words, it is important enough to use text content..
ericwbailey.website
November 19, 2025 at 5:39 PM
You probably don’t need `aria-label` for that thing.
It doesn’t auto-translate:
adrianroselli.com/2019/11/aria...
It’s code smell:
ericwbailey.website/published/ar...
You can probably use better methods:
adrianroselli.com/2020/01/my-p...
#accessibility #a11y #ARIA
It doesn’t auto-translate:
adrianroselli.com/2019/11/aria...
It’s code smell:
ericwbailey.website/published/ar...
You can probably use better methods:
adrianroselli.com/2020/01/my-p...
#accessibility #a11y #ARIA
Reposted by Aaron T. Grogg
The videos of our meetup today are now live on our YouTube channel!
cc @aarontgrogg.com @mattzeunert.com
#webperf
www.youtube.com/playlist?lis...
cc @aarontgrogg.com @mattzeunert.com
#webperf
www.youtube.com/playlist?lis...
Episode 8 | PerformanceObserver - YouTube
In this episode, Aaron T. Grogg will explain how to reduce JS Workload with No or Lo JS. Then, Matt Zeunert walks us through Synthetic Web Performance testin...
www.youtube.com
November 19, 2025 at 8:08 PM
The videos of our meetup today are now live on our YouTube channel!
cc @aarontgrogg.com @mattzeunert.com
#webperf
www.youtube.com/playlist?lis...
cc @aarontgrogg.com @mattzeunert.com
#webperf
www.youtube.com/playlist?lis...
And wow, bravo, the video is already live!
www.youtube.com/watch?v=R6AE...
Sorry about my audio, had no idea it was crackling like that...
😬
www.youtube.com/watch?v=R6AE...
Sorry about my audio, had no idea it was crackling like that...
😬
November 19, 2025 at 8:09 PM
And wow, bravo, the video is already live!
www.youtube.com/watch?v=R6AE...
Sorry about my audio, had no idea it was crackling like that...
😬
www.youtube.com/watch?v=R6AE...
Sorry about my audio, had no idea it was crackling like that...
😬
What fun! Thanks @guaca.bsky.social and @sia.codes for putting this together, to everyone that joined live, and @mattzeunert.com for sharing the stage!
My deck is here:
docs.google.com/presentation...
And the video should be available soon at:
www.youtube.com/@Performance...
My deck is here:
docs.google.com/presentation...
And the video should be available soon at:
www.youtube.com/@Performance...
November 19, 2025 at 6:09 PM
What fun! Thanks @guaca.bsky.social and @sia.codes for putting this together, to everyone that joined live, and @mattzeunert.com for sharing the stage!
My deck is here:
docs.google.com/presentation...
And the video should be available soon at:
www.youtube.com/@Performance...
My deck is here:
docs.google.com/presentation...
And the video should be available soon at:
www.youtube.com/@Performance...
Reposted by Aaron T. Grogg
“I think that most developers have the mental model of JavaScript frameworks completely backwards. They believe that the framework saves them time and effort …. Instead these frameworks are simply limiting the possibility space of what you can do in web browsers today.”
adactio.com/journal/22235
adactio.com/journal/22235
Providers
Web browsers provide you with great features for free. Why would you choose to use tools that stop you taking advantage of that?
adactio.com
November 8, 2025 at 3:05 PM
“I think that most developers have the mental model of JavaScript frameworks completely backwards. They believe that the framework saves them time and effort …. Instead these frameworks are simply limiting the possibility space of what you can do in web browsers today.”
adactio.com/journal/22235
adactio.com/journal/22235
Reposted by Aaron T. Grogg
“Quiet, Piggy” would be fitting for his tombstone.
November 19, 2025 at 1:10 AM
“Quiet, Piggy” would be fitting for his tombstone.
Reposted by Aaron T. Grogg
I'm speaking at the PerformanceObserver online meetup tonight!
Learn about performance testing, netlog data, credentialed requests, tight mode, HTTP priorities, and more!
performanceobserver.dev/events/episo...
Learn about performance testing, netlog data, credentialed requests, tight mode, HTTP priorities, and more!
performanceobserver.dev/events/episo...
Ep. 8: Reduce the JS Workload with NoLoJS and Synthetic WebPerf testing with Debugbear | PerformanceObserver
In this episode, Aaron T. Grogg will explain how to reduce JS Workload with No or Lo JS,. Then, Matt Zeunert walks us through Synthetic Web Performance testing with Debugbear.
performanceobserver.dev
November 19, 2025 at 12:21 PM
I'm speaking at the PerformanceObserver online meetup tonight!
Learn about performance testing, netlog data, credentialed requests, tight mode, HTTP priorities, and more!
performanceobserver.dev/events/episo...
Learn about performance testing, netlog data, credentialed requests, tight mode, HTTP priorities, and more!
performanceobserver.dev/events/episo...
Now that’s a fun read… 😊
November 19, 2025 at 5:31 AM
Now that’s a fun read… 😊
This is just incredible… 😊
💡 CSS Tip!
Creating the circular version using the same tricks.
css-tip.com/responsive-s...
It's responsive, the gap is transparent, and you get a cool hover effect to reveal the image if there is an overlap.
Creating the circular version using the same tricks.
css-tip.com/responsive-s...
It's responsive, the gap is transparent, and you get a cool hover effect to reveal the image if there is an overlap.
November 18, 2025 at 9:35 PM
This is just incredible… 😊
Reposted by Aaron T. Grogg
If your backend times are slow, that hurts all your other key performance and UX metrics, including Core Web Vitals!
Find out how to track your CDN's health and get backend transparency — along with 24 more holiday readiness tips!
#corewebvitals #webperf #ux #sitespeed #pagespeed
Find out how to track your CDN's health and get backend transparency — along with 24 more holiday readiness tips!
#corewebvitals #webperf #ux #sitespeed #pagespeed
🎄 Holiday Readiness Tip 7: Track your CDN!
CDN performance can be a black box. Did you know you can track CDN health using Server Timing headers?
👉 How to get backend transparency from your CDN: www.speedcurve.com/blog/server-...
👉 More holiday readiness tips: www.speedcurve.com/blog/holiday...
CDN performance can be a black box. Did you know you can track CDN health using Server Timing headers?
👉 How to get backend transparency from your CDN: www.speedcurve.com/blog/server-...
👉 More holiday readiness tips: www.speedcurve.com/blog/holiday...
SpeedCurve | 2025 Holiday Readiness Checklist (Page Speed Edition!)
25 things you can do to keep your site fast and your users happy through the holidays and beyond!
www.speedcurve.com
November 18, 2025 at 7:35 PM
If your backend times are slow, that hurts all your other key performance and UX metrics, including Core Web Vitals!
Find out how to track your CDN's health and get backend transparency — along with 24 more holiday readiness tips!
#corewebvitals #webperf #ux #sitespeed #pagespeed
Find out how to track your CDN's health and get backend transparency — along with 24 more holiday readiness tips!
#corewebvitals #webperf #ux #sitespeed #pagespeed
Reposted by Aaron T. Grogg
There are many tips for improving your website's performance. But even if you follow all the advice, can you maintain an optimized site? And are you targeting the right pages?
↬ Matt Zeunert on effective strategies: www.smashingmagazine.com/2025/11/effe...
(Article supported by @debugbear.com 💖)
↬ Matt Zeunert on effective strategies: www.smashingmagazine.com/2025/11/effe...
(Article supported by @debugbear.com 💖)
November 18, 2025 at 7:00 PM
There are many tips for improving your website's performance. But even if you follow all the advice, can you maintain an optimized site? And are you targeting the right pages?
↬ Matt Zeunert on effective strategies: www.smashingmagazine.com/2025/11/effe...
(Article supported by @debugbear.com 💖)
↬ Matt Zeunert on effective strategies: www.smashingmagazine.com/2025/11/effe...
(Article supported by @debugbear.com 💖)
Reposted by Aaron T. Grogg
Blink: Intent to Ship: Scroll Triggered Animations
Blink: Intent to Ship: Scroll Triggered Animations
Blink: Intent to Ship: Scroll Triggered Animations
groups.google.com
November 18, 2025 at 8:29 PM
Blink: Intent to Ship: Scroll Triggered Animations