Jaclyn Tan jaclyntan

Google Fonts suggests syncing fonts to your computer with a tool called SkyFonts. However, if you're running MacOS and want to keep your machine updated with all Google Fonts without any extra software, you can do this with Git, thanks to the Google Fonts Repo.

To do this, run the following in your terminal:

cd ~/Library/Fonts/
git clone --depth 1 https://github.com/google/fonts.git google-fonts

Done! In the future, you can download new fonts by running:

Here's how to make your site not load CSS and/or JS in IE older than 11:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=8,9,11">
        <title>Page title</title>
        <!--[if !IE]>-->

	<?php
	/**
	* Create a Google Calendar "add to calendar" link.
	*
	* This function is convienient because it does not require an API connection.
	* Note that this only allows for adding a single event.
	* The data does not have to exist already on any Google Calendar anywhere.
	* This just adds your event data to the end-users GCal one item at a time.
	* See https://stackoverflow.com/a/19867654/947370 for a full explaination of
	* the Google Calendar URL structure.

	{
	"name": "project-name",
	"description": "Template for static sites",
	"version": "1.0.0",
	"homepage": "http://www.project-name.com",
	"author": {
	"name": "Adam Reis",
	"url": "http://adam.reis.nz"
	},
	"license": "UNLICENSED",

	// returns first element selected - $('input[name="food"]')
	var $ = document.querySelector.bind(document);
	// return array of selected elements - $$('img.dog')
	var $$ = document.querySelectorAll.bind(document);

	// Credit: https://twitter.com/wesbos/status/608341616173182977

	<?php
	/*
	* Loop through Categories and Display Posts within
	*/
	$post_type = 'features';

	// Get all the taxonomies for this post type
	$taxonomies = get_object_taxonomies( array( 'post_type' => $post_type ) );

	foreach( $taxonomies as $taxonomy ) :

	/* bling.js */
	window.$ = document.querySelector.bind(document);
	window.$$ = document.querySelectorAll.bind(document);
	Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
	NodeList.prototype.__proto__ = Array.prototype;
	NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };

	// Add on element with overflow
	-webkit-mask-image: -webkit-radial-gradient(white, black);

	<?php

	/**
	* Get field key for field name.
	* Will return first matched acf field key for a give field name.
	*
	* ACF somehow requires a field key, where a sane developer would prefer a human readable field name.
	* http://www.advancedcustomfields.com/resources/update_field/#field_key-vs%20field_name
	*
	* This function will return the field_key of a certain field.