rcherny

// It is important to declare your variables.

(function() {
    var foo = 'Hello, world!';
    print(foo);  //=> Hello, world!
})();

// Because if you don't, the become global variables.

(function() {

rcherny

#!/usr/bin/env node

process.stdin.resume();

var str = '';

process.stdin.on( 'data', function ( chunk ) {
  str += chunk;
});

rcherny

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

rcherny

What's wrong with Netmag's "Optimize your JavaScript" post

Update: The original post on Netmag has been updated since this was written.

I tweeted earlier that this should be retracted. Generally, these performance-related articles are essentially little more than linkbait -- there are perhaps an infinite number of things you should do to improve a page's performance before worrying about the purported perf hit of multiplication vs. division -- but this post went further than most in this genre: it offered patently inaccurate and misleading advice.

Here are a few examples, assembled by some people who actually know what they're talking about (largely Rick Waldron and Ben Alman, with some help from myself and several others from the place that shall be unnamed).

Things that are just plain wrong

rcherny

var _cli = require('commander'),
    _glob = require('glob'),
    _minimatch = require('minimatch'),
    _wrench = require('wrench'),
    _fs = require('fs'),
    _path = require('path'),
    _requirejs = require('requirejs');

rcherny

import sublime
import sublime_plugin
import re


class CompactExpandCssCommand(sublime_plugin.TextCommand):
    def run(self, edit, action='compact'):
        rule_starts = self.view.find_all('\{')
        rule_ends = self.view.find_all('\}')

rcherny

/* See http://mrdanadams.com/2012/pixel-ems-css-conversion-sass-mixin/ */

/* Default font size in pixels if not overridden. */
$baseFontSize: 16;

/* Convert PX units to EMs.
Ex: margin-right: pem(16);
*/
@function pem($pxval, $base: $baseFontSize) {
  @return #{$pxval / $base}em;

rcherny

History of Frontend Tooling

http://ln.hixie.ch/?start=1037910467&count=1

http://ln.hixie.ch/?start=1137740632&count=1

http://software.hixie.ch/utilities/js/live-dom-viewer/

http://joehewitt.com/2006/03/26/firebug-03-preview

rcherny

// REQUIRES UNDERSCORE.JS but could be redone without fairly easily
// NO jQuery here though ... 

var setJSFlag = (function(){
    var htmlEl = document.getElementsByTagName('html')[0];
    var classNames = htmlEl.className.split(' ');
    var classFlags = [];

    function setFlag(){
        if (classNames.length > 0) {

rcherny

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