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. IT-Experte für SAP-ERP-Betrieb und -Projektmanagement (m/w)
    SE Tylose GmbH & Co. KG, Wiesbaden
  2. Senior Software-Entwickler/in Java
    Bosch Energy and Building Solutions GmbH, Ismaning
  3. Informatiker / Softwareentwickler (m/w) Schwerpunkt Microsoft .NET
    IT-Choice Software AG, Karlsruhe
  4. IT-Systemadministrator (m/w)
    Idiada Fahrzeugtechnik GmbH, Ingolstadt

 

Detailsuche


Blu-ray-Angebote
  1. Blu-rays unter 10 EUR
    (u. a. Inception 8,99€, Heartbreak Ridge 8,97€, Dumm und Dümmer 8,97€, Die Goonies 8,97€)
  2. 3 3D-Blu-rays für 15 EUR
    (u. a. Abenteuer Karibik 3D, Neuseeland 3D, Dead Before Dawn, Best of Erde 3D)
  3. Weihnachtsfilme auf Blu-ray bis -40%
    (u. a. Schöne Bescherung 7,97€, Der Polarexpress 7,97€, Der Grinch 7,99€)

 

Weitere Angebote


Folgen Sie uns
       


  1. Manhattan

    Amazon liefert per Radkurier in einer Stunde aus

  2. Entwicklerpreis Summit 2014

    Wiederspielbarkeit Reloaded

  3. Mehr Kapazität

    Erste 6-TByte-Festplatten von Toshiba

  4. Xbox One

    Patch für Assassin's Creed Unity lädt 50 GByte herunter

  5. Android 5.1

    Neue Lollipop-Version soll bereits im Februar kommen

  6. Stacked Memory

    Lecker, Stapelchips!

  7. USBdriveby

    Hackerwerkzeuge für die Halskette

  8. Betabrand

    Bei dieser Jeans geht Datendiebstahl in die Hose

  9. Elite Dangerous

    Einmal durch die Milchstraße und zurück

  10. Tarifstreit

    Amazon-Streiks werden bis Samstag fortgesetzt



Haben wir etwas übersehen?

E-Mail an news@golem.de



O2 Car Connection im Test: Der Spion unterm Lenkrad
O2 Car Connection im Test
Der Spion unterm Lenkrad
  1. Urban Windshield Jaguar bringt Videospiel-Feeling ins Auto
  2. Tweak Carplay ohne passendes Auto verwenden
  3. Streckenerkennung Audi-Rennwagen fährt fahrerlos auf dem Hockenheimring

Rock n' Roll Racing (1993): Nachbrenner vom Schneesturm
Rock n' Roll Racing (1993)
Nachbrenner vom Schneesturm
  1. Ultima Underworld (1992) Der revolutionäre Dungeon Simulator
  2. Sid Meier's Colonization (1994) Auf Augenhöhe mit George Washington
  3. Star Wars X-Wing (1993) Flugsimulation mit R2D2 im Nacken

Zbox Pico im Test: Der Taschenrechner, der fast alles kann
Zbox Pico im Test
Der Taschenrechner, der fast alles kann

    •  / 
    Zum Artikel