: Responsive web site mockup tools I've always done web mockups in Photoshop, recently I switched to Illustrator because I thought it could speed up my work flow (And it did!) As I design more

@Phylliss782

There's nothing in particular about RWD that demands new tools.

Responsive (RWD) is largely about breakpoints*, which is to say you have multiple layouts to cover various viewport sizes and aspect ratios. At the mockup stage, you're going to create each version of the page/site. With a responsive site, that means you just have more mockups to create (maybe).

Balsamiq is for wireframes and can't replace a detailed mockup tool. Illustrator, Photoshop, Sketch, or Inkscape can still handle your layout needs, responsive or otherwise.

As for the idea of doing mockups in HTML: Good luck. It works with a simple content or info site. When the info hierarchy (and possible UX solutions) gets complicated, you'll find yourself exploring less options. For the same reason, I don't start any mockup without first sketching rough solution; even a layout app can hold you back, creatively speaking.

* more on breakpoints here and here.

Vote Up Vote Down

@Martha945

There seems to be a serious need for more responsive design tools as of late. Many of the new initiatives are web based and some look promising but I've yet to give them a thorough workout:

froont.com/ http://www.webflow.com/ www.easel.io/

Vote Up Vote Down

@Shelton719

I work with mockup builder and I find it wonderful.

Vote Up Vote Down

@Pierce403

Check out Adobe's Edge Reflow. It is part of the Creative Cloud and is designed for working with responsive websites.

Vote Up Vote Down