[TYPO3-UG Muenster] Zen Coding

angela simonte angela.simonte at t-online.de
Thu Jul 29 14:01:03 CEST 2010


Hallo Sascha,

danke für den Tipp. Welchen editor benutzt du gerade?
Grüße
angela

-----Ursprüngliche Nachricht-----
Von: typo3-ug-muenster-bounces at lists.typo3.org
[mailto:typo3-ug-muenster-bounces at lists.typo3.org] Im Auftrag von S.Korth
Gesendet: Donnerstag, 29. Juli 2010 11:31
An: typo3-ug-muenster at lists.typo3.org
Betreff: [TYPO3-UG Muenster] Zen Coding

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
_______________________________________________
TYPO3-UG-Muenster mailing list
TYPO3-UG-Muenster at lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-muenster



More information about the TYPO3-UG-Muenster mailing list