Jonathan van Wunnik jolantis

Sass/Less Comparison

In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.

For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.

Variables

Sublime Text 2 - Useful Shortcuts

Tested in Mac OS X: super == command

Open/Goto

super+t: go to file
super+ctrl+p: go to project
super+r: go to methods

Tiny Content Framework

About the project

This is a tiny content strategy framework focused on goals, messages, and branding. This is not a checklist. Use what you need and scrap the rest. Rewrite it or add to it. These topics should help you get to the bottom of things with clients and other people you work with.

Give me feedback on Twitter (@nicoleslaw) or by email ([email protected]).

a simple git branching model (written in 2013)

This is a very simple git workflow. It (and variants) is in use by many people. I settled on it after using it very effectively at Athena. GitHub does something similar; Zach Holman mentioned it in this talk.

Update: Woah, thanks for all the attention. Didn't expect this simple rant to get popular.

Style Guides

Add any links you want in this to the comments and I'll add them.

Sassdown

Grunt/JS/Handlebars

Generates styleguides from Markdown comments in CSS, SASS and LESS files using Handlebars

	<IfModule mod_rewrite.c>

	# Enable Rewrite Engine
	# ------------------------------
	RewriteEngine On
	RewriteBase /

	# Redirect index.php Requests
	# ------------------------------
	RewriteCond %{THE_REQUEST} ^GET.*index\.php [NC]

	<?php
	// Change your upload directory ID here.
	$upload_dir_id = 2;

	$this->EE =& get_instance();
	$this->EE->load->library('filemanager');
	$files = $this->EE->filemanager->fetch_files($upload_dir_id);
	foreach($files->files[$upload_dir_id] as $data)
	{
	$dir = array('server_path' => $data['relative_path']);

	<!DOCTYPE html>
	<html>
	<head>
	<title>Flexbox test</title>
	<style>
	@media screen and (min-width: 30em) {
	body {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;

	<!DOCTYPE html>
	<html>
	<head>
	<title>Table Display test</title>
	<style>
	@media screen and (min-width: 30em) {
	body {
	display: table;
	caption-side: top;
	}

	<?php

	/**
	* Instructions:
	*
	* 1. Put this into the document root of your Kirby site
	* 2. Make sure to setup the base url for your site correctly
	* 3. Run this script with `php statify.php` or open it in your browser
	* 4. Upload all files and folders from static to your server
	* 5. Test your site