alanhogan

Here are some of the "gotchas" I've encountered when I converted all the javascript code into coffeescript. (BTW, this is gathered while coding for YourMechanic.com, a very cool mobile auto repair service.)

Disclaimer: Coffeescript is a great productivity booster for me personally. Even with all the things outlined below, it is still way better than javascript. None of these should discourage you from jumping into it right away.

Major gotchas

(Things that generate wrong code silently)

alanhogan

# This file only contains additions to Zepto to add lesser-used functions
# from jQuery that we do actually need.

if this.Zepto
  do ($ = Zepto) ->

    # innerHeight & outerHeight are needed by <a plugin we use>
    #
    # outerHeight is documented at http://api.jquery.com/outerHeight/
    #

alanhogan

$sprites: sprite-map("sprites/*.png");
$sprites-retina: sprite-map("sprites-retina/*.png");

@mixin sprite-background($name) {
  background-image: sprite-url($sprites);
  background-position: sprite-position($sprites, $name);
  background-repeat: no-repeat;
  display: block;
  height: image-height(sprite-file($sprites, $name));
  width: image-width(sprite-file($sprites, $name));