addyosmani

A workflow for creating re-usable Polymer elements

This guide takes you through setting up the boilerplate for working on a re-usable Polymer element. It also covers the tooling to deploy a version of your package such that the master branch of your repository can be easily consumed by other apps or elements (e.g through Bower) and the gh-pages branch can be used for sharing the demo and documentation for your element.

Note: We assume you have git and Bower installed and use Scott Miles' Polymer boilerplate for getting started.

Getting setup

• Create a new directory on your system for working on Polymer elements (e.g development).
• Clone the untitled-element boilerplate inside this directory: git clone git://github.com/polymerlabs/untitled-element.git. Rename the element and it's files accordingly. For example, if your element was called test-element, your file list would look a little like this:

btford

Several developers asked me about how difficult it will be to migrate Angular 1 to Angular 2. Angular 2 isn't done, so I legitimately have no idea how hard it will be. But there are a few high-level guiding principals in the design of Angular 1 that make adapting to changes like this fairly painless.

Angular 1 was designed so it would have a fairly minimal API surface. Let's look at controllers, since these are the meat of your app. Controllers are just functions that get passed other components as arguments:

MyController ($scope) {
  $scope.list = [];
  
  $scope.addItem = function (name) {
    $scope.list.push({

Nevraeka

The Web Ahead by @jensimmons

• Web Components with Peter Gasston
• Componentizing the Web with Rob Dodson

Shop Talk Show by @chriscoyier

• 124: Rob Dodson
• 141: Marcy Sutton

JavaScript Jabber by @cmaxw

• Google Polymer with Rob Dodson and Eric Bidelman

k33g

function Human(){
  var that = this;
  var name="John Doe";
  that.getName=function(){return name;}
  that.setName=function(value){name=value;}
  return that;
}

function Man(){
	

cowboy

// Your module.

(function($uper){
  var $ = $uper.sub();

  // This method ONLY exists inside this IIFE.
  $.fn.remove = function() {
    if ( confirm( "Really remove " + this.length + " elements?" ) ) {
      // Execute (and return the value of) the main jQuery .remove method.
      return $uper.fn.remove.apply( this, arguments );

paulirish

// the text-align: centaur; polyfill
// by paul irish

// it will find any styles that use `text-align: centaur` and instantly centaurize that text!

// uses the JSCSSP parser by Daniel Glazman

// thx to cameron daigle for march 2011's best javascript.
// http://textaligncentaur.com/

Kambfhase

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                    Version 2, December 2004

 Copyright (C) 2011 Kambfhase

 Everyone is permitted to copy and distribute verbatim or modified
 copies of this license document, and changing it is allowed as long
 as the name is changed.

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE

rtgibbons

javascript:(function(){var d=document,j=d.getElementById('__paulify_nodes'),k=null;var files=['https://github.com/rtgibbons/Paulify/raw/master/js/paulify.js','https://github.com/rtgibbons/Paulify/raw/master/js/paulify_run.js'];if(j){paulify_add();}else{k=d.createElement('div');k.id='__paulify_nodes';d.getElementsByTagName('body')[0].appendChild(k);for(var l=0;l<files.length;l++){j=d.createElement('script');j.src=files[l];k.appendChild(j);}}})();

mklabs

min

• UglifUI: http://alexsexton.com/uglifui/
• cssmin: http://tools.w3clubs.com/cssmin/ (post)

img opt

• Smush.it: http://www.smushit.com/ysmush.it/
• Spritecow: http://www.spritecow.com/

jaredwilli

IMPORTANT! Remember to check out the wiki page at https://github.com/bebraw/jswiki/wiki/Game-Engines for the most up to date version.

Name	Latest Release	Size (KB)	License	Type	Unit Tests	Docs	Repository	Notes
Akihabara	1.3.1 (2011/05)	453	GPL2, MIT	Classic Repro	no	API	github	Intended for making classic arcade-style games in JS+HTML5
Aves			Commer-cial					Obsolete. Company bought by Zynga. E3 2010 Aves Engine Prototype "Suburban World"
bdge							github	Badly Design Game Engine, an HTML5 Javascript game engine [Demo](h