HTML Mock-ups (prototypes)

Posted on August 29th, 2011 by David Luhman and tagged , , .

I had an earlier post describing free or cheap UI mock-up tools.

To take things to the next level and start creating prototypes, I was looking for rapid application development (RAD) tools that would allow me to draw out HTML pages with dragging and dropping.

I haven't yet found a suitable RAD HTML editor, but I did run across a blog post which provides copy-and-paste HTML elements (source) which you can use to quickly cobble a UI together. Here's that link :

http://www.devdaily.com/mac-os-x/mac-html-form-prototyping-rapid-frontpage

Even better, that site provides a CSS-based style that will wrap your HTML designs in a rough, back-of-envelope style.

http://www.devdaily.com/design/html-css-sketch-prototyping

Comments

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options