Zen-Coding - HTML und CSS wie von Geisterhand
Mit Zen-Coding lässt sich HTML-Code mit Hilfe von CSS-Selektoren schreiben. Das Plug-in macht auf Wunsch daraus den entsprechenden HTML-Code. Beispielsweise wird aus:
der HTML-Code:
Auch komplexere HTML-Strukturen lassen sich mit Zen-Coding erzeugen. So wird aus
der HTML-Code
Mit "html:xt" wird die Basisstruktur einer XHTML-Datei mit entsprechendem Header erzeugt. Eine Übersicht der verfügbaren Zen-HTML-Elemente(öffnet im neuen Fenster) und Zen-HTML-Selektoren(öffnet im neuen Fenster) findet sich auf der Projektseite(öffnet im neuen Fenster) . Auch für CSS stehen entsprechende Abkürzungen(öffnet im neuen Fenster) bereit.
Zen Coding ist in Form verschiedener Plug-ins verfügbar. Als Zen HTML und Zen CSS für Textmate(öffnet im neuen Fenster) und Netbeans(öffnet im neuen Fenster) sowie als All-in-One-Plug-in Zen Coding unter anderem für Coda(öffnet im neuen Fenster) , Aptana Studio(öffnet im neuen Fenster) , Web IDE(öffnet im neuen Fenster) und Espresso(öffnet im neuen Fenster) . Unterstützung für weitere Editoren wie SciTE oder Gedit ist geplant.
Die Zen-Coding-Plug-ins stehen unter der GPL v3 und können bei Google-Code heruntergeladen(öffnet im neuen Fenster) werden.