Netzkescher

09.01.2010

CSS-Templates zeichnen - wie cool ist das denn …

Heute bin ich via webstockbox.com auf ein Online-Tool aufmerksam geworden, mit dessen Hilfe es möglich ist, css-basierte Webseiten-Templates zu zeichnen. Es nennt sich Drawter und ist unter der gleichnamigen Adresse zu finden: drawter.com. Ich habe gleich ein wenig damit rumgespielt und bin schwer beeindruckt. Der grundlegende Einstieg ist ganz einfach: Man malt die benötigten Boxen und generiert anschließend den Code - fertig. Diesen gibt es sowohl als (X)HTML/CSS-Code in einer Datei als auch in getrennten (X)HTML und CSS-Dateien.

Allerdings ist mit dem Tool noch einiges mehr an Feinarbeit möglich. Wenn ihr ein wenig damit herumexperimentiert habt, seht euch unbedingt den zugehörigen Screencast an (oder heißt es das Screencast??). Hier einige Möglichkeiten des Tools aus der Erinnerung:

• Farben festlegen
• Schriftgrößen festlegen
• Bilder einbinden
• Boxen selbst benennen
• alle möglichen Styles für unterschiedliche Elemente festlegen
• Doctype und Sprache festlegen
• …
• …

Zukünftig ist von Drawter noch mehr zu erwarten. Das gegenwärtige Tool wird als Pro-Variante bezeichnet. HTML- und CSS-Kenntnisse werden vorausgesetzt. Demnächst soll es auch eine “Amateur”-Version geben, die dies nicht erfordert. Man darf gespannt sein.

Drawter Beta 2 is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website’s code. … 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.