ZenCoding mit Aptana Studio 2.0

Kundenvorgaben aus Textdokumenten in Webseiten umzusetzen, ist meist ein zeitraubender Prozess. Erweitert man die Entwicklungsumgebung Aptana Studio um das PlugIn ZenCoding, dann verkürzt sich die Zeit für das Einfügen des HTML-Gerüsts mit Hilfe einprägsamer Kurzschreibweisen und definierbarer Tastenkombinationen auf ein Drittel oder weniger. Daher soll hier beides kurz vorstellt werden.

Aptana Studio ist im OpenSource-Bereich schon länger als alternative integrierte Entwicklungsumgebung (IDE) für Programmierer auf Basis der beliebten Plattform Eclipse bekannt. Im Gegensatz zu Eclipse ist die Software für Web Development ausgelegt und daher spezialisiert auf HTML, CSS und JavaScript. Eine übersichtliche Oberfläche und einige Beispiel- und Lernvideos erleichtern die Einarbeitung in das Programm.

Features wie Projektverwaltungen, integrierter FTP-Client, zeichengenauer Dateivergleich sowie die Option, verschiedene Projektmanagementsysteme mit einzubinden, machen Aptana Studio 2.0 zu einem handlichen Allrounder. Durch viele weitere Plugins aus allen Bereichen - erstellt und verwaltet von der OpenSource-Community - ist es zudem beliebig erweiterbar.

Eine dieser Erweiterungsmöglichkeiten stellt ZenCoding dar.

ZenCoding verwendet eine spezielle Kurzschreibweise für HTML- und CSS-Code, die an die klassische Schreibweise von CSS angelehnt ist. Durch Auslösen der ZenCoding-Scripte per vordefiniterter Tastenkombination wird die Schreibweise ersetzt durch HTML-Snippets. Dabei können sogar spezielle Zählungen stattfinden, die
automatisch IDs generieren für eine undefinierte Anzahl vorhandener Elemente. Die Anzahl wird einzig festgelegt durch eine Markierung des Textes mit dem Cursor.

Bei markierten Texten, die per ZenCoding gezählt und mit passendem HTML-Tag versehen werden sollen, erkennen die Scripte automatisch neue Zeilen und packen damit auf Wunsch jede neue Zeile in ein eigenes Listenelement, einen eigenen Paragraph, eine eigene Div oder ein beliebiges Element nach Wahl.

Damit ermöglicht ZenCoding, zeitsparend Kundenvorgaben aus Textdokumenten in HTML zu verpacken und sauber eingerückt als Webseite online zu stellen.

Für Interessenten:

  • Beispielvideo, welches die Funktionen übersichtlich und kurz darstellt
  • Video zum Einbinden der ZenCoding-Scripte