Giedrius Jaloveckas podo

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

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

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;

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:

Lesson's learnt building the Guardian

Below is a collection of my favourite responses I gathered from Guardian engineers when asked the question: What have you learnt starting from scratch and building a mobile-first next generation web platform for the Guardian?

Daithi O Crualaoich

Work with great people.
Deploy like crazy. This means the team has to control the infrastructure as well as code.
Design is not a service. Designers have to sit in the team.
Infrastructure is intrinsically unreliable. Discard and replace is the robust strategy.
Use your CDN for HTML too.
Don't always do as you are told.

	[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

	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.

	<!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>

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