Programmieren nach Feng-Shui

Ich bin in einem englisch-sprachigen Blog auf einen interessanten Artikel gestoßen, der beschreibt wie man mittels einfacher Kommandos abstrakte Strukturen schnell und einfach in einen Editor eingeben kann. Ein bisschen gelogen habe ich derweil auch, denn eigentlich reden wir hier von Zen-Coding, und nicht von Feng-Shui. Ich stelle es mir nur nett vor das in meiner IDE gute Energien strömen, aber da ich eigentlich weder von dem einen noch von dem anderen Ahnung habe lassen wir das jetzt lieber.

Zen-Coding ist derweil ziemlich genial und sogar für Aptana erhältlich. Zusätzlich auch für Textmate, Coda, Netbeans und Espresso. Das kleine Addon vereinfacht die Eingabe von CSS und HTML! Dabei ist die Idee ebenso genial wie einfach: Man gibt eine Vereinfachung von dem an, was man eigentlich haben möchte, drückt CTRL-E und Zen-Coding macht aus der Abstraktion wohlgeformtes HTML. Beispiel gefällig? Folgende Zeile:

div#name.one.two

Mutiert nach dem drücken von CTRL-E zu:

;

Gut, das ist jetzt nicht so schwer das auch mal eben mit der Hand zu tippen, aber schaut euch einmal das folgende Beispiel an:

select>option#item-$*3

Resultiert in:


Und das Tolle ist, jeder versteht es sofort! *3 heißt logischerweise 3 Elemente. #item-$ ist die Id mit einer laufenden Nummer und der Rest ist wohl klar!

Wenn man sich einmal dran gewöhnt hat, wundert man sich, wie man ohne leben konnte! Das kleine Plugin ist das beste Tool, was ich dieses Jahr bisher aufgestöbert hat, es ist sogar noch besser als das Firefox-Plugin It’s all Text – und selbst bei dem weiß ich inzwischen nicht mehr, wie ich zuvor ohne leben konnte! :)

Ähnliche Beiträge

E Text Editor – TextMate für Windows Nett ausgedrückt kann man sagen, Windows hat ein Notepad-Problem. Nach wie vor ist der Stand der Dinge der, das Syntax-Highlighting (oder gar andere f...
Dummy HTML Snippets für Entwickler Mal was schnelles für zwischendurch: In letzter Zeit ist irgendwie ein regelrechter Hype um das gute alte Lorem Ipsum entstanden. Es gibt den Standard...
Neue CSS3 Snippets für die heimische Werkbank Ich habe ja letztens erst über PHP Snippets berichtet und Methoden zu deren Verwaltung. Zumindest bei letzterem bin ich seitdem weder schlauer geworde...
Grundlegende Plugins für Sublime Text 2 Ich hatte ja schon vor einiger Zeit berichtet das ich eigentlich auf dem Mac nur noch mit Sublime Text 2 arbeite. Bei dem Artikel wurde allerdings auc...

6 Kommentare

  • Textfelder in Firefox mit externem Editor bearbeiten » its all text, Formulare, extern, Editor, bearbeiten, Technik, Software, Wordpress, Linux, Windows » Webdomination sagt:

    […] ist leider nicht immer selbstverständlich. Zufällig bin ich bei Guido heute auf einen interessanten Artikel gestoßen, in welchem eigentlich nur nebenbei die Firefox Erweiterung “It´s all Text!” […]

  • […] bitte den schrägen Titel des Beitrags. Ich las einen Blog Artikel mit dem Titel “Programmieren nach Feng-Shui” über ein tolles Eclipse Plugin Namens […]

  • Klasse Sache das!
    Das wird ein großer Zeitsparer (bzw. Tippsparer lol) sein und sicher ab jetzt für mich ein Muss. :)

    Und was it’sAllText angeht – ich weiß auch nicht, wie ich ohne dieses Plugin jemals gelebt habe *lol*. Das ist eines der Dinge, die mich schön brav bei Firefox hält.

    So toll Chrome und Co. auch sein mögen – das ist etwas, das ich noch nirgends sonst gesehen habe. Und ich will auch nicht mehr ohne.

    Und ich habe durch Zen-Coding jetzt endlich den Entschluss gefasst, ein IDE zu verwenden, statt Notepad++ für meine Projekte.

  • Kannte ich bisher nocht nicht. Danke für den Tipp!
    It’s all Text sagt mir zwar was, habe ich mir bisher aber irgendwie nie näher angeguckt – wird wohl mal Zeit ;)

Schreibe einen Kommentar