grenade

#!/bin/sh

# Firefox Developer Edition install
# No need to download this script, just run it on your terminal:
#  $  curl -L git.io/firefoxdev | sh
# When you need to update Firefox Developer Edition, run this script again.

START_CMD="firefox-dev"
INSTALLATION_DIR="/opt/${START_CMD}"

chichunchen

# Ignore all
*

# Unignore all with extensions
!*.*

# Unignore all dirs
!*/

### Above combination will ignore all files without extension ###

balupton

Responsive layouts in stylus

Why this way?

1. 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.

2. 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.

3. It allows you to have the exact same markup, and completely different styles for different devices, resolutions, stylesheets, whatever. As it should be.