Wednesday, November 26th, 2008

Drawter: Visual Web based HTML tool

Category: Showcase, Utility

Damian Wielgosik has created Drawter, a web based tool to layout pages:

Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website’s code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn.

Currently Drawter is available in Pro version, which means that it is intended for webmasters use only – knowledge of HTML and CSS is required.

Drawter is not a tool for laymen, for the time being, but the whole team behind the project is putting every effort to launch a new version called “Amateur”. Soon you will be able to draw your websites without any knowledge of HTML or CSS. Launching soon, really soon.

He has a detailed screencast of the tool in action where you see how you can flip between draw and edit modes to build up your page. Nicely done!

Posted by Dion Almaer at 9:00 am

3.3 rating from 42 votes


Comments feed TrackBack URI

But this isn’t news…this is old :)

Comment by vsync — November 26, 2008

Yes I agree, this is old but works somewhat fine. Otherwise, I have some problems when using the webapp under Firefox 3 like closing the box details, it does not work often enough.

Comment by mauvecargo — November 26, 2008

Am I the only one considering that wysiwyg is never gonna make us save that much time ? Html and css are powerful _languages_, and languages are meant for humans.

Comment by frenchStudent — November 26, 2008

Actually, frenchStudent, HTML was never intended to be coded by humans.

I never intended HTML source code (the stuff with the angle brackets) to be seen by users. A browser/editor would let a user simply view or edit the language of a page of hypertext, as if he were using a word processor. The idea of asking people to write the angle brackets by hand was to me, and I assumed to many, as unacceptable as asking one to prepare a Microsoft Word document by writing out its binary coded format.

Comment by mhart — November 26, 2008

Sorry, I forgot the citation: Tim Berners-Lee from his book “Weaving the Web”

Comment by mhart — November 26, 2008

things change.. the WWW was also just intended to link particle physics papers together with hypertext. a simple document with links would be easy to be all WYSIWIG but I hardly imagine Tim imagined HTML being used in the ways it now is.
He didn’t invent CSS or advanced layouts. He set up a great base which all sorts of developers/designers have pushed the limits of his ideas.
Point being, I don’t think that the quote justifies WYSIWYG’s, it just shows that his original vision was limited. He seems to be speaking about the average person who wants to publish hypertext data, not developers creating complex layouts.

Comment by RobRobRob — November 27, 2008

I’m about 95% of the way through developing our visual website builder, and it’s definitely a time-saver, so I would say that with the right system there’s a real use for this kind of tool. The fact that we can visually design standards-based, search-engine optimized, XHTML/CSS pages and turn our customer’s sites over in a few hours, plus leave them with a system that they can maintain afterwards, is a real benefit.

Comment by starkraving — November 27, 2008

I think this is great page for those who write all html code by him self like I do.

Comment by belgi — November 27, 2008

Leave a comment

You must be logged in to post a comment.