Responsibly responsive
‘320 and Up’ starts with a tiny screen stylesheet that contains only reset, colour and typography styles. Media Queries then load assets and layout styles progressively and only as they’re needed. Think of this as responsible responsive design. ‘320 and Up’ is a device agnostic, one web boilerplate.
‘320 and Up’ contains:
- Five Media Query increments: 480, 600, 768, 992 and 1382px
- Vertical grid based on Less Framework 4
- Two versions: multiple linked stylesheets, or a single stylesheet with multiple Media Queries
- Combined HTML5 Boilerplate and Mobile Boilerplate components
- Typography preset styles
‘320 and Up’ also includes:
imgsizer.js: improve IE’s rendering of resizable images. selectivizr.js: bootstrap CSS3 selector support. jquery-extra-selectors.js to boost Selectivizr.