Posts Tagged ‘grid systems’

CSS Frameworks: In with the New, Out with the Old

November 18th, 2011 2 comments

I’ve noticed that my old post 960 Grid System vs Blueprint CSS is still getting quite a few hits so I thought I’d post an update about it.

Of the two, I now use… neither!

Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.

Just the other day I built a nice page in a matter of a few minutes using Bootstrap, from Twitter and it has me totally sold. If you need to throw something together quickly, then this is the way to go. Things I like about Bootstrap:

  • Single css file to include which includes reset CSS (no need for multiple css files).
  • Remotely hosted for quickstart. Bootstrap itself suggests to use <link rel=”stylesheet” href=””>
  • Simple markup
  • Customizable fixed or fluid layouts
  • Typography that just works (check out the inline labels).
  • Media markup (although I haven’t actually understood the purpose of it yet).
  • Very nice Tables with support for tablesorter.
  • Beautiful Forms with sexy buttons.
  • Navigation/Tab/Breadcrumb/Pagination
  • Sexy Alerts & Navigation 
  • … and a whole bunch of things you can do by adding small javascript snippets, such as modal dialogs, popovers, etc…

Definitely worth checking out if you are researching CSS frameworks and haven’t tried it yet!