James Doyle james2doyle

Slimdown

This project has moved to github.com/jbroadway/slimdown

A very basic regex-based Markdown parser. Supports the following elements (and can be extended via Slimdown::add_rule()):

Headers
Links
Bold

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

	# The following will allow you to use URLs such as the following:
	#
	# example.com/anything
	# example.com/anything/
	#
	# Which will actually serve files such as the following:
	#
	# example.com/anything.html
	# example.com/anything.php
	#

	// hey, everybody! it's a tiny Web server!

	// instead of a bunch of foo = reqire("foo")
	// list our required modules and loop through
	var r = [ "fs", "http", "mime", "path", "url" ];
	for (var i = 0; i < r.length; i++) {
	global[r[i]] = require(r[i]);
	}

	// some constants

	#!/usr/bin/env node

	var fs = require('fs');
	var exec = require('child_process').exec;


	/*
	* lesswatch usage:
	*
	* `lesswatch` to watch the current directory

	/**********************************************/
	/*
	/* Tomorrow Skin by Ben Truyman - 2011
	/*
	/* Based on Chris Kempson's Tomorrow Theme:
	/* https://github.com/ChrisKempson/Tomorrow-Theme
	/*
	/* Inspired by Darcy Clarke's blog post:
	/* http://darcyclarke.me/design/skin-your-chrome-inspector/
	/*

	<!DOCTYPE html>
	<!--[if IE 8]> <html lang="sv-SE" class="no-js ie8"> <![endif]-->
	<!--[if gt IE 8]><!--> <html lang="sv-SE" class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="UTF-8">
	<title>Breakpoint detection test</title>
	<style type="text/css" media="screen">
	@media screen and (min-width: 320px) {
	#page:after {
	content: 'smallest'; /* represent the current width-bracket */

	sudo chmod -R 777 system/cms/cache
	sudo chmod -R 777 system/cms/config
	sudo chmod -R 777 addons
	sudo chmod -R 777 system/cms/cache
	sudo chmod -R 777 uploads
	sudo chmod -R 666 system/cms/config/config.php

	function has3d(){
	if (!window.getComputedStyle) {
	return false;
	}

	var el = document.createElement('p'),
	has3d,
	transforms = {
	'webkitTransform':'-webkit-transform',
	'OTransform':'-o-transform',