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. Robert Bosch GmbH, Leonberg
  2. GRAMMER AG, Amberg
  3. Landeshauptstadt München, München
  4. Aareon Deutschland GmbH, Mainz


Anzeige
Top-Angebote
  1. (u. a. Die Unfassbaren, Der unglaubliche Hulk, Nightcrawler, Olympus Has Fallen, Die Verurteilten...
  2. 35,19€ (Bestpreis!)

Folgen Sie uns
       


  1. Quadro P6000/P5000

    Nvidia kündigt Profi-Karten mit GP02-Vollausbau an

  2. Jahresgehalt

    Erfahrene Softwareentwickler verdienen 55.500 Euro

  3. Sync 3

    Ford bringt Carplay und Android Auto in alle 2017er-Modelle

  4. Netzwerk

    Mehrere regionale Mobilfunkausfälle bei Vodafone

  5. Hello Games

    No Man's Sky braucht kein Plus und keine Superformel

  6. Master Key

    Hacker gelangen per Reverse Engineering an Gepäckschlüssel

  7. 3D-Druck

    Polizei will Smartphone mit nachgemachtem Finger entsperren

  8. Modesetting

    Debian und Ubuntu verzichten auf Intels X11-Treiber

  9. Elementary OS Loki im Test

    Hübsch und einfach kann auch kompliziert sein

  10. Mobilfunkausrüster

    Ericsson feuert seinen Konzernchef



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Festplatten mit Flash-Cache: Das Konzept der SSHD ist gescheitert
Festplatten mit Flash-Cache
Das Konzept der SSHD ist gescheitert
  1. Ironwolf, Skyhawk und Barracuda Drei neue 10-TByte-Modelle von Seagate
  2. 3PAR-Systeme HPE kündigt 7,68- und 15,36-TByte-SSDs an
  3. Dells XPS 13 mit Ubuntu im Test Endlich ein Top-Notebook mit Linux!

Nuki Smart Lock im Test: Ausgesperrt statt aufgesperrt
Nuki Smart Lock im Test
Ausgesperrt statt aufgesperrt

Xiaomi Mi Band 2 im Hands on: Fitness-Preisbrecher mit Hack-App
Xiaomi Mi Band 2 im Hands on
Fitness-Preisbrecher mit Hack-App
  1. Xiaomi Hugo Barra verkündet Premium-Smartphone
  2. Redmi 3S Xiaomis neues Smartphone kostet umgerechnet 95 Euro
  3. Mi Band 2 Xiaomis neues Fitness-Armband mit Pulsmesser kostet 20 Euro

  1. Re: Schon wieder das Märchen von den IT-Gehältern

    phex | 03:34

  2. LBRY's Blockchain-Based Netflix-Killer Is Now in Beta

    tobsn | 03:23

  3. Moorhuhn, Pornos, Masturbation, Vergewaltiger

    Braineh | 03:07

  4. Re: Wenn man es drauf hat -> Go Freelance

    Trockenobst | 03:05

  5. Re: Ein Fingerabdruck ist KEIN Passwort

    Yeeeeeeeeha | 02:32


  1. 22:45

  2. 18:35

  3. 17:31

  4. 17:19

  5. 15:58

  6. 15:15

  7. 14:56

  8. 12:32


  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