fatgy

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

Screencasting Framework

The following document is a written account of the Code School screencasting framework. It should be used as a reference of the accompanying screencast on the topic.

Why you should care about screencasting?

You're probably aren't going to take the time to read this document if you're not interested, but there are a lot of nice side effects caused by learning how to create quality screencasts.

Communicating more effectively - At Envy Labs we produce screencasts for our clients all the time. Whether it's demoing a new feature or for a presentation for an invester, they're often much more effective and pleasent than a phone call or screen sharing.

	<?php
	/*
	Ben's quick and dirty HTTP cookie header parser

	HTTP cookie headers are actually quite tricky to parse, because the expiry date often contains a comma, and commas are supposed to be the delimiter between individual cookies.

	This parser cheats by splitting the cookie header based on the equals sign, and reconstructing the key pairs in a loop.

	This sample code doesn't support all cookie properties, but it ought to be trivial to add more. It hasn't been tested a great deal, so use at your own risk.

	<h1>Demo code for "Extreme JavaScript Performance" @ JSConf.eu</h1>

	<script>
	var benchmark = function(m,i){
	var d1 = new Date, d2, r;
	while(i--) r = m();
	d2 = new Date;
	console.log(d2.getTime()-d1.getTime());
	// if(r) console.log(r);
	}

	/*
	* draw a multiline string rotated in a canvas
	*
	* @param ctx (M) context of the canvas
	* @param text (M) string may contain \n
	* @param posX (M) horizontal start position
	* @param posY (M) vertical start position
	* @param textColor color
	* @param rotation in degrees (by 360)
	* @param font must be installed on client use websafe

	// ----------------------------------------------------------
	// A short snippet for detecting versions of IE in JavaScript
	// without resorting to user-agent sniffing
	// ----------------------------------------------------------
	// If you're not in IE (or IE version is less than 5) then:
	// ie === undefined
	// If you're in IE (>=5) then you can determine which version:
	// ie === 7; // IE7
	// Thus, to detect IE:
	// if (ie) {}

	// 1: how could you rewrite the following to make it shorter?
	if (foo) {
	bar.doSomething(el);
	} else {
	bar.doSomethingElse(el);
	}

	$(function () {
	//
	// IE 7 and below <button> fix
	// See: http://www.peterbe.com/plog/button-tag-in-IE
	//
	if ($.browser.msie) {
	if ($.browser.version === "7.0" \|\|
	$.browser.version === "6.0") {
	$("button[name][value]").live('click', function () {
	var $this = $(this),

	/*
	* Updated to use the function-based method described in http://www.phpied.com/social-button-bffs/
	* Better handling of scripts without supplied ids.
	*
	* N.B. Be sure to include Google Analytics's _gaq and Facebook's fbAsyncInit prior to this function.
	*/

	(function(doc, script) {
	var js,
	fjs = doc.getElementsByTagName(script)[0],

 <!doctype html>
 <!--
 WARNING!
 You probably shouldn't use this technique since images never show up
 if the script isn't loaded for one reason or another. Some reasons:
 - The content is viewed using a RSS reader
 - The content is viewed with a read-it-later service
 - The user has a flaky connection (hotel wifi, Dutch train, etc)
  -->