Skip to content

Instantly share code, notes, and snippets.

View mis8680's full-sized avatar
👨‍👨‍👧‍👦
Dad of 1 boy & 1 chihuahua

Insu Mun mis8680

👨‍👨‍👧‍👦
Dad of 1 boy & 1 chihuahua
View GitHub Profile
#!/bin/bash
### VARIABLES ###
PRE_PACK="openssl-devel pcre-devel make gcc"
VER="1.5.1"
# Setup Colours
black='\E[30;40m'
red='\E[31;40m'
<?php
/**
* Load site scripts.
*
* @since 1.0.0
*
* @return void
*/
function wpgulp_enqueue_scripts() {
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Coming Soon</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
@font-face {
font-family: 'the name you will use as the font-family of your selectors, e.g. Lato';
src: url('fonts/FONTNAME.eot');
src: url('fonts/FONTNAME.eot?#iefix') format('embedded-opentype'), url('fonts/FONTNAME.woff') format('woff'), url('fonts/FONTNAME.ttf') format('truetype'), url('fonts/FONTNAME.svg#FONT_ID_IN_THE_SVG') format('svg');
/**
* These rules are necessary to have crisp-looking fonts. Any font weight or style changes
* must be implemented as a different @font-face declaration. E.g. if you want Lato Bold,
* make a new @font-face declaration for it using this template (do NOT set font-weight
* to bold in its declaration), and set your desired selector's font-family to 'LatoBold'.

I wrote this in early January 2012, but never finished it. The research and thinking in this area led to a lot of the design of Yeoman and talks like "Javascript Development Workflow of 2013", "Web Application Development Workflow" and "App development stack for JS developers" (surpisingly little overlap in those talks, btw).

Now it's June 2013 and the state of web app tooling has matured quite a bit. But here's a snapshot of the story from 18 months ago, even if a little ugly and incomplete. :p


In the beginning…

  • Intro to tooling