Responsive Web Design Frameworks

ZURB FUNDATION

  • flexible layout with 12 column
  • dozens of styles
  • multiple buttons, tabs, form elements, tooltips, modal dialogs, image sliders, dropdown
  • easy to cusomize
  • supports any kind of device, any resolution and any screen size

BOOTSTRAP

HTML5boilerplate

http://inuitcss.com/

http://lessframework.com/

http://www.designlunatic.com/projects/blucss/

http://www.tinyfluidgrid.com/

http://goldengridsystem.com/

http://www.amazium.co.uk/

http://www.ez-css.org/

http://www.grid64.com/

http://developer.yahoo.com/yui/grids/

TITAN FRAMEWORK
Titan Framework uses 960.gs. You can easily switch your site to responsive web design, by replacing the 960.gs CSS files with the Framework.

  • flexible layout with 12 and 16 column
  • 960px and 1140px width layout

CSS GRID

SUSY

SKELETON

ROCK HAMMER

  • 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

———————————————————————————————————-
DRUPAL 7

Zurb Foundation

SigmaOne