CSS Framework Comparison

06.04.2011 : By Scott Lewis

8

Code Examples

There is no more useful tool for the developer than a good implementation example. Each framework was evaluated on the existence, number and quality of its implementation examples.

There is not really much to say in this category. All three frameworks have plenty of implementation examples and demos that are very helpful. In fact, I relied almost exclusively on the code itself and the implementation examples in order to build my demo pages for the reviews.

Pages 1 2 3 4 5 6 7 8 9

 
  • Anonymous

    this article lacks one important test: how smart is the framework to suit into different screen sizes with less or no changes in the html.

    • http://iconify.it Scott Lewis

      Are you referring to a responsive-type adjustment to screen size? If so, then yes, that was not covered in the article because responsive design is a very new design approach and is still pretty experimental. I wrote this article over a year ago. I have been considering doing an updated comparison but simply have not had the time. Sorry if you found the article disappointing.

  • http://www.facebook.com/profile.php?id=1851794387 Lars Faye

    Despite jorj1′s comments, I found this article to be exactly what I was looking for!  
     

  • http://www.facebook.com/profile.php?id=1851794387 Lars Faye

    Despite jorj1′s comments, I found this article to be exactly what I was
    looking for!   After working with the 960 grid system for a long, long
    time, I feel I was ready to try something fresh.  After playing with
    some responsive design, I found this to be the 960′s Achilles Heel. 
    Mobile browsing is only getting more popular and it’s not going to be
    easy to find an excuse to have a site that doesn’t at least scale down
    percentage-wise to mobile devices.  That said, YAML is going to be my
    choice going forward.  Your article helped me get to that conclusion, so
    thank you!

     

     

    • http://iconify.it Scott Lewis

      I have built a few sites with 960gs now and there are some things I really like about it. Especially not having to worry about floats and alignment. But I’m not a big fan of the extraneous markup. I really want to try Less and Twitter’s Bootstrap but I haven’t had time yet. Like you, I want to try out some of the responsive techniques but again, no time. I may just set aside one evening per week to just tinker with new technologies.

      I do recall YAML being pretty cool in the adjustable approach. I can’t remember the details though. On my long list of things to do, is to keep adding new framework reviews in the hopes of covering just about all of them. That article has been really popular – hopefully because it is useful to developers.

  • http://couchable.co Tyler Herman

    I’ve used YAML on a couple sites. It’s now on version 4 which is responsive. Seems pretty slick but there is a little bit of code bloat.

  • geckozilla

    I love twitter bootstrap

    • http://iconify.it Scott Lewis

      Yeah, me too. This article is a couple of years old and I don’t think Bootstrap had come out yet. I think it’s time to do a follow-up to this article. Here is another one I like a lot:

      http://foundation.zurb.com/