alvarezmauro

@font-face {
	font-family: 'MyWebFont';
	src: url('webfont.eot'); /* IE9 Compat Modes */
	src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('webfont.woff') format('woff'), /* Modern Browsers */
	     url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
	}

alvarezmauro

// Retrieve root URL
var rootUrl = location.protocol + '//' + location.host;

alvarezmauro

// Get # parameter
var param = document.URL.split('#')[1];

alvarezmauro

// Returns a function, that, as long as it continues to be invoked, will not
// be triggered. The function will be called after it stops being called for
// N milliseconds. If `immediate` is passed, trigger the function on the
// leading edge, instead of the trailing.
function debounce(func, wait, immediate) {
	var timeout;
	return function() {
		var context = this, args = arguments;
		var later = function() {
			timeout = null;

alvarezmauro

var getAbsoluteUrl = (function() {
	var a;

	return function(url) {
		if(!a) a = document.createElement('a');
		a.href = url;

		return a.href;
	};
})();

alvarezmauro

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

alvarezmauro

(function() {

    // declare private variables and/or functions

    return {
      // declare public variables and/or functions
    }

})();

alvarezmauro

var singleton = (function () {

  var singletonInstance;

  function create () {
    var singletonPrivateVariable = 'Private variable'

    function singletonMethod() {
      // Method
    }

alvarezmauro

var Animal = {
  create(type){
    var animal = Object.create(Animal.prototype);
    animal.type = type;
    return animal;
  },
  isAnimal(obj, type){
    if(!Animal.prototype.isPrototypeOf(obj)){
      return false;
    }

alvarezmauro

/******************************************************************************************************
* @function addClass
* @desc Add a Class to HTML elements
* @param (elements) - String selector (eg: '#iddiv' or '.classdiv') 
*                     or DOM elements (eg: document.querySelectorAll('.classdiv') )
* @param (myClass) - String calss name you whant to add (eg: 'newClass')
******************************************************************************************************/
function addClass(elements, myClass) {
  // if there are no elements, we're done
  if (!elements) {