Treehouse: Grow your CSS skills. Land your dream job.

Foundation – good tool for responsive design noobs?

  • # April 26, 2012 at 11:46 am

    I’m finally accepting the inevitable – that soon more browsing will be done using small-screen mobile devices than large-monitor PCs. So I’m planning on redesigning a few small client sites to be responsive. I’m a complete novice at this, so I’m looking for good (and preferably free) tools to help me get through it.

    (One challenge on these sites is that they’re all image heavy: sites for artists and photographers to show their work. And of course, the images must look good even on small screens. I plan to use responsive images, with the width set to a % of their parents’ width.)

    Foundation appears to be one of these tools. Can anyone who has used Foundation or similar tools share his/her experience/opinion? Did it work well for you? Any deficiencies? Any other caveats? Key things you MUST do and key things to AVOID doing? Any other suggestions/comments?


    # April 26, 2012 at 11:59 am

    The first one I tried was Starkers WP theme.
    But later made own framework with using 1140px grid, where actually I learned how all grids and responsive works. I recommend it highly.

    # April 26, 2012 at 1:16 pm

    Thanks for the quick response, Ukando. I’ve bookmarked your 1140px grid and will look at it later.

    (FYI for any other responders: I’m not planning on using WP.)

    # April 28, 2012 at 12:10 am

    I started using foundation two projects ago. I love it. Highly recommended.

    # April 28, 2012 at 9:14 pm


    That’s good to hear. Thanks for the feedback.

    # April 29, 2012 at 12:37 am

    sure thing – the only drawback (IMO) is that everything is pixel-based. Yes, it gives good, consistent results, but it makes things less flexible. Also (if it were up to me), I would have used normalize.css instead of a hard reset. But that’s pretty easy to solve. :)

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.