dougkeeling

## acf.php
// Menus are saved as terms, so get the term object first
$menu = get_term_by('name', 'Slideout Menu', 'nav_menu');

// Get field as you would from a normal taxonomy term, in the format "term_XX"
$field = get_field( 'field_name', 'term_'.$menu->term_id);

## scripts.js
jQuery(function($){

    function truncateToEllipsis(textboxes) {

      function doTruncate(containers) {
        for (var i = 0; i < containers.length; i++) {
          var cntnr = $(containers[i]);

          // The original content for this textbox should be place in an attribute
          // called "data-text". The script will modify the original content, so we

## functions.php
function my_acf_load_gravity_forms_select( $field ) {

	// This feels slightly hacky, but it works.
	//
	// If your select field has the wrapper class "gravity-form-select",
	// it will be intercepted and any values will be replaced by a list of
	// your form IDs and Titles.
	//
	// You could choose to intercept a select field with a specific name or
	// field key, but I prefer this method because you can use it on multiple

## scrollmagic.js
$('.my-class').each(function(){
  var id = $(this).attr('id');
  scenes[scenes.length] = new ScrollMagic.Scene({triggerElement: '#'+id, duration: 0, triggerHook: 0.9, reverse: false})
    .setClassToggle('#'+id, "animate");
});

## terminal.app
sudo find . -type f -exec chmod 664 {} +
sudo find . -type d -exec chmod 775 {} +
sudo chmod 660 wp-config.php

## play_vids.js
// Place in footer
var mobilevideo = document.getElementsByTagName("video");
var i;
for (i = 0; i < mobilevideo.length; i++) {
   mobilevideo[i].setAttribute("playsinline", "");
}

// Alternate, gets only the first video
var mobilevideo = document.getElementsByTagName("video")[0];
mobilevideo.setAttribute("playsinline", "");

## css_resources.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                dougkeeling
                / css_resources.md
            
            
              Created
              January 14, 2014 20:23
                — forked from jookyboi/css_resources.md
            
              
                CSS libraries and guides to bring some order to the chaos.
              
          
    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


## 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
	// Menus are saved as terms, so get the term object first
	$menu = get_term_by('name', 'Slideout Menu', 'nav_menu');

	// Get field as you would from a normal taxonomy term, in the format "term_XX"
	$field = get_field( 'field_name', 'term_'.$menu->term_id);
	jQuery(function($){

	function truncateToEllipsis(textboxes) {

	function doTruncate(containers) {
	for (var i = 0; i < containers.length; i++) {
	var cntnr = $(containers[i]);

	// The original content for this textbox should be place in an attribute
	// called "data-text". The script will modify the original content, so we
	function my_acf_load_gravity_forms_select( $field ) {

	// This feels slightly hacky, but it works.
	//
	// If your select field has the wrapper class "gravity-form-select",
	// it will be intercepted and any values will be replaced by a list of
	// your form IDs and Titles.
	//
	// You could choose to intercept a select field with a specific name or
	// field key, but I prefer this method because you can use it on multiple
	$('.my-class').each(function(){
	var id = $(this).attr('id');
	scenes[scenes.length] = new ScrollMagic.Scene({triggerElement: '#'+id, duration: 0, triggerHook: 0.9, reverse: false})
	.setClassToggle('#'+id, "animate");
	});
	sudo find . -type f -exec chmod 664 {} +
	sudo find . -type d -exec chmod 775 {} +
	sudo chmod 660 wp-config.php
	// Place in footer
	var mobilevideo = document.getElementsByTagName("video");
	var i;
	for (i = 0; i < mobilevideo.length; i++) {
	mobilevideo[i].setAttribute("playsinline", "");
	}

	// Alternate, gets only the first video
	var mobilevideo = document.getElementsByTagName("video")[0];
	mobilevideo.setAttribute("playsinline", "");
	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console