Medijski sadržaj
- Tweetovi
- Tweetovi i odgovori
- Medijski sadržaj, trenutna stranica.
-
Tip:
@ChromeDevTools has a CSS Animations inspector! Modify timing, delays, durations and more.pic.twitter.com/4OvUVW7u1Z -
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
-
Browsers can animate at least 4 things cheaply: position, scale, rotation & opacity. https://csstriggers.com/ is still useful for checking if CSS triggers re-layouts or reflows.pic.twitter.com/fqhKWCo8ji
-
I kinda like img:not([alt]) { opacity: 0.5; }pic.twitter.com/OoRtp4PeqV
-
I can indeed! Here's img:not([alt]) { filter: blur(5px); }pic.twitter.com/KOyVeuclxS
-
Tip: highlight images missing alt text with img:not([alt])pic.twitter.com/zgjdE5iTU6
-
Idea: Turn off animations if users are on a slow device. Demo with React (Next.js), Framer Motion & react-adaptive-hooks: https://glitch.com/~next-motion (forces low-memory mode)pic.twitter.com/cdzOoMznkg
-
"If you can't measure it, you can't improve it" http://web.dev/metrics covers how to measure modern web performance metrics & optimize for them.pic.twitter.com/yvBO2FQ6Ds
-
Tip:
@ChromeDevTools can take full size screenshots of websites. Press Cmd + Shift + P and type "Capture full size screenshot"pic.twitter.com/YpXlXHdYVF
-
Also works kinda nice on text shadows :)pic.twitter.com/KPNJMTWQf4
-
Bubble sort visualization (by u/pedrovhb)pic.twitter.com/9KGASP1p0E
-
Tip:
@ChromeDevTools has a Shadow Editor built in!pic.twitter.com/NptZeGQWTy -
Cool interactive CSS Grid builder: http://bit.ly/grid-build Supports template areas, line names and outputs to
@codepen!pic.twitter.com/XHTTSCc779
-
eBay had a big year of performance optimization: http://bit.ly/ebayspeed ~ smaller payloads, smart prefetching & edge-caching had an impact. For every 100ms improvement in search page loading time, they saw a 0.5% increase in Add to Cart count!
pic.twitter.com/4z4OPo0Vfp
-
Breadth-first search visualization (by /u/pedrovhb)pic.twitter.com/JJuXgDmUAP
-
Tips on debugging React performance with: * Chrome DevTools * React DevTools * React Profiler API http://bit.ly/measure-react and http://bit.ly/profiling-rp pic.twitter.com/qLGd7wBNnr
-
Tip: With
@ChromeDevTools open, click/hold the Reload button for bonus Empty Cache & Hard Reload options:pic.twitter.com/kFv8evxwPn
-
Adaptive Media Loading with React & Next.js: http://bit.ly/adaptive-next
Slow network? Low-memory?
> Light experience.
Fast network? High-memory?
> Full experience.
Built with
Client Hints (server) & react-adaptive-hooks (client)pic.twitter.com/VYzaYPmUhA
-
-
Whoa. This is all kinds of impressive. aside: are the large payloads here mostly video and images?pic.twitter.com/krt1Riz47T
Čini se da učitavanje traje već neko vrijeme.
Twitter je možda preopterećen ili ima kratkotrajnih poteškoća u radu. Pokušajte ponovno ili potražite dodatne informacije u odjeljku Status Twittera.