Abo
  • Services:
Anzeige

Zen-Coding - HTML und CSS wie von Geisterhand

Freie Plug-ins für verschiedene Editoren

Zen-Conding will das Schreiben von HTML- und CSS-Code dramatisch vereinfachen und beschleunigen. Das System kommt als Plug-in für verschiedene Editoren daher.

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:

ul#name>li.item

der HTML-Code:

<ul id="name">
    <li class="item"></li>
</ul>

Auch komplexere HTML-Strukturen lassen sich mit Zen-Coding erzeugen. So wird aus

Anzeige
select>option#item-$*3

der HTML-Code

<select>
    <option id="item-1"></option>
    <option id="item-2"></option>
    <option id="item-3"></option>
</select>

Mit "html:xt" wird die Basisstruktur einer XHTML-Datei mit entsprechendem Header erzeugt. Eine Übersicht der verfügbaren Zen-HTML-Elemente und Zen-HTML-Selektoren findet sich auf der Projektseite. Auch für CSS stehen entsprechende Abkürzungen bereit.

Zen Coding ist in Form verschiedener Plug-ins verfügbar. Als Zen HTML und Zen CSS für Textmate und Netbeans sowie als All-in-One-Plug-in Zen Coding unter anderem für Coda, Aptana Studio, Web IDE und Espresso. 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 werden.


eye home zur Startseite
Der Kaiser! 20. Aug 2010

Das gleiche sollte es für Perl geben.

TomK32 01. Okt 2009

Natürlich, technisch sind die zwo was völlig anderes. Aber halt ich Zen-Coding auch für...

Ichnich 29. Sep 2009

Erzähl das mal einem Armlosen

andremoda 29. Sep 2009

So sehe ich das auch!

pinky 29. Sep 2009

die leerzeichen müssen noch weg!



Anzeige

Stellenmarkt
  1. GK Software AG, Schöneck/Vogtland, Hamburg, Barsbüttel, Sankt Ingbert
  2. Qnit AG, München
  3. Daimler AG, Böblingen
  4. CURA Kurkliniken Seniorenwohn- und Pflegeheime GmbH, Berlin


Anzeige
Spiele-Angebote
  1. 8,99€
  2. 5,99€
  3. 4,99€

Folgen Sie uns
       


  1. NFC

    Neuer Reisepass lässt sich per Handy auslesen

  2. 1 GBit/s überall

    Alternative Netzbetreiber wollen Glasfaser statt 5G

  3. Nintendo Switch im Test

    Klack und los, egal wie und wo

  4. Next EV Nio EP9

    Elektrosportwagen stellt Rekord beim autonomen Fahren auf

  5. Bytecode fürs Web

    Webassembly ist fertig zum Ausliefern

  6. 5G

    Huawei will überall im Mobilfunknetz 100 MBit/s bieten

  7. Meet

    Google arbeitet an Hangouts-Alternative

  8. Autonome Lkw

    Trump-Regierung sorgt sich um Jobs für Trucker

  9. Limux-Rollback

    Was erlauben München?

  10. Ausfall

    O2-Netz durch Ausfall von Netzserver zeitweise gestört



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Trappist-1: Der Zwerg und die sieben Planeten
Trappist-1
Der Zwerg und die sieben Planeten
  1. Weltraumteleskop Erosita soll Hinweise auf Dunkle Energie finden
  2. Astrophysik Ferne Galaxie schickt grelle Blitze zur Erde
  3. Astronomie Vera Rubin, die dunkle Materie und der Nobelpreis

Limux: Die tragische Geschichte eines Leuchtturm-Projekts
Limux
Die tragische Geschichte eines Leuchtturm-Projekts
  1. Limux München prüft Rückkehr zu Windows
  2. Limux-Projekt Windows könnte München mehr als sechs Millionen Euro kosten
  3. Limux Münchner Stadtrat ignoriert selbst beauftragte Studie

Bundesnetzagentur: Puppenverbot gefährdet das Smart Home und Bastler
Bundesnetzagentur
Puppenverbot gefährdet das Smart Home und Bastler
  1. My Friend Cayla Eltern müssen Puppen ihrer Kinder zerstören
  2. Matoi Imagno Wenn die Holzklötzchen zu dir sprechen
  3. Smart Gurlz Programmieren lernen mit Puppen

  1. Hehe selbst Schutz genießen wollen aber andere Hacken

    User_x | 18:49

  2. Re: Bitte Videofunktion in den Griff bekommen

    Industrial | 18:48

  3. Re: Preisliche Gestaltung

    Flasher | 18:48

  4. Re: Wenn ich das hier so lese.....

    deutscher_michel | 18:47

  5. Sollen umschulen zu Hufschmieden

    /mecki78 | 18:47


  1. 15:22

  2. 15:08

  3. 15:00

  4. 14:30

  5. 13:42

  6. 13:22

  7. 12:50

  8. 12:30


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel