Abo
  • Services:

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.

Artikel veröffentlicht am ,

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
Stellenmarkt
  1. K. A. Schmersal Holding GmbH & Co. KG, Wuppertal
  2. ALDI International Services GmbH & Co. oHG, Mülheim an der Ruhr

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.



Anzeige
Top-Angebote
  1. 59,90€ (Bestpreis!)
  2. 54,99€
  3. (u. a. Tablet PC 143,99€, Schallplattenspieler 63,99€)
  4. 149,00€

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!


Folgen Sie uns
       


LG 5K2K (34WK95U) Ultrawide - Fazit

Der aktuelle Ultrawide von LG hat eine beeindruckend hohe Auflösung und eignet sich wunderbar für Streamer oder die Videobearbeitung.

LG 5K2K (34WK95U) Ultrawide - Fazit Video aufrufen
Oldtimer umrüsten: Happy End mit Elektromotor
Oldtimer umrüsten
Happy End mit Elektromotor

Verbotszonen könnten die freie Fahrt von Oldtimern einschränken. Aber auch Umweltschutzgründe und Exzentrik führen dazu, dass immer mehr Sammler ihre liebsten Fahrzeuge umrüsten.
Ein Bericht von Dirk Kunde

  1. Elektroautos Sportversion des E.Go Life und Shuttle E.Go Lux
  2. Rivian Amazon investiert in Elektropickups
  3. Auto Amazon und GM wollen in Elektro-Pickup Rivian investieren

Honor View 20 im Test: Schluss mit der Wiederverwertung
Honor View 20 im Test
Schluss mit der Wiederverwertung

Mit dem View 20 weicht Huawei mit seiner Tochterfirma Honor vom bisherigen Konzept ab, altgediente Komponenten einfach neu zu verpacken: Das Smartphone hat nicht nur erstmals eine Frontkamera im Display, sondern auch eine hervorragende neue Hauptkamera, wie unser Test zeigt.
Ein Test von Tobias Költzsch

  1. Huawei Honor View 20 mit 48-Megapixel-Kamera kostet ab 570 Euro
  2. Huawei Honor 10 Lite mit kleiner Notch kostet 250 Euro
  3. Huawei Honor View 20 hat die Frontkamera im Display

Struktrurwandel: IT soll jetzt die Kohle nach Cottbus bringen
Struktrurwandel
IT soll jetzt die Kohle nach Cottbus bringen

In Cottbus wird bald der letzte große Braunkohle-Tagebau zum Badesee. Die ansässige Wirtschaft sucht nach neuen Geldquellen und will die Stadt zu einem wichtigen IT-Standort machen. Richten könnten das die Informatiker der Technischen Uni - die werden aber direkt nach ihrem Abschluss abgeworben.
Von Maja Hoock

  1. IT-Jobporträt Spieleprogrammierer "Ich habe mehr Code gelöscht als geschrieben"
  2. Recruiting Wenn die KI passende Mitarbeiter findet
  3. Softwareentwicklung Agiles Arbeiten - ein Fallbeispiel

    •  /