Have low-resolution images? Enlarge them & improve their quality with ojoy.netlify.app. All client side. Powered by ML using UpscalerJS & TensorFlow.js.

🍿 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.

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 :)

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

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 :)

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

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

Wrote a Webpack plugin to help preload or prefetch JavaScript you're lazy-loading github.com/googlechrome/p… (works well for async chunks) 🔥

⚡ 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

📢 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 👈

Introducing React Adaptive Hooks: bit.ly/react-adaptive - conditionally load experiences best suited to a user's device and network constraints (experimental)

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

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.

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

github.com/addyosmani/cri…

I wrote a 108 byte CSS Layout Debugger: gist.github.com/addyosmani/fd3… ~ works in Chrome, Firefox, Opera & Safari.

Introducing the new HNPWA.com: Hacker News Progressive Web Apps in @reactjs @preactjs @polymer @vuejs @sveltejs @angular 🔥

Introducing Material Design Lite - Material components & templates in vanilla CSS, HTML & JS medium.com/google-develop…