: Responsive Design: Which Framework Should I Use? CSS3 & HTML5 I've been looking for a suitable set of HTML5/CSS3 foundation files to start new projects on. I started off piecing together my

@Jessie594

Twitter Bootstrap is a great framework to build off of twitter.github.com/bootstrap/ one thing to keep in mind is what you plan to build. If wordpress can handle the bulk of the functions your looking for in an app then you'll need to be looking at WP templates.

If you're building an app from scratch something backend then twitter bootstrap and some others you listed are good. I use wordpress as a front end to manage the content of our site but the backend is zend framework with jquery ui (moving to bootstrap next commit).

Vote Up Vote Down

@Sent6035632

I spent the past week working with those you mentioned.
I also tried Bootstrap by Twitter, HTML5 Boilerplate Mobile, and Foundation by ZURB.
They all seemed bloated and more than what I really wanted.

I started searching forked projects of all those that interested me on Github.
Then I took the better parts from all the above "frameworks" to build something for myself.
I ended up with Normalize.css instead of Meyers Reset.
Preboot.less bootstrap with plenty of .LESS mixins.
Some components from the Twitter Bootstrap.
And put them all into the responsive .LESS 960-inspired framework from Semantic.gs.

I couldn't be happier!

The best part is that I know every single line of code in all my files, and it's actually very small compared to the rest.

You just might be better off doing something like that.
I too was against the idea of 'reinventing the wheel'. But I really wanted something to call my own.

Vote Up Vote Down

@Gail5422790

I have been using the 960gs for a while now, and I have been getting quite used to it. I like the dimensions, and the easy way you can create good layouts fast.

Now with all the new devices, the 960gs got a little outdated for me, as it will not fit always on every device. And I was also not a fan of using javascript to sniff out the browser and then load the css for it.

Responsive wesbites are a great and elegant solution to fix the problem of the different devices. Since I was used to using the 960gs, I looked for something similair, and the Skeleton framework turned out as winner for me. It just ads a responsive layer to the 960 system.

One thing that I like also is the fact that it has 4 fixed stated. With some of the framework the layout changes on every single browser re-size. The skeleton framework snaps only to 4 states.

One mayor downside I have found is that pinch-zoom does not work with the frameworks. It resizes the screen, but the layour stays the same.

Vote Up Vote Down

@Harper822

Joni Korpi, creator of the 'Less' framework, just released his 'Golden Grid System', an adaptive framework that's notable for its elastic gutters and zoomable baseline grid.

Beyond that, though, you've mentioned the popular ones; if they don't meet your needs, you'd be wise to consider building your own framework. Two books I recommend that will help:


Responsive Web Design by Ethan Marcotte
Adaptive Web Design by Aaron Gustafson


In building your own framework (or starting template), you'll learn a great deal and end up with something that caters to your specific tastes and requirements. Frameworks can be great, but you often end up making a lot of changes to them to suit your needs; why not simply start from scratch?

Vote Up Vote Down