Joram Höfs - Blog, Pizza und mehr

Artikel mit Tag css:

Mittwoch, 9. Dezember 2009

Internet Explorer 6.0 VS. Entwickler

Tags für diesen Artikel: , , , , ,
IE: Willst du hören wie ich 3 Entwickler zugleich besiegte?
E:  Willst du mich mit deinem Geschwafel ermüden?
IE: Jeder hier kennt dich doch als unerfahrenen Coder.
E:  Zu Schade, dass dich überhaupt niemand kennt.
IE: Du bist kein echter Gegner für mein geschultes Hirn!
E:  Vielleicht solltest du es endlich mal benutzen?
IE: Ich kenne einige Affen, die haben noch mehr drauf als du.
E:  Aha, du warst also beim letzten Familientreffen.
IE: Überall im Internet kennt man mein Icon.
E:  Zu Schade, dass die Lösungen deiner Bugs überhaupt niemand kennt.
IE: Nur ich habe das Geschick eines echten Meisters.
E:  Vielleicht solltest du es endlich mal benutzen?
IE: Kluge Gegner rennen weg, bevor sie mich sehen.
E:  Auch bevor sie deinen Render-Engine kennen?
IE: Alles was du sagst, ist dumm.
E:  Ich wollte, dass du dich wie zuhause fühlst.
IE: Jetzt gibt es keine Selektoren mehr, die dir helfen.
E:  Doch, doch, du hast sie nur nie gelernt.

Bookmark Internet Explorer 6.0 VS. Entwickler  at del.icio.us Digg Internet Explorer 6.0 VS. Entwickler Technorati Internet Explorer 6.0 VS. Entwickler wong it!


Mittwoch, 25. November 2009

TextMate und Zen-Coding

Tags für diesen Artikel: , , , , , ,

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.


Bookmark TextMate und Zen-Coding  at del.icio.us Digg TextMate und Zen-Coding Technorati TextMate und Zen-Coding wong it!