Giulia Alfonsi electricg

Installing Git

git config --global core.autocrlf false http://stackoverflow.com/questions/1967370/git-replacing-lf-with-crlf "If core.autocrlf is set to false, no line-ending conversion is ever performed, so text files are checked in as-is. This usually works ok, as long as all your developers are either on Linux or all on Windows."

Run GitForce.exe from msysgit console

gem install sass

If you installed as your "normal" user account (didn't sudo), you most likely missed the warning message like this one:

WARNING: Installing to ~/.gem since /Library/Ruby/Gems/1.8 and /usr/bin aren't both writable. WARNING: You don't have /Users/jclark/.gem/ruby/1.8/bin in your PATH, gem executables will not run. Try this:

I use Consolas, which can be installed on Mac following this guide http://macintoshhowto.com/advanced/how-to-get-the-windows-vista-fonts-for-free-on-your-macintosh.html

My version of the scss mixin and the use of the placeholder selector for the sprite effect.

Original version from https://github.com/jakearchibald/sass-lessons/tree/master/sprite-mixin/style

Why I prefer rem over em and inline-block over float

http://jsbin.com/ajituy/2/edit

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dynamic Banner</title>
	<style>
	/* for presentation only */
	body {
	font-family: Arial;
	}

	{
	"cmd": ["cd '$project_path'; compass watch"],
	"working_dir": "$packages/Compass",
	"selector": "source.sass",
	"shell": "true",
	"windows":
	{
	"cmd": ["compasswatch.bat", "$project_path"]
	},
	"osx":

	@media only screen and (min-width: 320px) {

	/* Small screen, non-retina */

	}

	@media
	only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
	only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px),
	only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px),

	@mixin box-sizing ($box) {
	-webkit-box-sizing: $box;
	-moz-box-sizing: $box;
	box-sizing: $box;
	}

	@mixin border-radius ($val) {
	-webkit-border-radius: $val;
	-moz-border-radius: $val;
	border-radius: $val;

	#clone for the first time
	git clone git://github.com/joyent/node.git
	cd node

	#update
	cd node
	git remote update

	#switch to the branch with the most stable version - check on the website
	#use 'git tag' to see the available versions