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.

Anzeige

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

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.


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!

Kommentieren



Anzeige

  1. Qualitätsingenieur/in für Software
    Robert Bosch Battery Systems GmbH, Stuttgart-Feuerbach
  2. Trainee IT (m/w) Schwerpunkt SAP-Applikation
    Müller Service GmbH, Aretsried, Freising, Leppersdorf, Dissen
  3. Verifikationsingenieur (m/w) System on Chip Design
    DR. JOHANNES HEIDENHAIN GmbH, Traunreut
  4. IT-Projektleiter (m/w)
    RENA Technologies GmbH, Gütenbach

 

Detailsuche


Top-Angebote
  1. TOPSELLER: Der Hobbit: Die Schlacht der fünf Heere [Blu-ray]
    12,90€
  2. NUR BIS MONTAG 09:00 UHR: Mario Party 10 mit Mario amiibo Figur - Nintendo Wii U
    33,00€ inkl. Versand
  3. TIEFPREIS: Der Hobbit - Eine unerwartete Reise [3D Blu-ray]
    9,00€

 

Weitere Angebote


Folgen Sie uns
       


  1. Weißes Haus

    Hacker konnten offenbar Obamas E-Mails lesen

  2. Unzulässige NSA-Selektoren

    Kanzleramt soll Warnungen des BND ignoriert haben

  3. Android-Tablet

    Google nimmt Nexus 7 aus dem Onlinestore

  4. Aerofoils

    Formel-1-Technik macht Supermarkt-Kühlregale effizienter

  5. Force Touch

    Apples Trackpad könnte künftig verschiedene Oberflächen simulieren

  6. Bodyprint

    Yahoo-Software verwandelt Touchscreen in Ohr-Scanner

  7. BKA

    Ab Herbst 2015 soll der Bundestrojaner einsetzbar sein

  8. Die Woche im Video

    Computerspiele, Whatsapp und Fire TV Stick

  9. Amtsgericht Hamburg

    Online-Partnervermittlungen dürfen kein Geld nehmen

  10. Elite Dangerous

    Powerplay im All



Haben wir etwas übersehen?

E-Mail an news@golem.de



Fuzzing: Wie man Heartbleed hätte finden können
Fuzzing
Wie man Heartbleed hätte finden können
  1. Fehlersuche LLVM integriert eigenes Fuzzing-Werkzeug
  2. Mozilla Firefox 37 bringt Zertifikatsperren und Nutzerfeedback
  3. IT-Sicherheit Regierung fördert Forschung mit 180 Millionen Euro

Mini-PCs unter Linux: Installation schwer gemacht
Mini-PCs unter Linux
Installation schwer gemacht
  1. Mini-Business-Rechner im Test Erweiterbar, sparsam und trotzdem schön klein
  2. Shuttle DS57U Passiver Mini-PC mit Broadwell und zwei seriellen Com-Ports
  3. Broadwell-Mini-PC Gigabytes Brix ist noch kompakter als Intels NUC

Fire TV mit neuer Firmware im Test: Streaming-Box wird vielfältiger
Fire TV mit neuer Firmware im Test
Streaming-Box wird vielfältiger
  1. Amazons X-Ray im Hands On Fire TV zeigt direkt Zusatzinformationen zu Filmen
  2. Update Amazon wertet Fire TV auf
  3. Workshop Kodi bequemer auf Amazons Fire TV verwenden

  1. ist es nicht eigentlich deren Job

    onkel_joerg | 13:23

  2. Re: Regierung

    Roudrigez Merguez | 13:17

  3. Re: Das ist auch gut so

    George99 | 12:49

  4. Re: Hoffentlich setzt sich dieses Urteil bei...

    Bassa | 12:45

  5. Linux wird zu Windows...

    phre4k | 12:36


  1. 13:02

  2. 11:44

  3. 09:56

  4. 15:17

  5. 10:05

  6. 09:50

  7. 09:34

  8. 09:01


  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