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. Technische Hochschule Nürnberg Georg Simon Ohm, Nürnberg
  2. Schaeffler Technologies AG & Co. KG, Herzogenaurach
  3. Exali GmbH, Augsburg
  4. Landeshauptstadt Wiesbaden, Wiesbaden


Anzeige
Blu-ray-Angebote
  1. 65,00€
  2. (u. a. Zoomania Blu-ray 11,97€, Die Schöne und das Biest Blu-ray 9,97€, The Jungle Book Blu...
  3. (u. a. Legend of Tarzan, Mad Max: Fury Road, Der Hobbit, Gravity)

Folgen Sie uns
       


  1. Super Mario Run

    Nintendo bleibt trotz Enttäuschung beim Bezahlmodell

  2. Samsung

    Galaxy Note 7 wird per Update endgültig lahmgelegt

  3. The Ringed City

    From Software zeigt Abschluss von Dark Souls 3 im Trailer

  4. Dieter Lauinger

    Minister fordert Gesetz gegen Hasskommentare noch vor Wahl

  5. Die Woche im Video

    Cebit wird heiß, Android wird neu, Aliens werden gesprächig

  6. Mobilfunkausrüster

    Welche Frequenzen für 5G in Deutschland diskutiert werden

  7. XMPP

    Bundesnetzagentur will hundert Jabber-Clients regulieren

  8. Synlight

    Wie der Wasserstoff aus dem Sonnenlicht kommen soll

  9. Pietsmiet

    "Alle Twitch-Kanäle sind kostenpflichtiger Rundfunk"

  10. Apache-Lizenz 2.0

    OpenSSL plant Lizenzwechsel an der Community vorbei



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
D-Wave: Quantencomputer oder Computer mit Quanteneffekten?
D-Wave
Quantencomputer oder Computer mit Quanteneffekten?
  1. IBM Q Qubits as a Service
  2. Rechentechnik Ein Bauplan für einen Quantencomputer

Nier Automata im Test: Stilvolle Action mit Überraschungen
Nier Automata im Test
Stilvolle Action mit Überraschungen
  1. Nvidia "KI wird die Computergrafik revolutionieren"
  2. The Avengers Project Marvel und Square Enix arbeiten an Superheldenoffensive
  3. Nintendo Switch erscheint am 3. März

NZXT: Lüfter auch unter Linux steuern
NZXT
Lüfter auch unter Linux steuern
  1. Creoqode 2048 Tragbare Spielekonsole zum Basteln erhältlich
  2. FluoWiFi Arduino-kompatibles Board bietet WLAN und Bluetooth
  3. Me Arm Pi Roboterarm zum Selberbauen

  1. Re: angemessene Bezahlung != leistungsgerechte...

    Oldy | 06:48

  2. Re: Künstliches Sonnenlicht und Wasserstoff

    luxferresum | 06:12

  3. Re: Online Gängelung

    Apfelbrot | 06:06

  4. Re: P2W

    mnementh | 05:37

  5. Re: DeRant...

    Apfelbrot | 05:33


  1. 15:20

  2. 14:13

  3. 12:52

  4. 12:39

  5. 09:03

  6. 17:45

  7. 17:32

  8. 17:11


  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