Schnell XHTML/CSS Quelltext erstellen

March 4th, 2008 von Aleks | Kategorie: Tools, Tutorials, Webdesign

markupgenerator

Mit dem XHTML/CSS Markup Generator kann man schnell und einfach XHTML/CSS Quelltext erstellen. Dabei haben sich die Entwickler eine neue Art von Code ausgedacht mit der man schneller XHTML erstellen kann.
Das ganze sieht ca so aus:

#wrap
 #head
  a.menu = Link1
  a.menu = Link2
  a.menu = Link3

Wenn man nun das Formular absendet bekommt man als Ergebnis folgendes zurück:

<div id="wrap">
<div id="head">
<a class="menu" href="./"> Link1</a>
<a class="menu" href="./"> Link2</a>
<a class="menu" href="./"> Link3</a>
</div>
</div>

Wer das ganze selber mal ausprobieren möchte, kann dies hier tun.

Hier ist eine kurze Liste mit der Syntaxbeschreibung:

h1#logo.red=Company Name is:
<h1 id="logo" class="red">Company Name</h1>

input[type="text" name="term"]#query is:
<input id="query" type="text" name="term" />

#root.company is:
<div id="root" class="company"></div>

p.vcard.highlight=Lorem ipsum is:
<p class="vcard highlight">Lorem ipsum</p>