ahaywood

/*------------------------------------*\
    #PRIMARY-MENU
\*------------------------------------*/
.primary-menu {
	@include grid;
	@include sans-serif;
	font-weight: $bold;
	height: $nav-bar-height;

	&__wrapper {

jawinn

<?php 
/**
 * Get the Yoast primary category from its post meta value, and displays it, with HTML markup.
 * If there is no primary category set, it displays the first assigned category.
 * 
 * @param boolean $useCatLink Whether to link the category, if it exists
 * @return void
 */
function yourtheme_display_yoast_primary_category( $useCatLink = true ) {

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

danbp

<?php
/*
Plugin Name: My Groups Widget
Description: This BuddyPress widget lists the groups of which the logged in user is a member.
Version: 1.0
Revision Date: March 10, 2015
Requires at least: WP 4.0, BuddyPress 2.0
Tested up to: WP 4.1.1, BuddyPress 2.2.1
License: Example: GNU General Public License 2.0 (GPL) http://www.gnu.org/licenses/gpl.html
Author: Dan

ericelliott

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

hijonathan

<form class='form-inline' id='my-custom-form'>
  <div class="form-group">
    <input type='email' class='form-control' placeholder='Your email address' required>
  </div>
  <button class="btn btn-primary" type='submit'>Sign up</button>
</form>

<!-- Actual form that gets submitted to HubSpot -->
<div class="hidden" id='hubspot-form'>
  <script charset="utf-8" src="//js.hsforms.net/forms/current.js"></script>

onestepcreative

/*

	Author: 	Josh McDonald
	Twitter:	@onestepcreative
	Website:	joshmcdonald.net


	A simple helper to log color coded messages to the
	javascript console, using a shorter syntax to console.log 
	You can leave your dev.log() statements scattered throughout

liamr

$("a[rel=external], a[href^='http:']:not([href*='" + window.location.host + "']), a[href^='https:']:not([href*='" + window.location.host + "'])").each(function(){
		$(this).attr("target", "_blank");
});

liamr

@mixin vendor($property, $value...){
    -webkit-#{$property}:$value;
       -moz-#{$property}:$value;
        -ms-#{$property}:$value;
         -o-#{$property}:$value;
            #{$property}:$value;
}

dergachev

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application: