ayozebarrera

<script src="http://yui.yahooapis.com/3.12.0/build/yui/yui.js"></script>
<script>
YUI().use('node-base', 'node-event-delegate', function (Y) {
    Y.one('body').delegate('click', function (e) {
        e.preventDefault();
    }, 'a[href="#"]');
});
</script>

ayozebarrera

var templateName = 'name';
var fragment = Meteor.render( function() {
    return Template[ templateName ]();
});

ayozebarrera

var fragment = UI.render(Template.templateName);
UI.insert(fragment, $('element').get(0)); //$('element').get(0) returns raw DOM node

ayozebarrera

//Callback when animation is done (transition instead animation for transitions)
$subnav.on('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
  //Code to run after animation
  
  //unbind event for the next time
	$(this).off('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend');
});

ayozebarrera

/*This works because two inline-block elements will vertically align with each other. 
The :before rule creates an inline-block element that is the same height as its parent, 
which the variable height <span> can vertically align with.*/

ul li span {
    display: inline-block;  
    vertical-align: middle;     
}

ul li:before{

ayozebarrera

activeGallery: function(){
		var width = 466; /* ancho de cada elemento + separación */
		var positions = $('.slideGallery .media').length; /* 6 elements */
		var pos = 0;
		$('.slideGallery .controller.right').click(function(){
			if (pos < positions){ // Limitar la galería
				$('.slideGallery .controller.left').fadeIn('slow'); //mostramos el controlador opuesto
				pos++;
				if (pos >= positions-2){  //-2 is  because the gallery is a 2elements/page.Will change in another design.
				//this if is to set a maximum value and not set the value using pos (50 super clicks = pos 50).

ayozebarrera

body img{
	width: 100%; /* default */
}
img.fitWidth{
	height: 100% !important;
	width: auto !important; 
}

ayozebarrera

Libraries

• 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
• Compass - Open source CSS Authoring Framework.
• Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
• Font Awesome - The iconic font designed for Bootstrap.
• Zurb Foundation - Framework for writing responsive web sites.
• SASS - CSS extension language which allows variables, mixins and rules nesting.
• Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

ayozebarrera

Libraries

• 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

ayozebarrera

function onDeviceReady() {
    if (parseFloat(window.device.version) === 7.0) {
          document.body.style.marginTop = "20px";
    }
}
  
document.addEventListener('deviceready', onDeviceReady, false);