treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Foundation - good tool for responsive design noobs?

  • 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?

    Thanks
  • 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.
  • 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.)
  • I started using foundation two projects ago. I love it. Highly recommended.
  • traq:

    That's good to hear. Thanks for the feedback.
  • 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. :)