Javier Sánchez - Marín vieron

#Mac OS X

Apps

jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
AngularJS - Conventions based MVC framework for HTML5 apps.
Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
lawnchair - Key/value store adapter for indexdb, localStorage

	// Usage

	@include img_delivery("/path/to/images/", "/path/to/stylesheets/and/file-basename", "/path/to/javascripts/and/file-basename") {

	.foo a:after {
	@extend %icon-foo;
	}

	.var b:after {
	@extend %icon-var;

	// Fireworks JavaScript Command
	// Exports current document state as SVG graphics format
	// Install by copying to Fireworks/Configuration/Commands/
	// Run via the Commands menu in Fireworks
	// Aaron Beall 2010-2011

	// Version
	var VERSION = "0.6.1";

	// Params

	@function prefix($property, $prefixes: (webkit moz o ms)) {
	$vendor-prefixed-properties: transform background-clip background-size;
	$result: ();
	@each $prefix in $prefixes {
	@if index($vendor-prefixed-properties, $property) {
	$property: -#{$prefix}-#{$property}
	}
	$result: append($result, $property);
	}
	@return $result;

	<section class="col">
	<ul>
	<li class="row l-2">
	<p class="col">
	{{ form.first_name.label_tag }}
	{{ form.first_name }}
	<span class="error">This field is required</span>
	</p>
	<p class="col">
	{{ form.last_name.label_tag }}

	function rgbaToSVGAttrs(color) {
	var regex, rgba;
	color = color.replace(' ', '');

	if (color.indexOf('rgba(') !== 0) {
	return color;
	}

	regex = /(.*?)rgba\((\d+),(\d+),(\d+),([0-9]+\.[0-9]+\|\d)\)/;
	rgba = regex.exec(color);

	/*
	* fonts.com implement one different font-family name per weight or style of
	* the same font. This means you need to explicitly declare in your elements
	* that use a font-weight different to `normal` the new font-family
	* corresponding to that weight.
	*
	* See http://stackoverflow.com/questions/5824925/is-there-any-way-to-fix-fonts-com-font-face-declarations
	*/

	var FontsComLoader = (function() {

	// VENDOR-PREFIX CSS TRANSITIONS
	// USAGE: @include transition(transform 0.2s ease-in 0.2s, opacity 0.2s ease);

	@function prefix($property, $prefixes: (webkit moz o ms)) {
	$vendor-prefixed-properties: transform background-clip background-size;
	$result: ();

	@each $prefix in $prefixes {
	@if index($vendor-prefixed-properties, $property) {
	$property: -#{$prefix}-#{$property}

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console