Side-projects involving Addy

As part of my role at Google, I've contributed to a number of developer tooling products over time. These have included Chrome DevTools, Lighthouse, PageSpeed Insights and Search Console to name a few. I have also worked on a number of tools as part of my side-projects and mention a few of those below.

Addy Osmani

@addyosmani
Have low-resolution images? Enlarge them & improve their quality with ojoy.netlify.app. All client side. Powered by ML using UpscalerJS & TensorFlow.js.
3,076
8:11 AM 路 Jan 25, 2021
Addy Osmani

@addyosmani
馃嵖 Movies App: tastejs.com/movies - a new framework learning application built in @nextjs, @nuxt_js, @angular & more. Uses @themoviedb with app structure and performance in mind.
1,406
6:19 PM 路 Oct 19, 2022
Addy Osmani

@addyosmani
Introducing AVPress: avpress.zaps.dev - compress & resize videos in the browser thanks to WebAssembly and FFMPEG.WASM.

Works in Firefox & Chrome (SharedArrayBuffer). Experimental for now :)
1,192
7:00 AM 路 May 31, 2021
Addy Osmani

@addyosmani
HTML <canvas> & Web Audio are great for music visualizers 馃幍. Here's one for a track from my upcoming album: viper.zaps.dev (flashes). Good starter guides: bit.ly/apviz mzl.la/3LB93CL
1,907
6:45 PM 路 Apr 3, 2022
Addy Osmani

@addyosmani
I used @ChromeUXReport and @vuejs to build a tool to compare real-world performance on sites and URLs across desktop, tablet and phones: bit.ly/crux-compare :)
545
4:00 PM 路 Dec 4, 2020
Addy Osmani

@addyosmani
My first CSS artwork: "Retro" retro.zaps.dev. Neon lights, palm trees, synthwave, 80's car speeding down an endless highway.
Addy Osmani

@addyosmani
Introducing z-index visualizer - a new tool available in the VisBug Chrome Extension: bit.ly/visbugext

Was fun working on this with @argyleink!
Also as cross-browser bookmarklet: bit.ly/zindexbk
801
7:31 AM 路 Dec 18, 2019
Addy Osmani

@addyosmani
Wrote a Webpack plugin to help preload or prefetch JavaScript you're lazy-loading github.com/googlechrome/p鈥 (works well for async chunks) 馃敟
814
4:04 PM 路 Feb 1, 2017
Addy Osmani

@addyosmani
鈿 Announcing the Core Web Vitals Chrome extension: bit.ly/vitals-extensi鈥 ~ instantly measure quality signals key to great UX.

Measures:
馃帹 Largest Contentful Paint
馃憜 First Input Delay
馃挩 Cumulative Layout Shift
1,099
3:20 PM 路 May 7, 2020
Addy Osmani

@addyosmani
馃摙 quicklink 2.0 is out!

鈿★笍 <1KB library to speed next-page navigations by prefetching in-viewport links. Can now...

鈿涳笍 Prefetch React Router routes + JS
#锔忊儯 Set limits on total requests to prefetch
馃敘 Set limits for simultaneous requests

Try it: getquick.link 馃憟
1,234
6:34 AM 路 May 15, 2020
Addy Osmani

@addyosmani
Introducing React Adaptive Hooks: bit.ly/react-adaptive - conditionally load experiences best suited to a user's device and network constraints (experimental)
2,796
7:43 AM 路 Nov 12, 2019
Addy Osmani

@addyosmani
Automate WebPerf tests with Puppeteer: bit.ly/puppeteer-perf - a collection of JavaScript snippets I use.

- Get a performance trace with screenshots
- Measure user interactions
- Simulate a slow network and CPU
- Generate a Lighthouse report
- Block third-party domains & more
Addy Osmani

@addyosmani
Introducing the Speed Scorecard: a tool to compare your mobile speed with other companies - goo.gl/EFf7tc Powered by real-user latency data from the Chrome User Experience Report.
1,053
5:24 PM 路 Feb 26, 2018
Addy Osmani

@addyosmani
Critical 1.0 is out! Extract & inline critical-path CSS for pages w/Chrome headless. Big thx @pocketjoso @bezoerb

github.com/addyosmani/cri鈥
1,315
4:33 PM 路 Nov 7, 2017
Addy Osmani

@addyosmani
I wrote a 108 byte CSS Layout Debugger: gist.github.com/addyosmani/fd3鈥 ~ works in Chrome, Firefox, Opera & Safari.
280
3:00 PM 路 Sep 26, 2014
Addy Osmani

@addyosmani
Introducing the new HNPWA.com: Hacker News Progressive Web Apps in @reactjs @preactjs @polymer @vuejs @sveltejs @angular 馃敟
1,361
5:07 PM 路 May 29, 2017
Addy Osmani

@addyosmani
Introducing Material Design Lite - Material components & templates in vanilla CSS, HTML & JS medium.com/google-develop鈥
1,299
4:51 PM 路 Jul 6, 2015