jpgls

/**
 * ASCII Web Platform
 */

background: #111;
min-height: 100%;
font-size:11pt;
letter-spacing:4px;
line-height:11pt;
font-weight:bold;

jpgls

## Remove files that have already been indexed

$ git rm -r --cached [filesToRemove]

jpgls

// Temporary code for Development
var elements = document.getElementsByTagName('*');
console.log('$$$$$ - Checked this many elements - ', elements.length);

var unique = function (list, x) {
    if (x != "" && list.indexOf(x) === -1) {
        list.push(x);
    }
    return list;
};

jpgls

Super Useful Development Resources

Trying to consolidate a list of helpful things for personal reference and easy sharing.

Just dumping things in at the moment, but will hopefully get them sorted and categorized sometime soon. Maybe I'll even get crazy and annotate 'em...

Unsorted Initial Dump

• http://gradientfinder.com/
• http://www.whatsmyviewport.com/
• http://www.devicepixelratio.com/

jpgls

.some-selector {
    -webkit-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
    -moz-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
    -ms-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s; /* IE10 is actually unprefixed */
    -o-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
    transition: height 0.3s ease-out, opacity 0.3s ease 0.5s;
}

/* Adding delay to height property */
.some-selector {

jpgls

Photostream Syncing Caveats

Wifi obviously, but two things I didn't know -

• Photostream only syncs when the camera app is closed
• Photostream only syncs when the battery is above 20%

jpgls

Sublime Text Search Strings

For use in Sublime Text's "Find In Files..." Dialog (⇧⌘F)

Regex Search Strings

These are some useful templates for regex strings to use in the "Find:" field

Search "Near"

jpgls

// This is your user.less. Use it to override the default styling. When this
// file is first created all lines are commented out (start with //) and so it
// has no effect in the editor's style.

// To change the font uncomment the following line:
@fontFamily: "Input Sans";

// To change the font size uncomment the following line:
@fontSize: 11pt;

jpgls

Font Smoothing CSS Rules

When you have small fonts, or narrow ornaments that don't look right in the browser, try these-moz and -webkit rules for font-smoothing.

.font-smoothing {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

jpgls

CSS Ellipsis Rules

All of these rules need to be in place for CSS Ellipses to work:

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}