adamgiese

@mixin valid-quantity($quantity) {
  @if type-of($quantity) != 'number' {
    @error 'The "quantity" parameter must be a number!';
  }
  @if not(unitless($quantity)) {
    @error 'The "quantity" parameter must not have a unit!';
  }
  @if $quantity < 0 {
    @error 'The "quantity" parameter must be at least 0!';
  }

FutureMedia

/*
 * Load More for Masonry modification
 *
 * Full post:
 * http://www.billerickson.net/infinite-scroll-in-wordpress/
 *
 */
 
jQuery(function($){

seavor

@function vunit($input, $width, $height){
  @if unit($width) != px or unit($height) != px {
    @error "function vunit() dimensions should contain a px unit. +[" + $width + ", " + $height +"]";
  }
  
  // Store $input unit 
  $unit: unit($input);
  // Remove unit from $input and convert to ratio
  $ratio: $input / ($input * 0 + 1) / 100;
  // Calc and store return values

pburtchaell

/**
 * VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
 * 
 * To overcome this, create media queries that target the width, height, and orientation of iOS devices. 
 * It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing 
 * the height of element `.foo` —which is a full width and height cover image.
 *
 * iOS Resolution Quick Reference: http://www.iosres.com/
 */
 

DevinWalker

/**
 * Optimize WooCommerce Scripts
 * Remove WooCommerce Generator tag, styles, and scripts from non WooCommerce pages.
 */
add_action( 'wp_enqueue_scripts', 'child_manage_woocommerce_styles', 99 );

function child_manage_woocommerce_styles() {
	//remove generator meta tag
	remove_action( 'wp_head', array( $GLOBALS['woocommerce'], 'generator' ) );

tjFogarty

  // http://gruntjs.com/configuring-tasks#building-the-files-object-dynamically
module.exports = function(grunt) {

  /**
   * Saves having to declare each dependency
   */
  require( "matchdep" ).filterDev( "grunt-*" ).forEach( grunt.loadNpmTasks );

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),

justinph

/**
 * Utility function to check if a gravatar exists for a given email or id
 * @param int|string|object $id_or_email A user ID,  email address, or comment object
 * @return bool if the gravatar exists or not
 */

function validate_gravatar($id_or_email) {
  //id or email code borrowed from wp-includes/pluggable.php
	$email = '';

jareware

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

jedsundwall

ul.tags {
display: inline;
margin: 0;
padding: 0;
}

ul.tags li {
display: inline;
list-style: none;
margin: 0;

paulirish

// jquery invert plugin
// by paul irish

// some (bad) code from this css color inverter
//    http://plugins.jquery.com/project/invert-color
// some better code via Opera to inverse images via canvas
//    http://dev.opera.com/articles/view/html-5-canvas-the-basics/#insertingimages
// and some imagesLoaded stuff from me
//    http://gist.github.com/268257