[TYPO3-UG Muenster] Zen Coding

[S.Korth]

Tach auch,

jeder der viel HTML oder CSS schreibt sollte sich eventuell mal mit 
Zen-Coding beschäftigen. Einige kenne es bestimmt schon. Musste gerade 
feststellen das mein Editor das auch schon "Out of the Box" anbietet.

Zen-Coding ist ein Plugin für verschiedenste Editoren. Man möchte 
beispielsweise folgenden HTML Schnipsel schreiben:

<ul class="meineListe">
	<li class="punkt1"></li>
	<li class="punkt2"></li>
	<li class="punkt3"></li>
	<li class="punkt4"></li>
	<li class="punkt5"></li>
</ul>


Zen-Conding ist ein Syntax der vom Editor erkannt wird und diesen nach 
html oder css wandelt. Das obere Beispiel würde so aussehen:


"ul.meineListe>li.punkt$*5"


Erklärung:

Baue mir eine ul (Liste) mit der Klasse "meineListe". Diese soll 5 
listenelemente enthalten (mit der Klasse "punkt"). Nummeriere diese 
durch ($).



Zen-Coding in Aktion:

http://www.youtube.com/watch?v=OfoU_7YVqEI