Aaron T. Grogg
@aarontgrogg.com
Web Developer / Performance Optimization Specialist
aarontgrogg.com
aarontgrogg.com
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
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, #baseline, #css, #fonts, #js, #performance, #serviceworker, #svg, #wordpress 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, #baseline, #css, #fonts, #js, #performance, #serviceworker, #svg, #wordpress and more. Happy reading!
aarontgrogg.com
November 18, 2025 at 2:35 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, #baseline, #css, #fonts, #js, #performance, #serviceworker, #svg, #wordpress and more. Happy reading!
Hmm, well this is annoying: I just updated my BlueSky settings to use my own domain, assuming it would forward my old @aarontgrogg.bsky.social to the new @aarontgrogg.com, but I guess... not... 🤨
November 18, 2025 at 3:46 AM
Hmm, well this is annoying: I just updated my BlueSky settings to use my own domain, assuming it would forward my old @aarontgrogg.bsky.social to the new @aarontgrogg.com, but I guess... not... 🤨
🧑🍳😗
The overall interoperability score for Interop 2025 has reached 92% test pass rate!! Looking good!
November 14, 2025 at 7:42 PM
🧑🍳😗
Yes!!! I don’t mind, and totally understand, when UIs use icon buttons. But it drives me nuts when those buttons don’t have any indication of what they are/do…
Icon Buttons Need Tooltip Labels
rightbadcode.com/icon-buttons...
#A11y #Accessibility #UI #UX #WebDev
rightbadcode.com/icon-buttons...
#A11y #Accessibility #UI #UX #WebDev
Icon Buttons Need Tooltip Labels
accessibility + ui + ux
rightbadcode.com
November 14, 2025 at 7:35 PM
Yes!!! I don’t mind, and totally understand, when UIs use icon buttons. But it drives me nuts when those buttons don’t have any indication of what they are/do…
Reposted by Aaron T. Grogg
🎓 Master Scroll-Driven Animations in our 10-part video course → goo.gle/4nPdP30
With support in Chrome and now Safari 26, it's the perfect time to learn how to create powerful, scroll-based interactions.
With support in Chrome and now Safari 26, it's the perfect time to learn how to create powerful, scroll-based interactions.
November 14, 2025 at 6:50 PM
🎓 Master Scroll-Driven Animations in our 10-part video course → goo.gle/4nPdP30
With support in Chrome and now Safari 26, it's the perfect time to learn how to create powerful, scroll-based interactions.
With support in Chrome and now Safari 26, it's the perfect time to learn how to create powerful, scroll-based interactions.
The latest installment in my "Today's Readings" series, offering my rants and thoughts based on findings from around the world-wide web, including #a11y, #animation, #css, #performance, #svg, #viewtransitions 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 #a11y, #animation, #css, #performance, #svg, #viewtransitions and more. Happy reading!
aarontgrogg.com
November 14, 2025 at 2:12 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 #a11y, #animation, #css, #performance, #svg, #viewtransitions and more. Happy reading!
The latest installment in my "Today's Readings" series, offering my rants and thoughts based on findings from around the world-wide web, icluding #a11y, #ai, #animation, #css, #js, #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, icluding #a11y, #ai, #animation, #css, #js, #performance and more. Happy reading!
aarontgrogg.com
November 12, 2025 at 5:29 PM
The latest installment in my "Today's Readings" series, offering my rants and thoughts based on findings from around the world-wide web, icluding #a11y, #ai, #animation, #css, #js, #performance and more. Happy reading!
On November 19, 2025, I will be presenting on an PerformanceObserver meetup. Hope to "see" you all there!
I will be presenting on PerformanceObserver
On November 19, 2025, I will be presenting on the PerformanceObserver meetup. So thrilled, hope to "see" you all there!
aarontgrogg.com
November 10, 2025 at 11:41 PM
On November 19, 2025, I will be presenting on an PerformanceObserver meetup. Hope to "see" you all there!
Reposted by Aaron T. Grogg
THIS.
One of the few positive aspects of this era in American history is that it's super-easy to identify the villains.
November 9, 2025 at 6:11 AM
THIS.