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

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
@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'.
<!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">
<?php
/**
* Load site scripts.
*
* @since 1.0.0
*
* @return void
*/
function wpgulp_enqueue_scripts() {
#!/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'
@mis8680
mis8680 / Booter.php
Created March 3, 2015 21:36
Laraval Corcel booter file for wordpress.
use Corcel;
class Booter
{
public static function boot()
{
self::setupEloquentDatabase();
}
protected static function setupEloquentDatabase()
{
@mis8680
mis8680 / .htaccess
Last active August 29, 2015 14:16
.htaccess Error 500 in Apache 2.4 because of FilterProvider
# HTML, TXT, CSS, JavaScript, JSON, XML, HTC:
<IfModule filter_module.c>
<IfModule version.c>
<IfVersion >= 2.4>
FilterDeclare COMPRESS
FilterProvider COMPRESS DEFLATE "%{CONTENT_TYPE} =~ m#^text/(html|css|plain|xml|x-component)#i"
FilterProvider COMPRESS DEFLATE "%{CONTENT_TYPE} =~ m#^application/(javascript|json|xml|xhtml+xml|rss+xml|atom+xml|vnd.ms-fontobject|x-font-ttf)#i"
FilterProvider COMPRESS DEFLATE "%{CONTENT_TYPE} =~ m#^image/(svg+xml|x-icon)#i"
FilterProvider COMPRESS DEFLATE "%{CONTENT_TYPE} = 'font/opentype'"
FilterChain COMPRESS
# Apache Server Configs v2.14.0 | MIT License
# https://github.com/h5bp/server-configs-apache
# (!) Using `.htaccess` files slows down Apache, therefore, if you have
# access to the main server configuration file (which is usually called
# `httpd.conf`), you should add this logic there.
#
# https://httpd.apache.org/docs/current/howto/htaccess.html.
# ######################################################################
@mis8680
mis8680 / functions.php
Created October 9, 2015 18:27
Various common WordPress editor styles
/**
* @param array $config
*
* @return array
*/
function tiny_mce_before_init(array $config)
{
$styleFormats = [
// Utility classes like "float right"
[