Twitter | Pretraživanje | |
Addy Osmani
Engineering Manager working on • 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 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.
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 13 h
Tip: has a CSS Animations inspector! Modify timing, delays, durations and more.
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 2. velj
Odgovor korisniku/ci @simevidas @tunetheweb
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.
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 2. velj
Odgovor korisniku/ci @rowan_m @sundress
This is magical
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 2. velj
Browsers can animate at least 4 things cheaply: position, scale, rotation & opacity. is still useful for checking if CSS triggers re-layouts or reflows.
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 2. velj
Odgovor korisniku/ci @bradwestfall
Do you have a reference to your undefined selector somewhere?
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 2. velj
Odgovor korisniku/ci @malimirkeccita
I kinda like img:not([alt]) { opacity: 0.5; }
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 2. velj
Odgovor korisniku/ci @KhaledMohamedP @____lighthouse
Indeed! Love that tools like can remind you of missing alt text, but a lil' visual reminded can be nice too :)
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 2. velj
Odgovor korisniku/ci @sundress
I can indeed! Here's img:not([alt]) { filter: blur(5px); }
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 2. velj
Tip: highlight images missing alt text with img:not([alt])
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 1. velj
Odgovor korisniku/ci @Paul_Kinlan
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.
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 1. velj
Odgovor korisniku/ci @mjackson
Nice work on those size reductions for v6!
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 1. velj
Odgovor korisniku/ci @sarah_edo
Pocket is so good. I hope it sticks around for a while :)
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 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. may know more
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani proslijedio/la je tweet
Emma Bostian 🐞 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* 🤦‍♀️
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 1. velj
Odgovor korisniku/ci @sarah_edo
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.
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 1. velj
Odgovor korisniku/ci @komorama @dglazkov
The streaming cynefin space salad was too real. Looking forward to part 2 :)
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 1. velj
Odgovor korisniku/ci @jonasraoni
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"
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 1. velj
Odgovor korisniku/ci @p01 @primalanomaly
While this demo focuses on one dimension (memory), the score idea (combine network, memory, maybe hardware concurrency) is great. Used it for
Reply Retweet Označi sa "sviđa mi se"
Addy Osmani 1. velj
Odgovor korisniku/ci @redonkulus @Baadier i 2 ostali
It is indeed via Client Hints. See
Reply Retweet Označi sa "sviđa mi se"