Custom Events are Pretty Cool Read on! →

Dec 22 2011

Callbacks are one way to keep JavaScript functionalities cleanly separated, but they aren’t always enough. Using custom events are easier, more flexible, cleaner, and can make more obvious readable code.

Multiple Attribute Values Read on! →

Dec 18 2011

By space separating the value of the class attribute we get “multiple classes” we can select by. But what if we want to be able to do that with other attributes?

Open a Window with Full Size Unscaled Image Read on! →

Dec 14 2011

For the gallery section of this site, I wanted people to have the ability to see the screenshot at its original size. Due to the fluid nature of this site, it’s fairly common for the screenshot to be scaled down to fit into its column. So I put together this little solution.…

On to more articles! →

Latest Snippets

Latest Screencast

#107: LiveReload, a Menu Bar App for Preprocessors and Speedy Development

LiveReload is a Mac-only menu bar app that is quite helpful for web developers. Just tell it to watch a specific folder, and when a file is saved, the browser will automatically refresh showing the change. So no need to switch applications and manually refresh, which is awkward and prone to breaking concentration.

Even better, LiveReload can trigger all the preprocessing to happen first. So if you like to work in SASS, Compass, LESS, Jade, CoffeeScript, Eco, HAML, Slim, or Stylus (or would like to try out working with these languages) LiveReload makes it easy. Essentially, just start making files with the appropriate file extention and LiveReload will compile them down to their native language every time the file is saved.