pazguille

(function (window) {
    'use strict';
    var document = window.document,
        console = window.console;

    document.addEventListener('keydown', function (event) {
        event = event || window.event;

        var target = event.target || event.srcElement,
            esc = (event.which === 27),

pazguille

<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
    var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
    s.parentNode.insertBefore(g,s)}(document,'script'));
</script>

<!-- Google Analytics: Subdomains. -->
<script>

pazguille

var collection = ['a','b','c','d','e'];

// Vanilla JavaScript
var i = 0,
    len = collection.length;
for (; i < len; i += 1) {
    console.log(collection[i]);
}

// jQuery 

pazguille

textarea{ resize: none; }

pazguille

{{Name}}

{{Description}}

Installation

$ component install pazguille/{{name}}

See: https://github.com/component/component

pazguille

.container {
	background-color: red;
	height:300px;
	width: 500px;
	display: table; 
}

.content {
  background-color:blue;
  display: table-cell;

pazguille

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;

pazguille

/**
 * Singleton Pattern
 */
function Singleton(options) {

    if (!(this instanceof Singleton) && Singleton.getInstance === undefined) {
        Singleton.getInstance = new Singleton();
        return Singleton.getInstance;
    }

pazguille

<script type="text/html" id="item_tmpl">
  <div id="<%=id%>" class="<%=(i % 2 == 1 ? " even" : "")%>">
    <div class="grid_1 alpha right">
      <img class="righted" src="<%=profile_image_url%>"/>
    </div>
    <div class="grid_6 omega contents">
      <p><b><a href="/<%=from_user%>"><%=from_user%></a>:</b> <%=text%></p>
    </div>
  </div>
</script>

pazguille

/*
 * Component
 */
(function (win) {
    'use strict';

    /**
     * Component definition
     */