pixelloop

## 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

## css_resources.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                pixelloop
                / css_resources.md
            
            
              Last active
              August 29, 2015 14:21
                — 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


## Genesis: Add Custom CSS File
// Add custom.css to Genesis

add_action( 'wp_enqueue_scripts', 'custom_load_custom_style_sheet' );
function custom_load_custom_style_sheet() {
	wp_enqueue_style( 'custom-stylesheet', CHILD_URL . '/custom.css', array(), PARENT_THEME_VERSION );
}

## Genesis: Exclude Categories from Home
// Exclude specific categories from home
add_action( 'pre_get_posts', 'bg_exclude_categories' );
function bg_exclude_categories( $query ) {
	if( $query->is_main_query() && $query->is_home() ) {
		$query->set( 'cat', '-5,-9' );
	}
}

## add-custom-functions.php
// Add My Custom Functions File
include_once( get_stylesheet_directory() . '/custom.php' );

## custom-functions-intro.php
<?php

/**
 * Custom Functions
*/

## genesis-back-to-top.php

//* Back To Top

add_action('wp_footer', 'go_to_top');
function go_to_top() {
?>
     <script type="text/javascript">
        jQuery(function($) {
          $('.backtotop').click(function() {
             $('html, body').animate({scrollTop:0}, 'slow');

## genesis-back-to-top-link.html
<a class="backtotop" href="#">Back to Top</a>

## genesis-old-back-to-top-link.html
<a href="#">Back to Top</a>

## add-custom-functions2.php
// Add My Custom Functions File
include_once( get_stylesheet_directory() . '/custom/custom.php' );
	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console
	// Add custom.css to Genesis

	add_action( 'wp_enqueue_scripts', 'custom_load_custom_style_sheet' );
	function custom_load_custom_style_sheet() {
	wp_enqueue_style( 'custom-stylesheet', CHILD_URL . '/custom.css', array(), PARENT_THEME_VERSION );
	}
	// Exclude specific categories from home
	add_action( 'pre_get_posts', 'bg_exclude_categories' );
	function bg_exclude_categories( $query ) {
	if( $query->is_main_query() && $query->is_home() ) {
	$query->set( 'cat', '-5,-9' );
	}
	}
	// Add My Custom Functions File
	include_once( get_stylesheet_directory() . '/custom.php' );

	//* Back To Top

	add_action('wp_footer', 'go_to_top');
	function go_to_top() {
	?>
	<script type="text/javascript">
	jQuery(function($) {
	$('.backtotop').click(function() {
	$('html, body').animate({scrollTop:0}, 'slow');