Skip to content

Instantly share code, notes, and snippets.

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
@builtbylane
builtbylane / angular-widow-remover-filter.js
Last active December 27, 2015 00:29
Angular widow remover filter.
/**
* Description:
* puts &nbsp between last two words to prevent single word danglies
* Usage:
* {{some_text | nowidows:3}}
* Options:
* - minWords (int) - optional (default is 3) word-count to apply this filter
* Notes:
* \u00A0 is used to create &nbsp to get around angular sanitizing
* see: http://stackoverflow.com/a/12431145/337192
@builtbylane
builtbylane / angular-remove-white-space-filter.js
Created October 30, 2013 18:43
AngularJS – filter: removes white space from text. useful for html values that cannot have spaces
/**
* Description:
* removes white space from text. useful for html values that cannot have spaces
* Usage:
* {{some_text | nospace}}
*/
app.filter('nospace', function () {
return function (value) {
return (!value) ? '' : value.replace(/ /g, '');
@builtbylane
builtbylane / add-class-incrementally.js
Last active October 14, 2019 19:45
jQuery: add class to each item incrementally... good for fading in blocks
$(function() {
'use strict';
// deps... jquery
var $fade_this_in = $('.something-with-opacity-0');
function laneAddClassDelay(jquerobj, theclass, theinterval) {
setTimeout(function() {
jquerobj.addClass(theclass);
}, theinterval);
}
@builtbylane
builtbylane / Angular Filter: Title Case
Created February 7, 2014 21:53
Angular Filter: Title Case
/**
* Description:
* simple title case => Simple Title Case
* Usage:
* {{some_text | titleCase}}
*/
app.filter('titleCase', function () {
return function (input) {
var words = input.split(' ');
@mixin arrow_helper($arrowSize, $arrowColor, $margin, $side, $align) {
@if $side == "top" {
border-bottom-color: $arrowColor;
top: -2 * $arrowSize;
}
@if $side == "bottom" {
border-top-color: $arrowColor;
bottom: -2 * $arrowSize;
}
@if $side == "left" {
@builtbylane
builtbylane / 0_reuse_code.js
Created June 9, 2014 16:55
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@builtbylane
builtbylane / toolbox.scss
Created June 13, 2014 15:01
Lane's Sass Helpers
// cover e-v-e-r-y-t-i-n-g
@mixin coverer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
// center
/**
* Converts an image to
* a base64 string.
*
* If you want to use the
* outputFormat or quality param
* I strongly recommend you read the docs
* @ mozilla for `canvas.toDataURL()`
*
* @param {String} url
_.mixin({
serialize: function (obj) {
var urlParams = _.map(obj, function (val, key) {
var value = (_.isObject(val)) ? JSON.stringify(val) : String(val);
return String(key) + '=' + value;
});
return urlParams.join('&');
}
});