Saw-mon & Natalie Saw-mon-and-Natalie

How to use Jekyll, Plugins and Sass on GitHub Pages

Jekyll is a great CMS for developers and GitHub Pages is a great host to store your Jekyll sites. There is just one problem, GitHub runs Jekyll in safe mode, which means you can't use plugins. One thing you can do is building the Jekyll website locally and then push to GitHub.

Alexandre Rademaker found a solution to do this easially, which is quite usefull: "GitHub Pages and Jekyll plugins" After reading this I thought, that can be done easier!

Aliases to rescue

Git provides a way to have aliases of bash commands. You can do this by adding items to the alias key of your configuration. For this, you can add this locally by adding this lines to your %PROJECT_ROOT%/.git/config file:

UMD-Inspired JS Module Boilerplate

This is the module format you don't know you need until you need it. Write your module once and have it work in a CJS/NodeJs, AMD, YUI (v3+), or Browser Global environment.

Best Used When...

You are migrating from namespaced (err, globals) code to either AMD or CJS modules or both.
You can't yet factor out browser globals but also need to test your code via NodeJS (e.g. Mocha).

	{
	//Begin Undo group
	app.beginUndoGroup("Generate Graphical Equalizer");

	/Variables:/
	//How far apart each null is placed across the screen
	var nullPlacementWidth = 0;
	//Creates a variable that holds the selected comp
	var curItem = app.project.activeItem;
	//Creates an array that stores the lowpass values and the highpass values

	#! /bin/bash
	# Description: show dependency tree
	# Author: damphat

	if [ $# != 1 ]; then
	echo 'Usage: apt-rdepends-tree <package>'
	echo 'Required packages: apt-rdepends'
	exit 1
	fi

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Upload File using jQuery.ajax() with progress support</title>
	</head>
	<body>


	<input type="file" name="file" id="sel-file"/>

	var z=0;
	var newcount;

	function increaseCount(views,interval){

	setTimeout(function(){
	var viewcount = document.getElementById("watch7-views-info").children[0].innerHTML;
	newcount = parseInt(viewcount.replace(',','').replace(',',''));
	newcount++;
	document.getElementById("watch7-views-info").children[0].innerHTML = addCommas(newcount);

	#!/bin/sh
	### BEGIN INIT INFO
	# Provides: generic-prog
	# Required-Start: $local_fs $remote_fs $network
	# Required-Stop: $local_fs $remote_fs $network
	# Default-Start: 2 3 4 5
	# Default-Stop: 0 1 6
	# Short-Description: Generic Program
	# Description: Generic Program is a generic program to do generic things with
	### END INIT INFO

	import gifAnimation.*;

	GifMaker gifExport;
	int frames = 0;
	int totalFrames = 120;

	public void setup() {
	smooth();
	size(400, 400);

	request = require 'request'

	youTubeMovieInfo =
	youTubeMovieId: 'videoId'

	url = "http://www.youtube.com/get_video_info?video_id=#{youTubeMovieInfo.youTubeMovieId}"
	request.get url, (err, res, body) ->
	return callback(false) if err
	return callback(false) if res.statusCode isnt 200

	CHANNEL="YOURCHANNEL"
	USER="YOURUSERNAME"
	PASSWD="YOURPASSWORD"
	W_RATIO=16
	H_RATIO=9

	AUDIO="-f mp3 -i http://localhost:8000"

	ffmpeg \
	$AUDIO \

Saw-mon & Natalie Saw-mon-and-Natalie

How to use Jekyll, Plugins and Sass on GitHub Pages

Aliases to rescue

UMD-Inspired JS Module Boilerplate

Best Used When...

Benefits & Trade-offs