## Roll-Your-Own

Core Libraries

1. Asset Loader head.load.js
2. Responsive Design head.responsive.js

## Responsive Configuration

    // Underlined elements are interactive via "click"
    var head_conf =
        screens   : [240,480 Add],
        screensCss: { "gt": true, "gte": true, "lt": true, "lte": true, "eq": true },
        browsers  : [
                      { ie     : [6,7,8,9,10 Add] }
                     ,{ chrome : [8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24 Add] }
                     ,{ ff     : [3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19 Add] }
                     ,{ ios    : [3,4,5,6 Add] }
                     ,{ android: [2,3,4 Add] }
                     ,{ webkit : [9 Add] }
                     ,{ opera  : [ Add] }
                    ],
        browserCss: { "gt": true, "gte": true, "lt": true, "lte": true, "eq": true },
        html5     : true,
        page      : ,
        section   : ,
        hash      : ,
        head      :
    };

## Feature Detections

Browser Features

Device Features

CSS Features

Output
This builder is 100% client-side JavaScript driven. You may need to use FF or Chrome for it to work.

1. Minify
2. Pack

Generate Download