Joram Höfs - Blog, Pizza und mehr

Editoren unter Mac OS X gibt es wie Sand am Meer: BBEdit, TextWrangler, SubEthaEdit, skEdit, Coda, Espresso, Textmate und zig andere. Daneben IDEs wie Aptana, PHPEclipse und was der Markt nicht noch so anbietet. Aber am Ende des Tages bleibt nur einer: TextMate.

Ja er hat

• keinen (S)FTP Support,
• keinen CSS-Edit Klon,
• und keine super tolle Live-Preview.

Aber wer braucht das schon? Wofür (S)FTP wenn man am Subversion hängt, wofür ein grafisches CSS-Design Tool wenn man CSS denkt und was will man mit einer integrierten Live-Preview wenn man auf Firebug, WebInspector und die IEDeveloperBar steht? Ergibt es nicht mehr Sinn eine Seite mit den Browsern zu betrachten und zu testen in denen sie später gerendert wird?

Natürlich kann man auch mit den anderen Editoren vernünftig arbeiten (sofern man die so genannten „Vorteile” außer Acht lässt), aber sie haben einen erheblichen Mangel: Sie haben keine Bundles. Diese netten kleinen Pakete die einem (fast) alle Wünsche erfüllen (können), diese Anhäufungen von Script und Code die TextMate so mächtig machen.

Smarty, Markdown, Ruby, Java, Python, CSS, SQL, SVN, Latex, PHP, Textile, CSSDoc, Javascript, jQuery und noch extrem viel mehr. Nichts für das es kein Bundle gibt und sollte doch mal wirklich ein Thema nicht besetzt sein kann man direkt anfangen und sich selbst die Lösung schreiben.

Das ist es was ich von einem mächtigen Editor erwarte: Flexibilität.

Ein solches Bundle bzw. Bundleset ist Zen-Coding, ein neuer Ansatz um Markup und CSS zu schreiben. Vor gut 2 Monaten mal irgendwo entdeckt und seit dem hat es im täglichen Einsatz die beiden HTML und CSS Bundles von minimaldesign.net bei mir (zum Großteil) ersetzt.

Mit Zen-Coding spart man sich das Schreiben des Markups - man schreibt „nur” einen CSS-Selektor der dann evaluiert und in Markup transformiert wird.

So wird aus dem Selektor:

div#wrap>h1+div>h2+p+div.meta>p+ul.nav>li*3>a

Folgendes Markup generiert:

<div id="wrap">
	<h1></h1>
	<div>
		<h2></h2>
		<p></p>
		<div class="meta">
			<p></p>
			<ul class="nav">
				<li><a href=""></a></li>
				<li><a href=""></a></li>
				<li><a href=""></a></li>
			</ul>
		</div>
	</div>
</div>

Einfach, praktisch und tierisch schnell - Zen Coding ist selbstverständlich nicht nur für TextMate erhältlich und integriert sich eben so gut in Coda oder Aptana - aber da müsste ich ja auf alle anderen Bundles verzichten.

TextMate rockt.