Instantly share code, notes, and snippets.

Reinier Ladan reinier

View GitHub Profile
View 82p-nieuwsbrief-template.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">
View functions.bash
# Functions for handy stuff
# Create a new directory and enter it.
# Example: `mkd new-dir`
function mkd() {
mkdir -p "$@" && cd "$@"
# Init a git repository and commit everything inside.
# Example: `initcommit`

How I develop Wordpress themes

This is my process for developing themes for Wordpress at the moment. I've come to this process because I want to deliver a clean theme while using the power of Gulp for Sass parsing and code/image optimization.

Vagrant for running Wordpress

I don't like to flood my computer with all kinds of tools for different kinds of languages all the time. PHP is one of them that I don't want to think about. Vagrant is a great solution to this. Everything you need for your Wordpress (Like PHP, MySQL etc.) you can get in a Vagrant machine.

With the help of PuPHPet I've made this Vagrant setup for my Wordpress development:


View Brewfile
# Install [homebrew](
# > ruby -e "$(curl -fsSL"
# Run this file:
# > brew bundle Brewfile
# To install sublime-text-3 for example:
# > brew tap caskroom/versions
# At the end, start Alfred, close it and run:

Mac 'Wednesday' setup history

All (well, most of it) the apps & tools I installed on my Mac from clean install until now

Install xCode

Install Homebrew (check website for latest install code)

ruby -e "$(curl -fsSL"

View responsive.scss
@mixin mq($size) {
/* Desktop */
@if $size == "max" {
@media (min-width: 1200px) {
/* Landscape tablet and desktop small */
} @else if $size == "large" {
View set_responsive_class.js
function set_responsive_class(viewportwidth){
/* Small phones */
if (viewportwidth > 480) {
$("body").attr("data-viewport-bigger-than-mobile", "true");
/* Big phones */
if (viewportwidth > 767) {
$("body").attr("data-viewport-bigger-than-mobilelarge", "true");
View composer.json
"require": {
"silex/silex": "1.0.*@dev"
View composer.json
"require": {
"silex/silex": "1.0.*@dev"