Kevnz

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

Kevnz

Function.prototype.runOnBackgroundThread = function (aCallback) {
  var _blob = new Blob(['onmessage = '+this.toString()],{"type":"text/javascript"});
  var _worker = new Worker((webkitURL.createObjectURL || URL.createObjectURL)(_blob));
  _worker.onmessage = aCallback;
  _worker.postMessage();
}

var _test = function () {
  postMessage((1+1).toString());
}

Kevnz

Launch Sublime Text 2 from the Mac OS X Terminal

Sublime Text 2 ships with a CLI called subl (why not "sublime", go figure). This utility is hidden in the following folder (assuming you installed Sublime in /Applications like normal folk. If this following line opens Sublime Text for you, then bingo, you're ready.

open /Applications/Sublime\ Text\ 2.app/Contents/SharedSupport/bin/subl

You can find more (official) details about subl here: http://www.sublimetext.com/docs/2/osx_command_line.html

Installation

Kevnz

/**
 * My Mobile List
 */

* { margin: 0; padding: 0; }
html { background: #eee; }
body { font: 14px Georgia, serif; } 
ul { width: 250px; margin: 30px auto; }
ul { list-style: none; border: 3px solid #ccc; }
li { position: relative; padding: 10px; font: 12px "Lucida Grande", Arial, Sans-Serif; background: white; }

Kevnz

/**
 * My Mobile List
 */

* { margin: 0; padding: 0; }
html { background: #eee; }
body { font: 14px Georgia, serif; } 
ul { width: 250px; margin: 30px auto; }
ul { list-style: none; border: 3px solid #ccc; }
li { position: relative; padding: 10px; font: 12px "Lucida Grande", Arial, Sans-Serif; background: white; }

Kevnz

/**
 * 
 My Mobile Navigation
 */
* { margin: 0; padding: 0; }
html { background: #eee; }
body { font: 14px Georgia, serif; } 
ul.list { width: 450px; margin: 30px auto; padding-top:50px; }
ul.list { list-style: none; border: 3px solid #ccc; }
ul.list li { position: relative; padding: 10px; font: 12px "Lucida Grande", Arial, Sans-Serif; background: white; }

Kevnz

YUI().use("singleton-class", function (Y) {
  var instance1 = new Y.SingletonClass(),
      instance2 = new Y.SingletonClass();
  
  Y.log(instance1 === instance2); // true!

  window.instance1 = instance1;

});
YUI().use("singleton-class", function (Y) {

Kevnz

/*global YUI*/
/**
 * Prevents iOS from showing the URL bar for cancelled links
 * 
 * @module ios-linkfix
 * @requires base-build, event-touch, node-base, node-event-delegate, plugin
 */
YUI.add("ios-linkfix", function (Y, NAME) {
  var HREF = "href",
    DATA = "data-" + NAME,

Kevnz

YUI().use("singleton-class", function (Y) {
  var instance1 = new Y.SingletonClass(),
      instance2 = new Y.SingletonClass();
  
  Y.log(instance1 === instance2); // true!

  window.instance1 = instance1;

});
YUI().use("singleton-class", function (Y) {

Kevnz

• Amy Palamountain - Exist in the web, not on it
• Zach Holman - More Git and Github Secrets
• Ryan Seddon - Web Components
• Nicolas Steenhout - Accessibility Mythbusting
• Rob Conery - JavaScript Inferno (code)
• Francois Marier - [Taking the pain out of signing users in] (https://speakerdeck.com/fmarier/taking-the-pain-out-of-signing-users-in)
• Garann Means [better templates from the ground up with node.js] (https://speakerdeck.com/garann/better-templates-from-the-ground-up)
• Walter Rumsby The Loading Point: How Little Modules Can Make a Big Difference