addyosmani

Production-grade engineering skills for AI coding agents.

Extract & Inline Critical-path CSS in HTML pages

A creative-commons book on Backbone.js for beginners and advanced users alike

Repo for my 'Learning JavaScript Design Patterns' book

An aggregation of tooling for using ES6 today

A script and resource loader for caching & loading files with localStorage

Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.

WIP - ES6 Equivalents In ES5

Gemini CLI Tips and Tricks

Automating Web Performance testing with Puppeteer 🎪

Accessibility audit tooling for the web (beta)

TMI (Too Many Images) - discover your image weight on the web

Navigation Timing API measurement helpers

Tools to prioritize above-the-fold (critical-path) CSS

Squish - Batch Browser-based Image Compression

Free image background removal - private, client-side and powered by Transformers.js

Shim for getUserMedia(). Uses native implementation for modern browsers and a Flash fallback for everyone else.

ChattyUI - your private AI chat for running LLMs in the browser

Fireworks in your terminal 🎆

CLI tool to convert GitHub repositories to text files for LLMs

Agent Engineer - a practical course for software engineers

Above-the-fold CSS generation + inlining using Critical & Gulp

Backbone.js stack boilerplates demonstrating integration with Express, Ruby, PHP, Grails and more.

Repro of "The Tunnel Bear" login page

Say - A Whisper AI Notes app

Learning JavaScript Design Patterns: 2nd Edition - The Examples

Clarity - an Agent skill for clearer writing

Agentic SEO / Agentic Engine Optimization (AEO) tools

A reference software factory for Claude Code and Codex

A Webpack plugin for Lighthouse

SublimeText package for FixMyJS

Improve performance by predictively fetching pages a user is likely to need

Video compression in the browser using FFMPEG.wasm

🗃 Comparing storage options for the open web in 2016

A cross-browser Page Visibility API shim

Filter - Web Image Editor

Sublime Text build systems

A repo of up to date examples using Yeoman

Extract URLs to stylesheets, scripts, links, images or HTML imports from HTML

A bookmarklet for prettifying your CSS

Another Pub/Sub implementation

A Polymer.js template for building fast, robust web apps using Web Components

A Backbone.js + jQuery Mobile sample app using AMD for separation of modules, Require.js for dependency management + template externalisation and Underscore for templating

A Polymer element for syntax highlighting with Prism.js

A simple, git-clone friendly starting point for personal projects.

A faster JavaScript memoizer

Enhance and upscale your images using AI - right in your browser

Scalable JS architecture demo for #jqcon

Sample Gulp project using PSI

🗞 Preact Hacker News

GitHub README

Network emulation / throttling conditions (2G, 3G, 4G, Wifi etc) ☎️

Bubble Sort implementation with O(n^2) complexity.

Polymer filters for formatting values of expressions.

Angular 1 Dribbble Progressive Web App demo

Ember.js Zuperkulblog PWA (built with FastBoot and ember-cli)

Vanilla JavaScript for React developers

V8 memory mysteries (sample app)

Smaller Pics Progressive Web App

[Deprecated] A Polymer element for querying the Instagram API (Note: not yet updated to Polymer 0.5.x)

A Backbone, Underscore and jQuery Templates based image gallery (early early beta)

Responsive images using Imager.js and Polymer

Angular 4.x TodoMVC implementation

Multi-agent adversarial code review for any coding agent

SocketChat - a beginners chat app using SocketStream

An Embeddable GitHub 'Watchers' Button For External Pages

A YouTube Jukebox element built with Polymer & Yeoman

[Deprecated] Use gulp-uncss instead please.

Free document to PDF scanner

JARVIS built using the Gemini Live API

Above-the-fold CSS generation + inlining using Critical, Gulp & Angular

Draft proposal for browser-level media resizing

Context Buddy is a quick educational aid for understanding Context Engineering

Polymer + Grunt

Polymer + Material Timer/Countdown/Countdown app (alpha)

Selection sort with O(n^2) time complexity

Recursive Binary Search with O(log N) complexity

Another compact micro-templating solution

An offline-enabled Polymer slide-deck

The jQuery mobile wireframe for Flickly

An example of using grunt-uncss on a Sass project

A Polymer element for paginating model data

<sparkle-trail> Polymer element - useful as a pre-loader