320 and Up ‘tiny screen first’ responsive web design boilerplate

‘320 and Up’ is a lightweight, easy to use and content first responsive web design boilerplate.

320 and up

This is the new ‘320 and Up’

A lot’s changed since I wrote the original ‘320 and Up’, my ‘tiny screen first’ responsive web design boilerplate. Back then we were just getting started with responsive web design and many sites, including mine, and frameworks and boilerplates like HTML5 Boilerplate, structured their CSS3 Media Queries from the desktop down, rather than for small screens up.

To put things right, I wrote ‘320 and Up’. It worked as an extension to HTML5 Boilerplate or a set of standalone files. ‘320 and Up’ has been used by designers and developers all over the web and I’ve used versions of it on every website I’ve worked on since I wrote it.

What’s in the new ‘320 and Up’?

  • Five CSS3 Media Query increments: 480, 600, 768, 992 and 1382px
  • Design ‘atmosphere’ (colour, texture and typography) separated from layout
  • Bootstrap styles for buttons, forms and tables
  • Modernizr, Selectivizr, responsive type tester and design tester
  • LESS and Sass mixins and variables
  • Upstarts for the things we build every day

vía 320 and Up ‘tiny screen first’ responsive web design boilerplate.

github: https://github.com/malarkey/320andup/

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s