|
@
addyosmani
Mountain View, CA
|
|
Engineering Manager working on @GoogleChrome • Husband & Dad • Make the web fast ⚡• Lighthouse, PageSpeed Insights, DevTools • Founder TeeJungle
|
|
|
22.536
Tweetovi
|
1.741
Pratim
|
220.274
Osobe koje vas prate
|
| Tweetovi |
|
Addy Osmani
@addyosmani
|
5 h |
|
+1. I loved both page-transitions and the "how do we do this in other libraries?" effort Sarah's work inspired. Great stuff.
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
13 h |
|
Tip: @ChromeDevTools has a CSS Animations inspector! Modify timing, delays, durations and more. pic.twitter.com/4OvUVW7u1Z
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
2. velj |
|
We're removing First CPU Idle in the next release (~sometime this month) in favor of more actionable interactivity metrics like Total Blocking Time. Love to hear what you think once it's out. pic.twitter.com/mVBNKo6mQF
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
2. velj |
|
This is magical
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
2. velj |
|
Browsers can animate at least 4 things cheaply: position, scale, rotation & opacity. csstriggers.com is still useful for checking if CSS triggers re-layouts or reflows. pic.twitter.com/fqhKWCo8ji
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
2. velj |
|
Do you have a reference to your undefined selector somewhere?
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
2. velj |
|
I kinda like img:not([alt]) { opacity: 0.5; } pic.twitter.com/OoRtp4PeqV
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
2. velj |
|
Indeed! Love that tools like @____lighthouse can remind you of missing alt text, but a lil' visual reminded can be nice too :)
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
2. velj |
|
I can indeed! Here's
img:not([alt]) {
filter: blur(5px);
} pic.twitter.com/KOyVeuclxS
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
2. velj |
|
Tip: highlight images missing alt text with img:not([alt]) pic.twitter.com/zgjdE5iTU6
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
1. velj |
|
I'd love to see more collabs with real sites... :) The team put out A+ guidance, but there's a lot of value derived from seeing how hard it is to adopt <new thing/pattern> in the trenches. Esp. where perf/features/revenue can have differing prios.
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
1. velj |
|
Nice work on those size reductions for v6!
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
1. velj |
|
Pocket is so good. I hope it sticks around for a while :)
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
1. velj |
|
After digging, DevTools screenshots are capped at 16384px as this is the maximum texture size used by the compositor. It's a limitation of the GL backend (GPU), can't be changed. One could run Chrome and --disable-gpu to force software rendering. ymmv. @aerotwist may know more
|
||
|
|
||
| Addy Osmani proslijedio/la je tweet | ||
|
Emma Bostian 🐞
@EmmaBostian
|
6. sij |
|
*Works on fixing a bug for 3 hours with no progress and a multitude of contempt for programming*
...
*Wakes up the next morning and fixes the bug in 2 minutes*
🤦♀️
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
1. velj |
|
This. Do you use the great suspender? I'm awful at tab management, but having something "park" tabs I haven't looked at in a while helps me focus on ones I need.
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
1. velj |
|
The streaming cynefin space salad was too real. Looking forward to part 2 :)
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
1. velj |
|
I think this comment captured it well "Quite literally no one knows everything about any such system - you have to take a systems approach, design for modularity, document like a graphomaniac, and expect constant rework"
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
1. velj |
|
While this demo focuses on one dimension (memory), the score idea (combine network, memory, maybe hardware concurrency) is great. Used it for twitter.com/addyosmani/sta…
|
||
|
|
||
|
Addy Osmani
@addyosmani
|
1. velj |
|
It is indeed via Client Hints. See developers.google.com/web/fundamenta…
|
||
|
|
||