Gokulakrishnan Kalaikovan gokulkrishh

Setup Terminal for Sublime Shorcut "subl":

Open terminal and type:

1. Create a directory at ~/bin:

mkdir ~/bin

2. Copy sublime executable to your ~/bin directory:

Deploying a subfolder to GitHub Pages

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Step 1

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).

⇐ 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

A timeline of the last four years of detecting good old window.localStorage.

Jan Lenhart, bless his heart contributed the first patch for support:

October 2009: 5059daa

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

Capybara Actions

# Anchor
click_link 'Save'

# Button
click_button 'awesome'

# Both above

I like Pages.app, but don't want to deal with constantly copying and pasting code around.

Here is how I do syntax highlighting in Pages.app by pressing a key command. It's based off of this post on stack exchange.

install pygments

sudo easy_install Pygments

	/**
	* Add dataset support to elements
	* No globals, no overriding prototype with non-standard methods,
	* handles CamelCase properly, attempts to use standard
	* Object.defineProperty() (and Function bind()) methods,
	* falls back to native implementation when existing
	* Inspired by http://code.eligrey.com/html5/dataset/
	* (via https://github.com/adalgiso/html5-dataset/blob/master/html5-dataset.js )
	* Depends on Function.bind and Object.defineProperty/Object.getOwnPropertyDescriptor (polyfills below)
	* All code below is Licensed under the X11/MIT License

	// Change font (ctrl a)
	var doc = context.document,
	selection = context.selection,
	font_name = [doc askForUserInput:"Font name:" initialValue:"Arial"];

	function check_layer(layer){
	log(layer)
	var className = layer.className()
	log("Checking layer " + layer + " of klass: " + className)
	if (className == "MSTextLayer") {

	// === Arrays

	var [a, b] = [1, 2];
	console.log(a, b);
	//=> 1 2


	// Use from functions, only select from pattern
	var foo = () => [1, 2, 3];