Adobe Brackets geht neue Wege in der Welt der Quellcodeeditoren für das Web. Mit Funktionalitäten wie Live Preview und Quick Edit ist es möglich, CSS direkt in der HTML-Datei zu bearbeiten, ohne ständig den Browser aktualisieren zu müssen. Diese innovativen Ansätze haben das Potenzial, den Arbeitsalltag von Webworkern erheblich zu erleichtern.
Ein Webeditor für das Web
Brackets unterscheidet sich von herkömmlichen Editoren dadurch, dass es speziell für das Web entwickelt wurde. Es löst spezifische Probleme der Webentwicklung und zielt darauf ab, das Leben von Webworkern einfacher zu machen. Brackets selbst ist vollständig in den Webtechnologien HTML, CSS und Javascript geschrieben. Das macht es nicht nur plattformunabhängig, sondern ermöglicht es auch jedem, der diese Technologien beherrscht, Brackets nach seinen eigenen Vorstellungen anzupassen.
Der Startbildschirm von Adobe Brackets
Features
Live Preview
Die Live Preview-Funktion von Adobe Brackets revolutioniert die Art und Weise, wie Webworker arbeiten. Anstatt HTML und CSS im Editor zu schreiben und dann jede Änderung im Browser zu überprüfen, erfolgen CSS-Änderungen in Echtzeit (derzeit nur in Chrome). Das Markup wird automatisch aktualisiert, sodass die Änderungen direkt sichtbar sind. Seit Version 16 ist es auch möglich, diese Funktion über eine Server-URL zu nutzen. Mit dem Release von Version 17 hat Adobe zudem das Highlighting der von einer Regel betroffenen Teile im Browser eingeführt.
Quick Edit
Brackets bietet mit Quick Edit eine innovative Methode, um die richtige Stelle im CSS-Code zu finden. Anstatt verschiedene Dateien durchsuchen zu müssen, werden mit Quick Edit direkt die entsprechenden CSS-Definitionen angezeigt und können sofort bearbeitet werden. Wenn ein Tag oder eine Klasse in mehreren Dateien definiert ist, werden alle relevanten Stellen angezeigt und die passende Datei für die Änderung kann ausgewählt werden.
Per Quick Edit lässt sich CSS direkt in der HTML-Datei bearbeiten
Komfortfeatures
Trotz seiner frühen Entwicklungsphase bietet Brackets bereits zahlreiche Komfortfeatures, die in einem modernen Editor nicht fehlen dürfen:
- Syntax Highlighting
- Code Completion (inklusive kontextsensitiver Vorschläge für Attributwerte)
- Direkte Anzeige von Markup-Fehlern (nicht geschlossene Tags, falsche Verschachtelung)
- Automatisches Code-Linting von Javascript mit Hilfe von JSLint
Darüber hinaus wurden bereits viele Erweiterungen rund um Brackets entwickelt, mit denen jeder Webworker den Editor weiter anpassen kann. Eine Liste dieser Erweiterungen findet sich im Github-Repository von Brackets.
Open Source
Brackets ist unter einer modifizierten MIT-Lizenz veröffentlicht und der Quellcode steht auf Github zum Download bereit. Jeder ist eingeladen, zur Weiterentwicklung beizutragen. Pull-Requests werden täglich bearbeitet und externe Beiträge haben Priorität.
Fazit
Brackets befindet sich derzeit noch in einer Vorschauversion, bietet jedoch bereits vielversprechende Ansätze, um die Arbeit von Webworkern effizienter und einfacher zu gestalten. Die Funktionen Live Preview und Quick Edit sind besonders hilfreich im täglichen Arbeitsablauf und können zu unverzichtbaren Werkzeugen werden. Lediglich ein zweiter Monitor ist für die Nutzung der Live Preview-Funktion empfehlenswert.
Dieser Text wurde selbstverständlich mit Brackets verfasst.
