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.
- Anzeige Hier geht es zum Handbuch für Softwareentwickler bei Amazon Wenn Sie auf diesen Link klicken und darüber einkaufen, erhält Golem eine kleine Provision. Dies ändert nichts am Preis der Artikel.