Joram Höfs - Blog, Pizza und mehr

Artikel mit Tag entwicklung:

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!


Montag, 23. Februar 2009

Neues Spielzeug und Macnotes Relaunch

Ein Top Tag heute, neues Spiezeug, Macnotes Relaunch und Pizza.

Megatop: PS1 mit Gran Turismo 2 und N64 mit Super Mario 64

PS1 Gran Turismo 2 Super Mario 64 N64

Mein neues Spielzeug ist da. Eine originale PS1 und ein N64, zwar noch ohne wirklich große Auswahl an Titeln, aber wer kann bei Gran Turismo 2 und Super Mario 64 schon Nein! sagen? Jetzt muss ich nur noch auf die Titeljagd gehen. Wer Titel oder Hardware/Konsole/etc. hat und die vielleicht nicht mehr haben möchte darf sich gerne melden.

Macnotes relaunch

Macnotes.de ist endlich auf ein WP 2.7.1 umgezogen und muss nicht mehr unter dem 2.3 leiden – über WP lass ich mich mal an dieser Stelle ausnahmsweise gar nicht aus. Noch ist vielleicht nicht alle zu 100% rund aber es ist relauched. Endlich nen gescheites Forum, nen WP mit Plugins die sich updaten lassen. Wurde aber auch wirklich Zeit.

Nachtrag:
Dieser Beitrag hat extrem viele Stichworte – gute Nacht.


Bookmark Neues Spielzeug und Macnotes Relaunch  at del.icio.us Digg Neues Spielzeug und Macnotes Relaunch Technorati Neues Spielzeug und Macnotes Relaunch wong it!


Montag, 27. Oktober 2008

How Many HTML Elements Can You Name in 5 Minutes?

Tags für diesen Artikel: , , ,

In Zeiten von Autovervollständigung, Frameworks und Co wer kennt das Markup noch wie seine Westentasche? Dieses HTML-Quizz findet es heraus. 91 HTML 4 Elemente in 5 Minuten – wer nimmt sich dieser Herausforderung an?

Und die folgenden habe ich vergessen:

  • OPTION

Und mit diesen hatte ich noch nie etwas zu tun – morgen mal nachschlagen wofür die Teile überhaupt gut sind:

  • BDO
  • DEL
  • DIR
  • INS
  • ISINDEX
  • KBD
  • SAMP

Alles in allem ein Ergebnis mit dem ich zufrieden sein kann, auch wenn es mich wurmt das ich Option vergessen habe.


Bookmark How Many HTML Elements Can You Name in 5 Minutes?  at del.icio.us Digg How Many HTML Elements Can You Name in 5 Minutes? Technorati How Many HTML Elements Can You Name in 5 Minutes? wong it!


Sonntag, 7. September 2008

Die 5 wichtigsten TextMate-Plugins

Tags für diesen Artikel: , ,

TextMate ist von Haus aus ein sehr mächtiger (wenn nicht der mächtigste) Texteditor, aber leider gibt es ein paar Features die er nicht mitbringt oder ungenügend bis unpraktisch umsetzt.

Im folgendem werde ich auf die TextMate-Plugins MissingDrawer, TMCodeBrowser, TMLabels, ProjectTree und SVNMate eingehen und darlegen warum man diese nicht mehr missen mag. Die entsprechenden Links finden sich am Ende des Beitrags.

MissingDrawer

Die Projektleiste die TextMate mitbringt ist zwar nicht schlecht hat aber einen für mich schwerwiegenden Nachteil: Wenn man das Fenster maximiert ist die ausfahrbare Leiste nur noch unpraktisch und sieht zudem unschön aus.

TextMAte Screenshot

Quelle: Wikipedia – Haldir 24.7.2007

Zur Lösung dieses „Problems” gibt es das MissingDrawer-Plugin welches die Projektleiste X-Code ähnlich in das Fenster einbindet:

Das sieht doch schon besser aus, aber leider hat die Projektleiste noch einige andere Probleme die es zu lösen gibt.

TMLabels

Wer mit umfangreichen Projekten umgeht wird früher oder später die Etiketten des Finders entdecken und damit beginnen die verschiedenen Dateien farbig zu kennzeichnen:

Diese Etiketten lassen sich wunderbar dafür einsetzen um die Dateien und Ordner zu gruppieren oder mit einem Status zu versehen. Leider wird diese Metainformation nicht von TextMate dargestellt – zumindestens nicht ohne ein weiteres Plugin. Um die Etiketten in der Projektleiste nutzen zu können gibt es das Plugin TMLabels:

TMLabels zeigt nicht nur die Etikettenfarbe an sondern erlaubt es auch das Etikett zu ändern. Eine sehr praktische Funktion die ich nicht mehr missen möchte.

Wo ich gerade von umfangreichen Projekten schreibe kommen wir gleich zum nächsten Plugin welches uns wertvolle Zeit und Nerven im täglichen Umgang mit TextMate sparen wird.

ProjectTree

Wenn Projekte eine gewisse Größe und Komplexität erreicht haben schlägt sich dies viel zu oft auch in einer tiefen und komplexen Datei- und Ordnerhierarchie wieder. Leider merkt sich TextMate von Haus aus nicht welche Ordner in der Projektleiste geöffnet waren und so muss man sich jedes mal (wenn man das Projekt neu öffnet) wieder und wieder durch ein dutzend verschiedene Ordner klicken bis man dort angelangt ist wo man hin möchte.

ProjectTree löst dieses Problem indem es den Zustand der Projektleiste mit in der Projektdatei speichert und beim öffnen dieser auch wiederherstellt.

Nun kommen wir zum vorletzten der Plugins und wie könnte es anders sein erweitert auch dies die Projektleiste von TextMate:

SVNMate

Wenn man an komplexen Projekten arbeitet wird man in der Regel auf ein Versionskontrollsystem wie z.B: Subversion setzen um die Projektedaten zu versionieren und mit anderen Entwicklern zu teilen.

In einem solchen System können die Dateien verschiedene Zustände haben z.B. geändert, aktuell, etc.. Um sich diese Zustände innerhalb der Projektleiste anzeigen zu lassen gibt es SVNMate.

Zugegebener Maßen ist SVNMate eher ein Gadget aber man behält den Überblick über seine Änderung und wird daran erinnert mal wieder ein Commit zu machen.

Kommen wir nun zum letzen Plugin in dieser Runde – aber eine Warnung zuvor: Diesmal geht es nicht um die Projektleiste!

TMCodeBrowser

TextMate verfügt zwar über eine „Funktionsliste” mit der man die Methoden innerhalb einer Datei direkt anspringen kann – diese hat aber leider zwei Nachteile:

  1. Befindet sie sich unten in der Statusleiste und ist somit schwer erreichbar.
  2. Listet sie nur die Methodennamen aber weder Klassen noch Variablen auf

Dieses Problem löst das Plugin TMCodeBrowser welches ein Fenster mit einer durchsuchbaren Liste an Klassen-, Variablen- und Methodennamen darstellt.

Mittels der Tastenkombination „Strg + Apfel + B” wird das Fenster aufgerufen, man tippt seinen Funktionsnamen ein oder klickt sich durch die Liste, bestätigt, das Fenster verschwindet wieder und man ist in der richtigen Zeile.

Mit dem TMCodeBrowser kann man also sehr schnell durch seine Datei navigieren ohne jetzt jeden Funktionsnamen 100% parat zu haben – sehr praktisch!

Download Links


Bookmark Die 5 wichtigsten TextMate-Plugins  at del.icio.us Digg Die 5 wichtigsten TextMate-Plugins Technorati Die 5 wichtigsten TextMate-Plugins wong it!


Montag, 16. Juni 2008

Internationalisierung 3.5

Tags für diesen Artikel: , , ,

Kurze Anmerkung zum Eintrag „Internationalisierung”:

Die dritte Methode (Sprachdateien und Sprachtemplates) lässt sich natürlich auch sehr angenehm durch symbolische Links realisieren. Anstatt die Templates für jede Sprache zu kopieren kann man auch einfach symbolische Links setzen und erst bei der sprachspezifischen Änderung der vohrer verlinkte Template durch eine echte Kopie ersetzen.

Die Vorteile liegen dabei klar auf der Hand: Änderungen werden nur an einer Stelle (nämlich im Master) durchgeführt und sind durch die Links in allen anderen „virtuellen”-Sprachtemplate-Ordnern verfügbar. Nur dort wo es spezifische Änderungen gbit muss man manuell ran. Das lästige Kopieren aller Dateien bleibt einem erspart und reduziert so die möglichen Fehlerquellen. Außerdem kann man nicht ausversehen eine sprachspezifische Templatedatei durch eine Kopie ersetzen da ja nicht mehr kopiert wrid.


Bookmark Internationalisierung 3.5  at del.icio.us Digg Internationalisierung 3.5 Technorati Internationalisierung 3.5 wong it!


Sonntag, 15. Juni 2008

Die Wahl zwischen Pest und Cholera

Tags für diesen Artikel: , ,

Es ist ja nicht so, dass das Web einem wenige Projekt/Entwicklungs/Ticket-verwaltungs/planungs/etc. Tools bietet, aber wenn ich mir die diversen Tools und Ticketsysteme oder die Groupwarelösungen ansehen komme ich immer wieder zu dem Punkt das da nichts richtig passt. Entweder sind die Teile überbordend mit mehr oder weniger sinnvollen Funktionen vollgepackt das man einfach die Übersicht verliert oder die Teile haben nichts drauf.

Ich zumindestens möchte mich meinen Projektem widmen und nicht nicht der Verwaltung dieser oder zuerst 90% der Features abschalten um dann noch tonneweise Erweiterungne installieren zu müssen um einen Stand zu erreichen der immer noch unbefriedigend ist.

Es ist also kein Wunder, dass es unendliche viele verschiedene Tools gibt denn genau viele verschiedenen Erwartungen und Workflows gibt es wohl. Wenn man sich nicht zwischen Pest und Cholera (oder von beidem ein bisschen) entscheiden möchte, muss man sich selbst ein entsprechendes Tool schreiben.

Da ich mittlerweile wirklich die Faxen dicke hab werde ich genau das nun in Angriff nehmen, das Tool Nummer unendlich+1 das dann endlichen meinen Anforderungen (schnelle Entwicklung in kleinem Team) und Erwartungen (einfach zu nutzen, übersichtlich, die Entwicklung unterstützend) entspricht.


Bookmark Die Wahl zwischen Pest und Cholera  at del.icio.us Digg Die Wahl zwischen Pest und Cholera Technorati Die Wahl zwischen Pest und Cholera wong it!


Samstag, 14. Juni 2008

Internationalisierung

Tags für diesen Artikel: , , ,

Man stelle sich einmal vor man habe ein recht umfangreiches Webprojekt welches neben seines Umfangs und einigem Chaos in den Templates auch noch mehrsprachig ist. Nun mag man meinen, dass die Mehrsprachigkeit ja kein Problem darstellen sollte da es ja für so etwas Sprachvariablen gibt – von wegen oder auch „denkste”!

Im folgendem werde ich einmal die verschiedenen Möglichkeiten der Internationalisierung von Webseiten betrachten und auf ihre Vor- und Nachteile eingesehen. Wie immer gillt es zu beachten das es sich dabei nur um meine Sicht der Dinge handelt und ich vieles einfach unterschlage oder vergesse zu erwähnen.


Bookmark Internationalisierung  at del.icio.us Digg Internationalisierung Technorati Internationalisierung wong it!