addyosmani/learning-jsdp

Stars
253
Rank 160,776 (Top 4 %)
Language
HTML
Created over 1 year ago
Updated 11 months ago

addyosmani/learning-jsdp

addyosmani

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Learning JavaScript Design Patterns: 2nd Edition - The Examples

Learning JavaScript Design Patterns: Second Edition

This repository contains the code snippets and examples for the O'Reilly book Learning JavaScript Design Patterns: Second Edition by Addy Osmani.

Repository Structure

The repository is organized into directories corresponding to each chapter of the book. Each directory is named ch followed by the chapter number, with numbers under 10 formatted as 01, 02, 03, etc.

For example:

ch01/ contains code snippets for Chapter 1
ch02/ contains code snippets for Chapter 2
ch03/ contains code snippets for Chapter 3
...

License

This repository is licensed under the MIT License.

critical

Extract & Inline Critical-path CSS in HTML pages

backbone-fundamentals

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

essential-js-design-patterns

Repo for my 'Learning JavaScript Design Patterns' book

es6-tools

An aggregation of tooling for using ES6 today

basket.js

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

es6-equivalents-in-es5

WIP - ES6 Equivalents In ES5

puppeteer-webperf

Automating Web Performance testing with Puppeteer 🎪

a11y

Accessibility audit tooling for the web (beta)

tmi

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

timing.js

Navigation Timing API measurement helpers

critical-path-css-tools

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

getUserMedia.js

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

critical-path-css-demo

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

backbone-boilerplates

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

chatty

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

webpack-lighthouse-plugin

A Webpack plugin for Lighthouse

sublime-fixmyjs

SublimeText package for FixMyJS

predictive-fetching

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

storage-on-the-web

🗃 Comparing storage options for the open web in 2016

visibly.js

A cross-browser Page Visibility API shim

sublime-build-systems

Sublime Text build systems

yeoman-examples

A repo of up to date examples using Yeoman

oust

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

cssprettifier-bookmarklet

A bookmarklet for prettifying your CSS

polymer-boilerplate

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

pubsubz

Another Pub/Sub implementation

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

prism-js

A Polymer element for syntax highlighting with Prism.js

starter

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

memoize.js

A faster JavaScript memoizer

largescale-demo

Scalable JS architecture demo for #jqcon

psi-gulp-sample

Sample Gulp project using PSI

preact-hn

🗞 Preact Hacker News

network-emulation-conditions

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

bubblesort

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

polymer-filters

Polymer filters for formatting values of expressions.

angular1-dribbble-pwa

Angular 1 Dribbble Progressive Web App demo

ember-progressive-webapp

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

memory-mysteries

V8 memory mysteries (sample app)

smaller-pictures-app

Smaller Pics Progressive Web App

x-instagram

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

x-imager

Responsive images using Imager.js and Polymer

backbonejs-gallery

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

todomvc-angular-4

Angular 4.x TodoMVC implementation

socketchat

SocketChat - a beginners chat app using SocketStream

github-watchers-button

An Embeddable GitHub 'Watchers' Button For External Pages

gulp-uncss-task

[Deprecated] Use gulp-uncss instead please.

yt-jukebox

A YouTube Jukebox element built with Polymer & Yeoman

critical-path-angular-demo

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

native-media-resizing

Draft proposal for browser-level media resizing

catclock

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

recursive-binarysearch

Recursive Binary Search with O(log N) complexity

selectionsort

Selection sort with O(n^2) time complexity

polymer-grunt-example

Polymer + Grunt

microtemplatez

Another compact micro-templating solution

page-er

A Polymer element for paginating model data

google-slides

⚡ An offline-enabled Polymer slide-deck

flickly-wireframe

The jQuery mobile wireframe for Flickly

grunt-uncss-sass-example

An example of using grunt-uncss on a Sass project

sparkle-trail

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

cssdiet

(WIP) - A DevTools extension for multi-page unused CSS auditing

github-client

Angular GitHub client for Firefox OS

a11y-webapp

A11y WebApp built with Polymer (WIP)

backbone-koans-qunit

Backbone Koans for QUnit

video-js

A Polymer element for Video.js

generator-webapp-uncss

Yeoman generator with grunt-uncss

lottie-animation-demo

Network-aware adaptive loading with Lottie Web

spine.bitly

(Demo app) A Spine.js Bit.ly client for shortening URLs and archiving references to these links offline.

backbone-aura

es2015-todomvc-chrome

ES2015 TodoMVC app that works without a transpiler

critical-css-weather-app

Critical-path CSS optimized weather app

polymer-blog

A tutorial app for generator-polymer

generator-boilerplate

A simple Yeoman generator using Git submodules to clone over a boilerplate hosted elsewhere on GitHub

npm-and-polymer-demo

Demo of Polymer + Paper elements working off npm3

jquery-roundrr

A jQuery plugin for plotting interactive content galleries in a circle form

polymer-localforage

A Polymer element for Mozilla's localForage (async storage via IndexedDB or WebSQL)

devtools-timeline-model-browser

Browser-friendly helper for parsing DevTools Timeline traces into structured profiling data models

mustache-for-chromeapps

A special build of mustache that works in Chrome Apps under CSP

addyosmani

active-route

Active view routing for Polymer extending <template>

tmdb-viewer-load-more

Accessibility-friendly version of TMDB Viewer (load-more)

webapp-scaffold

Polymer webapp scaffold element

typeahead-country

A Polymer element for autocompleting country names

react-interop

React + Polymer + X-Tag interop

vue-cli-todomvc

TodoMVC built using the Vue.js 2.0 CLI 🍰

polymer-browserify-vulcanize

Polymer + Browserify + Vulcanize

es6-starter

A minimal starting point for using ES6 today.

faster-video

A Polymer element for <video> with playback speed controls

js-shapelib

A minimalist JavaScript library for drawing objects around a Circle or Ellipse

element-query

Element queries with Polymer (experimental fork)

clientside-sample-buildfile

A Client-side ANT Build File Example

parsely

A small utility for parsing URLs of all types.

video-player

A themeable Polymer video element

page-router

Declarative URL routing for Polymer elements.

polymer-eventemitter

A Polymer event emitter element with support for wildcards, many and once.

lighthouse-reports

Quick module for getting Lighthouse reports in JSON form

generator-es6

An ES6.now project generator for Yeoman.

aura

A scalable, event-driven JavaScript architecture for developing widget-based applications. Works with Backbone.js and other frameworks.

jquery-googleviewer-plugin

A compact Google Viewer plugin

medium-backups