Brackets

In der modernen Webentwicklung gilt es unter anderem, Design und Implementierung zu vereinheitlichen und zu verbinden. Brackets ist ein von Adobe entwickelter Code-Editor für HTML, CSS und JavaScript, der versucht, diesen Weg einzuschlagen. Diese App bietet verschiedene Tools, um den Prozess der Web-Erstellung zu beschleunigen und die Konvertierung vom Grafikeditor auf die Interpretation in der verwendeten Sprache zu verbessern.

Diese Open-Source-Anwendung hat eine übersichtliche Oberfläche. Sie kann automatisch Code erkennen, sodass du beim Schreiben, Einrücken und Färben die Segmente einfach identifizieren kannst. Du kannst alle Elemente deines Projekts in einem Kategoriebaum organisieren, in den Code und Grafiken integriert sind.

Eine der interessantesten Funktionen ist der dynamische Vorschaumodus, in dem du dein Projekt in einem Browser öffnen und jede im Quellcode vorgenommene Änderung in Echtzeit sehen kannst. Die Funktionen können auch durch Zusätze von Drittanbietern erweitert werden. Einer davon, Extract for Brackets, ist bereits in der App integriert und ermöglicht es dir, die Formatierungsinformationen in eine PSD-Datei für Photoshop zu exportieren. Aber dafür benötigst du Adobe-Konto.