Addy Osmani
Login:
addyosmani
Company:
Google
Location:
Mountain View, California
Bio:
Engineering Manager at Google working on Chrome & Web Platform
Blog:
https://www.addyosmani.com
Blog:
https://www.addyosmani.com
Member of
-
-
-
-
-
- AMP Project
- Backbone Paginator
- Bower
- Components
- ES Module Loader Polyfill
- Front-end Tooling Education
- Google Samples
- Google Web Components
- HTML5Rocks
- jQuery
- jQuery Boilerplate
- polymer
- TasteJS
- UMD
- UnCSS
- Web Components
- Yarn
- Yeoman
- null
- null
- null
- null
Repositories
-
2014.jsconf.eu
-
Leaking future secrets
-
2015.jsconf.eu
-
Leaking future secrets
-
a11y
-
Accessibility audit tooling for the web (beta)
-
a11y-gif
-
I don't even.
-
a11y-webapp
-
A11y WebApp built with Polymer (WIP)
-
active-route
-
Active view routing for Polymer extending
-
angular1-dribbble-pwa
-
Angular 1 Dribbble Progressive Web App demo
-
angular2-dribbble-pwa
-
Angular 2 / Angular Mobile Toolkit (WIP) Dribbble Progressive Web App demo
-
angular.js
-
HTML enhanced for web apps
-
angularjs.org
-
code for angularjs.org site
-
angular-shopping-demo
-
null
-
angular-todos
-
null
-
api.jquery.com
-
null
-
app.todos
-
Modified Todos App based on Spine.js / Backbone.js
-
aura
-
A scalable, event-driven JavaScript architecture for developing widget-based applications. Works with Backbone.js and other frameworks.
-
aura-calendar-component
-
An Aura.js calendar component
-
backbone
-
Give your JS App some Backbone with Models, Views, Collections, and Events
-
backbone-aura
-
Backbone Aura
-
backbone-boilerplates
-
Backbone.js stack boilerplates demonstrating integration with Express, Ruby, PHP, Grails and more.
-
backbone-fundamentals
-
:book: A creative-commons book on Backbone.js for beginners and advanced users alike
-
backbonejs-gallery
-
A Backbone, Underscore and jQuery Templates based image gallery (early early beta)
-
backbone-koans
-
A set of jasmine powered koans for learning Backbone.js.
-
backbone-koans-qunit
-
Backbone Koans for QUnit
-
backbone-mobile-search
-
A Backbone.js + jQuery Mobile sample app using AMD for separation of modules, Require.js for dependency management + template externalisation and Underscore for templating
-
Backbone_RequireJS
-
The backbone js todo example app refactored to use requireJS
-
backbone-tastypie-amd
-
A small compatibility layer to make backbone.js and django-tastypie work together happily.
-
backbone.validation
-
[Deprecated] A validation plugin for Backbone.js
-
BackgroundSync
-
A design and spec for ServiceWorker-based background synchronization
-
backpack
-
[Deprecated] An AMD-compatible startup pack for developers using Require.js and Backbone.js in their projects.
-
ballista
-
An intents system for the modern web.
-
basket.js
-
A script and resource loader for caching & loading files with localStorage
-
bootstrap
-
Sleek, intuitive, and powerful front-end framework for faster and easier web development.
-
browser-perf-runner
-
Run browser-perf on websites
-
brunch-with-chaplin
-
Brunch skeleton with structure of Chaplin
-
bubblesort
-
Bubble Sort implementation with O(n^2) complexity.
-
builtwith.angularjs.org
-
builtwith.angularjs.org
-
bundle-buddy
-
null
-
catclock
-
Polymer + Material Timer/Countdown/Countdown app (alpha)
-
ChangeSummary
-
A utility library which depends upon the ECMAScript Object.observe strawman and exposes JS Data Path/Object/Array observation
-
chromesearch
-
Transcript search and navigation for 270+ Google developer videos
-
clientside-sample-buildfile
-
A Client-side ANT Build File Example
-
community-updates
-
jQuery Community Updates
-
componentized-todo
-
Todo app using vanilla Web Components
-
content-size
-
null
-
core-animated-pages
-
null
-
critical
-
Extract & Inline Critical-path CSS in HTML pages
-
critical-css-weather-app
-
Critical-path CSS optimized weather app
-
critical-path-angular-demo
-
Above-the-fold CSS generation + inlining using Critical, Gulp & Angular
-
critical-path-css-demo
-
Above-the-fold CSS generation + inlining using Critical & Gulp
-
critical-path-css-tools
-
Tools to prioritize above-the-fold (critical-path) CSS
-
css3-transition-fallbacks
-
CSS3 Transition Fallback demos
-
cssdiet
-
(WIP) - A DevTools extension for multi-page unused CSS auditing
-
cssprettifier-bookmarklet
-
A bookmarklet for prettifying your CSS
-
ctw
-
CTW
-
CustomElements
-
Custom Elements Polyfill
-
dart-polymer-dart-examples
-
Polymer.dart, Web Components, and Dart.
-
debuggingmemory
-
Debugging memory leaks in JavaScript with Chrome DevTools (spainjs)
-
DeviceTiming
-
Instrument your JavaScript to measure parse & execution time on any device or browser
-
devtools-device-data
-
null
-
dev-tool-secrets
-
A site providing a list of secrets for the Browser Developer Tools in Chrome, Firebug, Firefox, Internet Explorer, Opera and Safari.
-
devtools-snippets
-
A collection of helpful snippets to use inside of browser devtools
-
devtools-terminal
-
(Working) Terminal in Chrome Devtools
-
devtools-timeline-model-browser
-
Browser-friendly helper for parsing DevTools Timeline traces into structured profiling data models
-
disney.github.io
-
Disney
-
docs
-
Documentation for Polymer
-
dotfiles
-
My dot files (in need of updating to my latest)
-
dotfiles-windows
-
dotfiles for Windows, including Developer-minded system defaults. Built in PowerShell
-
dotjs-website
-
dotJS website
-
dotnetmagazine
-
Demos for upcoming issues of .NET magazine
-
DownloadBuilder.js
-
A JavaScript library that uses the HTML5 Filesystem API to create concatenated single file custom builds for front-end projects. The library currently supports concatenating local files (supported in all major browsers) and/or files from Github (not supported in IE unless you use a window.atob polyfill). The library also uses Session Storage to provide an option to cache ajax/jsonp requests.
-
edgesearch
-
null
-
element-query
-
Element queries with Polymer (experimental fork)
-
ember-progressive-webapp
-
Ember.js Zuperkulblog PWA (built with FastBoot and ember-cli)
-
es2015-todomvc-chrome
-
ES2015 TodoMVC app that works without a transpiler
-
es6-equivalents-in-es5
-
WIP - ES6 Equivalents In ES5
-
es6modulesnow
-
ES6 modules for ES5 browsers
-
es6-starter
-
A minimal starting point for using ES6 today.
-
es6-tools
-
An aggregation of tooling for using ES6 today
-
essential-js-design-patterns
-
Repo for my 'Learning JavaScript Design Patterns' book
-
express
-
Sinatra inspired web development framework for node.js -- insanely fast, flexible, and simple
-
faster-video
-
A Polymer element for
-
fetch
-
A window.fetch JavaScript polyfill.
-
fitc-wccdt
-
FITC Web Components Can Do That?!
-
fixmyjs
-
Automatically fix silly lint errors.
-
flickly-wireframe
-
The jQuery mobile wireframe for Flickly
-
fowd2013
-
FOWD2013 workshop bits.
-
framework-traces
-
Traces ?
-
generator-bbb
-
Backbone Boilerplate Yeoman generator.
-
generator-boilerplate
-
A simple Yeoman generator using Git submodules to clone over a boilerplate hosted elsewhere on GitHub
-
generator-chromeapp
-
Yeoman generator for Chrome App
-
generator-compose-css
-
WIP A composible Yeoman generator for CSS frameworks
-
generator-ember
-
Yeoman generator for Ember
-
generator-es6
-
An ES6.now project generator for Yeoman.
-
generator-flight
-
A Yeoman generator for scaffolding out a Flight web app
-
generator-genesis
-
Yeoman Generator for Genesis Skeleton
-
generator-h5bp
-
Scaffolds out HTML5 Boilerplate
-
generator-jquery-boilerplate
-
Yeoman Generator for jQuery Boilerplate
-
generator-mobile-boilerplate
-
Scaffolds out H5BP Mobile Boilerplate
-
generator-pure
-
Yeoman generator for YUI Pure
-
generators
-
Yeoman Generators
-
generator-webapp
-
Yeoman generator for scaffolding out a front-end web app
-
generator-webapp-uncss
-
Yeoman generator with grunt-uncss
-
getUserMedia.js
-
Shim for getUserMedia(). Uses native implementation for modern browsers and a Flash fallback for everyone else.
-
gifcord
-
gifcord
-
gifit
-
null
-
github-client
-
Angular GitHub client for Firefox OS
-
github-search
-
Fork this repo if you want to start your own Web Component using Polymer
-
github-watchers-button
-
An Embeddable GitHub 'Watchers' Button For External Pages
-
google-slides
-
:zap: An offline-enabled Polymer slide-deck
-
grunt-contrib-cssmin
-
Compress CSS files.
-
grunt-contrib-imagemin
-
Minify PNG and JPEG images.
-
grunt-google-cdn
-
null
-
grunt-microlib
-
Shared tooling between Ember.js microlibraries.
-
grunt-uncss-sass-example
-
An example of using grunt-uncss on a Sass project
-
gulp-fixmyjs
-
Automatically fix JSHint results with fixmyjs
-
gulp-responsive
-
gulp-responsive generates images at different sizes
-
gulp-uncss-task
-
[Deprecated] Use gulp-uncss instead please.
-
gulp-vulcanize
-
Concatenate a set of Web Components into one file
-
h5bp-ui
-
null
-
html5-boilerplate
-
starting html/css template. so much goodness baked in by default
-
HTML5-Face-Detection
-
HTML5 Video Face Detection with the CCV Javascript Library
-
html5please
-
Graded Feature Support
-
html5please-api
-
Raw browser/feature support data from caniuse.com
-
html5shiv
-
This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer.
-
html5slides
-
Fork from google code of Google's html5 slides, to use for doing html-based online slide decks
-
html-as-custom-elements
-
HTML as Custom Elements
-
html-exports
-
null
-
ievms
-
Automated installation of the Microsoft IE App Compat virtual machines
-
incremental-dom
-
null
-
io.js
-
A spork of Node.js with an open governance model
-
ios-webkit-debug-proxy
-
A DevTools proxy (WebKit Remote Debugging Protocol) for iOS devices (Safari Remote Web Inspector).
-
jasmine.backbone.js
-
Jasmine matchers and utilities for testing Backbone.js applications
-
jquery-1
-
jQuery JavaScript Library
-
jQuery-contextMenu
-
contextMenu plugin & polyfill
-
jquery-googleviewer-plugin
-
A compact Google Viewer plugin
-
jquery.imgloaded
-
Fake fork of Paul Irish's image loaded method for jQuery
-
jquery-misc
-
Miscellaneous small jQuery plugins and code fragments
-
jQuery-Mobile-TestApp
-
null
-
jquery-noverlap
-
A jQuery plugin for uniquely positioning elements in a document without any overlap.
-
jquery-roundrr
-
A jQuery plugin for plotting interactive content galleries in a circle form
-
jQuery-UI-Date-Range-Picker
-
Bootstrap themed jQueryUI date range picker
-
jqueryui-extendables
-
A group of UI components that I consider missing from jQueryUI
-
jquery-wanderwall
-
A demonstration project showing how a simple yet effective 'hover-focused' UI can be implemented
-
jsbeautify-for-chrome
-
(in-use) When looking at a JavaScript file, this extension will offer to beautify it for you. Uses http://jsbeautifier.org
-
jsbin
-
Collaborative JavaScript Debugging App
-
jsconf2014
-
null
-
js-shapelib
-
A minimalist JavaScript library for drawing objects around a Circle or Ellipse
-
jwplayer-html5-experiments
-
A project to provide playlist capabilities around the LongTail HTML5 Video Player
-
knockoutjs-todos
-
Backbone.js todos example done with Knockout.js
-
largescale-demo
-
Scalable JS architecture demo for #jqcon
-
lighthouse
-
Auditing, performance metrics, and best practices for Progressive Web Apps
-
lighthouse-reports
-
Quick module for getting Lighthouse reports in JSON form
-
loadCSS
-
A function for loading CSS asynchronously
-
longtasks
-
Long Task API
-
lxjs-slides
-
LXJS Slides
-
mediacapture.js
-
HTML5 Media Capture API polyfill
-
memoize.js
-
A faster JavaScript memoizer
-
memory-mysteries
-
V8 memory mysteries (sample app)
-
meta-theme-color
-
Parses a HTML theme-color from a meta tag
-
meteor-todomvc-auth
-
TodoMVC with authentification running on Meteor
-
microtemplatez
-
Another compact micro-templating solution
-
Modernizr
-
Feature detect HTML5 and CSS3 features, with handy css and javascript hooks so you can progressively enhance to your heart's content.
-
modernizr-plugins
-
A collection of Modernizr-compatible feature-detection plugins I've written
-
module-bundling-study
-
Module bundling study (with Lighthouse)
-
moji-brush
-
null
-
movethewebforward
-
You ? the Web Platform. You maybe even feel compelled to ?give back? to the community. We?re here to help you get started.
-
mustache-for-chromeapps
-
A special build of mustache that works in Chrome Apps under CSP
-
myQuery
-
A JavaScript DOM manipulation library for learning purposes
-
my-tabs
-
A tabs component using Polymer core-elements
-
network-emulation-conditions
-
Network emulation / throttling conditions (2G, 3G, 4G, Wifi etc) ??
-
nimbupani.github.com
-
null
-
node-jscs
-
JavaScript Code Style checker
-
node-traceur
-
Traceur support for node
-
nojs-html5-template
-
NoJs HTML5 Template is a cross-browser JavaScript-less webpage template
-
npm-and-polymer-demo
-
Demo of Polymer + Paper elements working off npm3
-
npm-expansions
-
Send us a pull request by editing index.json
-
ot-crew.com
-
Website for -ot
-
oust
-
Extract URLs to stylesheets, scripts, links, images or HTML imports from HTML
-
package_control_channel
-
Default channel file for Package Control. Follow the directions at:
-
page-er
-
A Polymer element for paginating model data
-
page-router
-
Declarative URL routing for Polymer elements.
-
parsely
-
A small utility for parsing URLs of all types.
-
php-backbone-todos
-
null
-
platform
-
Integrate platform polyfills: load, build, test
-
plight-of-the-butterfly
-
Object.observe() notes
-
polydrops
-
Polydrops.com (WIP)
-
polymer-blog
-
A tutorial app for generator-polymer
-
polymer-boilerplate
-
A Polymer.js template for building fast, robust web apps using Web Components
-
polymer-browserify-vulcanize
-
Polymer + Browserify + Vulcanize
-
polymer-cinemagram
-
A small polymer app
-
polymer-devtools-extension
-
Polymer debugging extension
-
polymer-elements
-
Basic non-visual elements
-
polymer-eventemitter
-
A Polymer event emitter element with support for wildcards, many and once.
-
polymer-filters
-
Polymer filters for formatting values of expressions.
-
polymer-grunt-example
-
Polymer + Grunt
-
polymer-localforage
-
A Polymer element for Mozilla's localForage (async storage via IndexedDB or WebSQL)
-
polymer-localstorage
-
localStorage component for Polymer
-
polymer-plus-samples
-
Polymer integration samples
-
polymer-selection
-
A selection component for Polymer
-
polymer-selector
-
A Polymer selector component
-
polymer-signals
-
Global messaging between Polymer components
-
polymer-todomvc-codelab
-
Codelab for Polymer-based TodoMVC app
-
preact-cli
-
? Your next Preact PWA starts in 30 seconds.
-
preact-hn
-
? Preact Hacker News
-
preact-www
-
:book: Preact documentation website.
-
predictive-fetching
-
Improve performance by predictively fetching pages a user is likely to need
-
priority-hints
-
A browser API to enable developers signal the priorities of the resources they need to download.
-
prism-js
-
A Polymer element for syntax highlighting with Prism.js
-
proposals
-
Tracking ECMAScript Proposals
-
psi
-
PageSpeed Insights with reporting
-
psi-gulp-sample
-
Sample Gulp project using PSI
-
pubsubz
-
Another Pub/Sub implementation
-
pwa-list
-
null
-
pwmetrics-helper
-
? A helper for working with individual Progressive Web App metrics (via Lighthouse)
-
react
-
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
react-boilerplate
-
:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
-
react-dynamic-route-loading-es6
-
Auto chunking and dynamic loading of routes with React Router and Webpack 2
-
react-hn
-
React-powered Hacker News client
-
react-interop
-
React + Polymer + X-Tag interop
-
ReactiveElements
-
Allows to use React.js component as HTML element
-
readable-proxy
-
Node proxy server attempting to fetch readable contents from any provided URL.
-
realtime-playground
-
Google Drive Realtime API Playground helps you to try out the features of the Realtime API
-
recursive-binarysearch
-
Recursive Binary Search with O(log N) complexity
-
regex-mobile-viewport
-
Check HTML has a valid mobile-friendly viewport meta tag
-
regex-theme-color
-
Check HTML has a valid theme-color meta tag
-
require-hm
-
RequireJS loader plugin that supports ES6 Modules
-
robinson
-
A toy web rendering engine
-
route
-
A client + server routing library for Dart
-
routez
-
Hash history/routing management
-
rusty
-
Toy Web layout engine written in Rust
-
sammystodos
-
A todo list app written on top of Sammy.js
-
samples
-
A repo containing samples tied to new functionality in each release of Google Chrome.
-
Scratch-JS
-
Run JS in Chrome from your transpiler of choice!
-
script-ext-html-webpack-plugin
-
Enhances html-webpack-plugin functionality with different deployment options for your scripts including 'async', 'defer', 'module' and inlining.
-
seed-element
-
Canonical Element Boilerplate
-
selectionsort
-
Selection sort with O(n^2) time complexity
-
smaller-pictures-app
-
Smaller Pics Progressive Web App
-
socketchat
-
SocketChat - a beginners chat app using SocketStream
-
socketpad
-
A wiki/doc proof-of-concept built with SocketStream
-
socketstream
-
A phenomenally fast real-time web framework for Node.js
-
socketstream-helpers
-
SocketStream Helpers
-
SO-Dark-Monokai-v3
-
Chrome Developer Tools Custom Theme
-
so-simple-theme
-
A simple and clean responsive Jekyll theme for words and photos.
-
sparkle-trail
-
Polymer element - useful as a pre-loader
-
spine.bitly
-
(Demo app) A Spine.js Bit.ly client for shortening URLs and archiving references to these links offline.
-
spine.todos
-
A Backbone alternative idea
-
starter
-
A simple, git-clone friendly starting point for personal projects.
-
storage-on-the-web
-
? Comparing storage options for the open web in 2016
-
sublime-build-systems
-
Sublime Text build systems
-
sublime-fixmyjs
-
SublimeText package for FixMyJS
-
swipeable-card
-
null
-
tea-mates
-
null
-
tempdirectory
-
Get a random temp directory path
-
test-element
-
Testing Scott's script again
-
timing.js
-
Navigation Timing API measurement helpers
-
tmi
-
TMI (Too Many Images) - discover your image weight on the web
-
todo
-
A Simple Todo app written with JavaScriptMVC
-
todomvc-angular-4
-
Angular 4.x TodoMVC implementation
-
todomvc-meteor
-
A todo app in Meteor.js, inspired by todomvc
-
todos
-
Sample Todos application built using SproutCore 2.0
-
Todos-Example
-
null
-
tools
-
Utilities to help with testing toolkit
-
typeahead-country
-
A Polymer element for autocompleting country names
-
uncss
-
Remove unused styles from CSS
-
underscore
-
JavaScript's utility _ belt
-
undo-experiments
-
Experiments with Mutation Observers & Object.observe()
-
undo-manager
-
An Undo/Redo manager as a Polymer element
-
unveil
-
A very lightweight jQuery plugin to lazy load images
-
updates.html5rocks.com.new
-
null
-
video-js
-
A Polymer element for Video.js
-
video-player
-
A themeable Polymer video element
-
visibly.js
-
A cross-browser Page Visibility API shim
-
vue-cli-todomvc
-
TodoMVC built using the Vue.js 2.0 CLI ?
-
vue-hackernews
-
HackerNews clone with Vue.js
-
vue-hackernews-2.0
-
HackerNews clone built with Vue 2.0, vue-router & vuex, with server-side rendering
-
vulcanize
-
Build tool for HTMLImports and Web Components
-
w3fools
-
null
-
webapp-scaffold
-
Polymer webapp scaffold element
-
webcomponent-samples
-
Experiments
-
webcomponentsjs
-
null
-
webkit-speechbot
-
A simple webkit language interpretation and speech bot
-
webpack
-
A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders," modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
-
webpack.js.org
-
New repository for webpack documentation and more!
-
webpack-lighthouse-plugin
-
A Webpack plugin for Lighthouse
-
web-starter-kit
-
PostCSS SourceMaps demo for Web Starter Kit
-
workshop-fowd-2013
-
A JavaScript Architecture Workshop targeted at intermediate developers
-
workspace
-
Nothing to see here.
-
www.html5rocks.com
-
....a top-notch resource for web developers
-
x-imager
-
Responsive images using Imager.js and Polymer
-
x-instagram
-
[Deprecated] A Polymer element for querying the Instagram API (Note: not yet updated to Polymer 0.5.x)
-
yeoman
-
Yeoman (n) 1. A noble servant, carrying out various duties for the sovereign. Associated with hard toil. 2. Your new favorite web application stack and development tool.
-
yeoman-examples
-
A repo of up to date examples using Yeoman
-
yo
-
CLI tool for scaffolding out Yeoman projects
-
yo-offline
-
An installer pack for Yeoman and our dependencies. For use at workshops.
-
yt-jukebox
-
A YouTube Jukebox element built with Polymer & Yeoman
Commits To
Repository | Most Recent Commit | # Commits |