FutureMedia

• jQuery API Documentation: http://api.jquery.com/scroll/
• jQuery Scrollpane plugin: http://jscrollpane.kelvinluck.com
• jQuery Mouseweel plugin: https://github.com/brandonaaron/jquery-mousewheel
• jQuery Overscroll plugin: http://azoff.github.io/overscroll
• Add momentum scrolling via css: http://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/
• jQuery Dragscrollable plugin: http://www.serkey.com/jquery-dragscrollable-pane-with-velocity-and-friction-bbucp3.html
• jQuery Ascensor plugin: http://kirkas.ch/ascensor/

FutureMedia

<script>
      // Toggles a show-nav class on the body element
			$(function() {
				$('.toggle').click(function() {
					if ($('body').hasClass('show-nav')) {
					  // side panel closed
						$('body').removeClass('show-nav');
					} else {
						// side panel open
						$('body').addClass('show-nav');

FutureMedia

.box {
  height: 100vh;
  width: 50vw;
}

/*
Note: The CSS height property is a bit tricky. 
Setting the height:100% should make an element 100% the height of its parent. 
This works, yes, but only when the parent has a fixed height.
*/

FutureMedia

<?php
// Return a list of the custom taxonomies with links
function get_custom_taxonomies_list() {
	global $post, $post_id;
	// get post by post id
	$post = &get_post($post->ID);
	// get post type by post
	$post_type = $post->post_type;
	// get post type taxonomies
	$taxonomies = get_object_taxonomies($post_type);

FutureMedia

Client Side

1. The jQuery plugin for equalizing the height or width of elements. https://github.com/tsvensen/equalize.js
2. A jQuery plugin that adds cross-browser mouse wheel support with delta normalization. https://github.com/brandonaaron/jquery-mousewheel
3. A fully responsive css framework that is impossibly small. https://github.com/mrmrs/fluidity
4. PACE An automatic web page progress bar. https://github.com/HubSpot/pace
5. MixItUp A jQuery plugin providing animated filtering and sorting. https://github.com/patrickkunka/mixitup
6. BOOTFLAT an open source Flat UI KIT based on Bootstrap 3.1.1 CSS framework. https://github.com/bootflat/bootflat.github.io
7. FLUIDBOX Replicating and improving the lightbox module seen on Medium with fluid transitions. http://terrymun.github.io/Fluidbox/

FutureMedia

function extract_string_from_array($array_of_strings, $comparison){
	$array = array();
	foreach ($array_of_strings as $string):
		if (strstr($string, $comparison)):
			array_push($array, $string);
		endif;
	endforeach;
	return $array;
}
 

FutureMedia

<?php
/*
Usage:
	$frag = new CWS_Fragment_Cache( 'unique-key', 3600 ); // Second param is TTL
	if ( !$frag->output() ) { // NOTE, testing for a return of false
		functions_that_do_stuff_live();
		these_should_echo();
		// IMPORTANT
		$frag->store();
		// YOU CANNOT FORGET THIS. If you do, the site will break.

FutureMedia

/**
 * RETORNA URL DO POST_THUMBNAIL PARA BACKGROUND-IMAGE
 * @param 		int: get_the_ID()
 * @param 		string: thumbnail, medium, large, full
 **/
function post_thumbnail_url($post_id, $size = 'thumbnail'){
	$thumb = wp_get_attachment_image_src(get_post_thumbnail_id($post_id), $size );
	$url = $thumb[0];
	return $url;
}

FutureMedia

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

	$('#load-more button').click(function(e){

		e.preventDefault(); 					// revent normal form submission
		var postoffset = $('.item').length;		// count props on page

		$.post( WPaAjax.ajaxurl,
			{
				action : 'props_more',

FutureMedia

<?php

/**
 * [list_searcheable_acf list all the custom fields we want to include in our search query]
 * @return [array] [list of custom fields]
 */
function list_searcheable_acf(){
  $list_searcheable_acf = array("title", "sub_title", "excerpt_short", "excerpt_long", "xyz", "myACF");
  return $list_searcheable_acf;
}