Giedrius Jaloveckas podo

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:

An ongoing project to catalogue all of these sneaky, hidden, bleeding edge selectors as I prepare my JSConf EU 2012 talk.

Everything is broken up by tag, but within each the selectors aren't particularly ordered.

I have not tested/verified all of these. Have I missed some or got it wrong? Let me know. - A

A friendly reminder that you may need to set this property on your target/selected element to get the styling results you want:

-webkit-appearance:none;

This will enable Sass+Compass with LiveReload through Guard. (Guard screen cast)

You will also need a browser component to communicate with LiveReload. (browser extension, livereload.js)

If you prefer going through a GUI, that option is available. The following instructions is specific to Mac OS X and it works through the command line.

Note that this is not specific to Rails projects. This can work for any standalone front-end project.

Instructions

Sublime Text 2 – Useful Shortcuts (Mac OS X)

General

⌘T	go to file
⌘⌃P	go to project
⌘R	go to methods
⌃G	go to line
⌘KB	toggle side bar
⌘⇧P	command prompt

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">

	<script src="jquery-1.9.0.js" ></script>
	<script src="handlebars-1.0.rc.2.js" ></script>
	<script src="underscore-1.4.4.js" ></script>
	<script src="backbone-0.9.10.js" ></script>

	sudo defaults write /Library/Preferences/com.apple.windowserver DisplayResolutionEnabled -bool YES;
	sudo defaults delete /Library/Preferences/com.apple.windowserver DisplayResolutionDisabled;

	// by the way, you need to logout and log back in for this to take effect. Or at least that's what
	// Quartz Debug says. Who knows, maybe it's lying?

	// P.S. Go to [Apple menu --> System Preferences --> Displays --> Display --> Scaled] after logging
	// back in, and you'll see a bunch of "HiDPI" resolutions in the list to choose from.

	[user]
	name = Pavan Kumar Sunkara
	email = [email protected]
	username = pksunkara
	[init]
	defaultBranch = master
	[core]
	editor = nvim
	whitespace = fix,-indent-with-non-tab,trailing-space,cr-at-eol
	pager = delta

	<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
	</figure>