paulirish

this project has moved

check out github.com/desandro/imagesloaded

chrislloyd

## Juggle
# 
# The refined way of combining gathering client-side javascripts.
#
# usage:
#   (in your Rakefile)
#
#   require './lib/juggle'
#   Juggle.file 'public/app.js' => 'public/libs.js' do
#       curl 'http://github.com/documentcloud/underscore/raw/1.1.1/underscore.js'

juliocesar

Testing front-end for a Sinatra app with RSpec and Capybara

I've used Cucumber quite a bit on my last job. It's an excellent tool, and I believe readable tests are the way to the future. But I could never get around to write effective scenarios, or maintain the boatload of text that the suite becomes once you get to a point where you have decent coverage. On top of that, it didn't seem to take much for the suite to become really slow as tests were added.

A while ago I've seen a gist by Lachie Cox where he shows how to use RSpec and Capybara to do front-end tests. That sounded perfect for me. I love RSpec, I can write my own matchers when I need them with little code, and it reads damn nicely.

So for my Rails Rumble 2010 project, as usual, I rolled a Sinatra app and figured I should give the idea a shot. Below are my findings.

Gemfile

plasticine

@function sprite-ify($items, $height, $img, $offset:0){
    display:block;
    height:$height;
    text-indent:-9999px;
    background-color:transparent;
    background-image:url($img);
    @for $index from 1 through length($items) {
        $item: nth($items, $index);
        @if $index > 1 { $offset: $offset - nth(nth($items, $index - 1), 2); }
        &.#{nth($item, 1)} {

makenosound

$eleven40-grid-width: 4.85% !default;  // The width of a column
$eleven40-grid-margin: 3.8% !default;  // The amount of margin between columns

@mixin eleven40-container {
  padding-left: 20px;
  padding-right: 20px;
}

@mixin eleven40-row {
  margin: 0 auto;

maxfenton

.content-main {
    float: none ;
    width: 100% ;
}

.dashboard {
    float: none ;
    width: 100% ;
}

makenosound

// Configurables
$flexibleGridColumns:      24 !default;
$flexibleGridColumnWidth: 30px !default;
$flexibleGridGutterWidth: 18px !default;


// Full width of a row
$flexibleGridRowWidth: ($flexibleGridColumns * $flexibleGridColumnWidth) + ($flexibleGridGutterWidth * ($flexibleGridColumns - 1));
// The width of a column
$flexibleGridGridWidth:  percentage($flexibleGridColumnWidth / $flexibleGridRowWidth);

makenosound

// Generate inline class names for your elements
//
// <div class="actions inset-vert-small-large">
//    <button type="submit">Totes click me!</button>
// </div>
//
// Padding
// ---------------
// pad-{item}           :  pad-small (padding: 10px)
// pad-vert-{item}-{item + 1}     :  pad-vert-small-large (padding: 10px 0 40px 0)

toolmantim

# A simple Makefile alternative to using Grunt for your static asset compilation
#
## Usage
#
#   $ npm install
#
# And then you can run various commands:
#
#   $ make            # compile files that need compiling
#   $ make clean all  # remove target files and recompile from scratch

jmac

Hi all!

I've been giving you a fair bit of stick on Twitter recently about MFC merchandise (my handle is, ahem, @jmac). I mostly try and keep it light-hearted/civil, but every now and then I get a bit... ranty. And sweary. At the suggestion of the inimitable @demonblog, I decided to gather my thoughts and words from the gutter and try and give some more constructive criticism. If you're still reading at this point, thanks for indulging me.

You see—and I'm sure everyone who writes to you to complain says this—I love the Melbourne Football Club. I haven't been a member for as long as some, but I've followed the club since I was born. My Dad barracks for the Dees, and so do my two brothers and sister. My son Angus does now too, and with any luck so will his sister, Zara. Angus has been a member since he was born, and I'm hoping to sign 6 month-old Zara up this year too. My Dad is lucky enough to have seen the club win a Grand Final back in the day –