Drawter
06 Jan 2010 |
|
prototyping
GUI
graphics
prototyping
GUI
graphics
Drawter by Damian Wielgosik is a simple tool for drawing HTML interfaces and exporting the results. It uses jQuery and Damian’s own GUI code.
You can draw HTML tags using The Tagname to draw option and the mouse. To switch between drawing and editing content and CSS, use the Draw Mode and Edit buttons. There are also menu items at the top of the page — click Code then Generate code to export your design.
Drawter is a great example of what can be done with JavaScript, but it’s also potentially a useful tool. The author of Konigi was already blown away by it, and he’s something of a web prototyping tool enthusiast.