| // See comments below. | |
| // This code sample and justification brought to you by | |
| // Isaac Z. Schlueter, aka isaacs | |
| // standard style | |
| var a = "ape", | |
| b = "bat", | |
| c = "cat", | |
| d = "dog", |
This article has been given a more permanent home on my blog. Also, since it was first written, the development of the Promises/A+ specification has made the original emphasis on Promises/A seem somewhat outdated.
Promises are a software abstraction that makes working with asynchronous operations much more pleasant. In the most basic definition, your code will move from continuation-passing style:
getTweetsFor("domenic", function (err, results) {
// the rest of your code goes here.| gifify() { | |
| if [[ -n "$1" ]]; then | |
| if [[ $2 == '--good' ]]; then | |
| ffmpeg -i $1 -r 10 -vcodec png out-static-%05d.png | |
| time convert -verbose +dither -layers Optimize -resize 600x600\> out-static*.png GIF:- | gifsicle --colors 128 --delay=5 --loop --optimize=3 --multifile - > $1.gif | |
| rm out-static*.png | |
| else | |
| ffmpeg -i $1 -s 600x400 -pix_fmt rgb24 -r 10 -f gif - | gifsicle --optimize=3 --delay=3 > $1.gif | |
| fi | |
| else |
| #!/usr/bin/env bash | |
| set -u | |
| set -e | |
| export GIT_WORK_TREE="/var/www/example.com" | |
| export NODE_VERSION="0.10" | |
| echo "--> Checking out..." | |
| git checkout -f |
| <html> | |
| <head> | |
| <title>Compass Test</title> | |
| <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, target-densityDpi=device-dpi" /> | |
| <script type="text/javascript" src="phonegap.0.9.6.1.js"></script> | |
| <script type="text/javascript"> | |
| var d = -45, | |
| e = null, | |
| w = null; | |
| function win(h) { |
| ### | |
| Module dependencies | |
| ### | |
| require.paths.unshift "#{__dirname}/lib/support/express-csrf/" | |
| require.paths.unshift "#{__dirname}/lib/support/node_hash/lib/" | |
| express = require 'express' | |
| app = module.exports = express.createServer() | |
| RedisStore = require 'connect-redis' |
There is no span1..15 styles, instead your css defines your layout and your html remains semantic and not polluted with display information. As it should be.
The markup is incredibly easy, you specify the wrappers width, and then each columns width in percentages. Every other grid framework I've found is incredibly complicated with this.
It allows you to have the exact same markup, and completely different styles for different devices, resolutions, stylesheets, whatever. As it should be.
| browserify ./screens/*.js -p [ factor-bundle -o 'tee > bundle/`basename $FILE`' ] -o bundle/common.js |
| const immutable = (() => { | |
| const getValue = obj => key => obj[key]; | |
| const isObject = obj => Object(obj) === obj; | |
| const isMutable = obj => isObject(obj) && !Object.isFrozen(obj); | |
| return obj => { | |
| Object.keys(obj).map(getValue(obj)).filter(isMutable).forEach(immutable); | |
| return Object.freeze(obj); | |
| }; | |
| })(); |
| /** | |
| * ReactJS: JavaScript like you've always done it. | |
| * | |
| * This example renders your top ten most followed friends/followers, `filter`ing | |
| * only your favorites, and putting a star on all verified accounts. | |
| * | |
| * With ReactJS, any time your data changes, the UI is always brought up to date | |
| * automatically. If friends length changes, or followCount - it always shows what | |
| * `render` describes. | |
| */ |
