juanfra

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

juanfra

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

juanfra

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

juanfra

<?php
//* Do NOT include the opening php tag

// filter the knowledgebase parser
function nice_knowledgebase_exclude_cat( $args ){

	$args['exclude'] = '8'; // replace 8 with the id of the category you want to exclude

	return $args;
}

juanfra

/* global script variables */
var $parallex_effect = true;
var window_width = 0;

jQuery(document).ready( function($) {

	/* Handles functionality that depends on window resize */
	var innerWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
	window_width = Math.max( jQuery( window ).width(), innerWidth );
	jQuery( window ).resize(function() {

juanfra

<?php
//* Do NOT include the opening php tag
add_action( 'wp_head', 'nice_load_custom_js', 10 );

function nice_load_custom_js() {

	if ( file_exists( get_stylesheet_directory() . '/custom.js' ) ) {

		wp_register_script( 'nice-custom-scripts-js', get_stylesheet_directory_uri() . '/custom.js', array( 'jquery' ) );
		wp_enqueue_script ( 'nice-custom-scripts-js' );

juanfra

<?php
//* Do NOT include the opening php tag

if ( ! function_exists( 'nice_add_editor_custom_styles' ) ) :
add_action( 'after_wp_tiny_mce', 'nice_add_editor_custom_styles' );
/**
 * Make sure custom styles are correctly applied to TinyMCE editor.
 *
 * We use jQuery to wait for the document to be ready, and then we rely on a
 * little timeout to ensure TinyMCE is completely loaded before applying styles

juanfra

<?php
//* Do NOT include the opening php tag

if ( ! function_exists( 'nice_top_bar_social_icon_shortcodes' ) ) :
add_filter( 'nice_top_bar_shortcodes', 'nice_top_bar_social_icon_shortcodes' );
/**
 * Add shortcodes to top bar.
 *
 * @since  1.0.2
 *

juanfra

<?php
//* Do NOT include the opening php tag

if ( ! function_exists( 'nice_top_bar_social_shortcode' ) ) :
add_filter( 'nice_top_bar_shortcodes', 'nice_top_bar_social_shortcode' );
/**
 * Add shortcodes to top bar.
 *
 * @since  1.0.2
 *

juanfra

<?php
//* Do NOT include the opening php tag
  
/**
 * Modify the number of words on the event excerpt
 *
 */
add_filter( 'excerpt_length', 'tec_custom_excerpt_length' );
function tec_custom_excerpt_length( $words ) {