Brackets: Editor für HTML5 CSS im Browser von Adobe

Adobe hat momentan eine ganze Menge interessanter Tools im Beta-Status, die sie zum Testen oder sogar als Open Source anbieten. Eines davon ist Adobe Brackets.

Brackets ist ein Editor für HTML, CSS und Javascript. So weit, so gewöhnlich, ABER:

Brackets kann sowohl in einer eigenen Anwendung als auch zukünftig vollständig im Browser laufen und das wiederum ist ziemlich praktisch. Dabei kann das Tool so nützliche Dinge,wie im offenen Browser der Wahl eine Live-Vorschau des veränderten Codes in Echtzeit zeigen und Quick Edit.

Adobe Brackets – brackets.io

Quick Edit ermöglicht Veränderungen der direkt im Projekt verknüpften Dateien innerhalb des gerade offenen Dokuments. Klingt kompliziert? Ist es gar nicht:

Mal angemommen, man editiert gerade im HTML Code einer Seite herum und bearbeitet ein Element, zu dem auch CSS-Code gehört. Mit STRG+E ruft man nun einfach INNERHALB der HTML-Datei den dazugehörigen Code aus der CSS-Datei auf, kann ihn verändern, in der Live-Browser-Vorschau kontrollieren und dann die Veränderung in der CSS-Datei speichern, ohne sie direkt zu öffnen und im CSS-Code die gerade benötigte Klasse zu suchen. Das Ganze funktioniert auch mit Javascript Dateien innerhalb eines Projekts.

Der Funktionsumfang von Adobe Brackets ist durch Plugins erweiterbar. Daher bittet Adobe auch um Mithilfe durch Programmierer, nicht nur mit dem Tool zu arbeiten, sondern Bracket aktiv an die eigenen Bedürfnisse anzupassen und die Veränderungen mit anderen Nutzern zu teilen. So ist zum Beispiel bereits eine Erweiterung erhältlich, um PhoneGap Projekte aus Brackets zu verwalten. Ein Framework zur Entwicklung von iOS und Android Apps, mit dem wir bei Comspace auch bereits gute Erfahrungen gemacht haben.

In diesem 8 minütigen Ausschnitt einer Keynote zu Adobe EDGE erklären die Adobers Danny Winokur und Paul, was Brackets kann und wie es funktioniert:

Eine ausführlichere Beschreibung finden Sie bei golem.de

Hier geht es zur Seite von Adobe Brackets
Hier direkt zum Download der aktuellen Version auf Github

comspace auf dem MWC 2012 in Barcelona

Wie an dieser Stelle schon berichtet wurde, sind wir mit zwei Entwicklern auf dem Mobile World Congress in Barcelona vertreten, um zusammen mit unseren Partnern von Jibe Mobile unsere Implementierung ihres Echtzeitkommunikations-SDK für das PhoneGap-Framework vorzustellen.

Das Erlebnis MWC in Worte zu fassen ist nicht einfach, um Worte wie „riesengroß“ und „prunkvoll“ kommt man keinesfalls herum – es wurde schlicht ein wie ein ganzer Stadteil wirkendes, wunderschönes Areal an der Plaça d‘ Espanya abgesperrt und als Messegelände genutzt.

Am Stand A50 in Halle 1 stehen wir bereit, um allen interessierten Besuchern von der Arbeit mit dem SDK und unseren PhoneGap-Plugins zu berichten, mit dessen Hilfe sich unter anderem RCS-e beziehungsweise Joyn-konforme Echtzeitdienste aus HTML5- und JavaScript Apps ansprechen lassen. Die entsprechende Demo-Applikation für VoIP und Dateitransfers haben wir natürlich auch im Gepäck und führen Sie gern vor.

Besonders hervorzuheben ist ein sehr aufschlussreiches Gespräch mit PhoneGap CTO Dave Johnson an dem Adobe Stand um die Ecke, in der wir ein paar gute Ideen zur Integration weiterer Funktionen des Jibe SDK und eine kurze experimentelle Demo bekamen. Bei einem späteren Zusammentreffen mit einem seiner Kollegen hieß es, als Reaktion darauf, wie hilfsbereit er sei lapidar: „Das muss so, er ist schließlich Kanadier.“

Zwischen vielen interessanten technischen Gesprächen findet man glücklicherweise oft genug Zeit, sich (natürlich ausschließlich zu Demonstrationszwecken!) mit den anderen auf dem Jibe-Stand ausgestellten Echtzeit-Apps wie Multiplayer-Airhockey auseinanderzusetzen, zum Gewinn des täglichen Turniers hat es allerdings bisher nicht gereicht.

Wer sich schon einmal mit dem SDK auseinander setzen möchte, kann dies seit Anfang der Woche auf der Vodafone Entwicklungsplattform herunterladen. Es steht derzeit für Android und iOS zur Verfügung – die Developer Sandbox ist übrigens bei Comspace gehostet.