Klammern Das innovative Texteditor-Projekt von Adobe

Im Gegensatz zu Apple scheint Adobe seine Produktideen gerne in den Kinderschuhen zu teilen. Das ist eine gute und eine schlechte Sache. Als Benutzer macht es Spaß zu sehen, was Adobe im Ärmel hat. Zugegeben, es ist frustrierend, Zeit mit einem Projekt zu verbringen, nur um es vollständig verschwinden zu lassen, um nie voll zum Tragen zu kommen. Es gibt auch die Frustration, die mit der Verwendung eines frühen Beta-Projekts verbunden ist. Wenn Sie Benutzern die Überprüfung der kaum funktionierenden Version Ihres Produkts gestatten, wird dies möglicherweise davon abgeraten, die fertige Version jemals zu testen.

Zum Besseren oder Schlechten zeigt Adobe seine aufstrebenden Produkte häufig der Öffentlichkeit, und die neueste App in diesem Trend ist ein Texteditor namens Brackets. Adobe behauptet, dieser neue Texteditor sei innovativ, offen, fokussiert und erweiterbar. Werden Klammern diese hohen Versprechen einhalten? Lesen Sie weiter, um es herauszufinden.

Was ist Klammern?

Die Brackets-Projekthomepage bewirbt die Anwendung als "Open-Source-Code-Editor, der mit dem Web für das Web erstellt wurde." Das bedeutet, dass es tatsächlich mit HTML, CSS und JavaScript erstellt wurde, was es für jedermann sehr einfach macht, es zu erweitern und zu optimieren. Das ist großartig, weil es auch zu 100% Open Source ist.

Gute PR

Die Tatsache, dass Brackets vollständig Open Source ist, ist sehr interessant. Ich bin nicht sicher, ob Adobe jemals wirklich legitime Zeit und Mühe in eine kostenlose Open-Source-Anwendung gesteckt hat. Es ist ein ziemlich bedeutendes Ereignis und es wird wirklich interessant sein zu sehen, wohin es führt.

Letztendlich finde ich es wirklich ein großartiger Schritt von Adobe, sich an solchen Projekten zu beteiligen. Es ist eine unbestreitbare Wahrheit, dass ihr Ruf bei Web-Entwicklern in letzter Zeit ziemlich rau war. Ich habe selbst ganze Artikel darüber geschrieben, warum Adobe Entwickler nicht versteht.

Das gesamte Brackets-Projekt ist eine anständige Antwort auf diese Beschwerde. Wenn es etwas gibt, was Sie tun können, um die Gunst der Webdesign-Community zu gewinnen, dann springen Sie rein und geben uns etwas, woran wir alle arbeiten können und hinter uns bleiben.

Darüber hinaus ist Brackets schließlich ein reines Programmierer für Codierer, kein halbwegs gebackenes WYSIWYG, das die Codierung aus dem Webentwicklungsworkflow entfernen soll. Adobe ist besser als alle anderen auf der Welt positioniert, um einen Texteditor zu erstellen, der zum Industriestandard wird. Die Vorläufer in diesem Spiel stammen jedoch von allen außer Adobe: Sublime Text, Textmate, Coda, Espresso; All dies fällt einem Adobe-Produkt in den Sinn.

Git Ihren Code ein

Da Brackets ein Open-Source-Projekt ist, ist es sinnvoll, dass es derzeit auf Git Hub gehostet wird. Das bedeutet, dass jeder, der CSS, HTML und JavaScript hat, sich abspalten und zum Projekt beitragen kann. Tatsächlich setzt Adobe stark darauf, dass es sich um ein von der Community angetriebenes Projekt handelt. Wenn Sie vermuten, dass Funktionen fehlen, beheben Sie es!

Wenn Sie Brackets selbst ausprobieren möchten, rufen Sie die Downloadseite für das Projekt auf und holen Sie sich eine ZIP-Datei. Denken Sie daran, dass das, was Sie finden werden, etwas unkonventionell ist, da sich die App sehr in einem frühen Entwicklungszustand befindet, der keinesfalls für die allgemeine öffentliche Nutzung gedacht ist.

Wenn Sie die ZIP-Datei herunterladen, öffnen Sie sie und Sie finden alle Arten von Dateien. Die App selbst ist im? Bin? Enthalten. Ordner, also was ist das alles andere?

Die übrigen Dateien, die Sie sehen, enthalten tatsächlich die vollständige Quelle der App. Da es in HTML, CSS und JavaScript geschrieben ist, handelt es sich nicht um eine native Anwendung, sondern um eine native Shell, die auf lokale Dateien zugreifen kann.

Da Sie Zugriff auf alle Quelldateien haben, können Sie sofort damit anfangen, sie zu öffnen und Änderungen vorzunehmen. Ziemlich ordentlich!

Klammern verwenden

Wenn Sie Brackets öffnen, werden Sie sofort feststellen, dass Adobe eine drastische Abweichung von seiner typischen Bedienoberfläche mit Symbolen, Symbolleisten, Menüoptionen und Ähnlichem versucht. Sie wissen zwar, dass diese Dinge nur dazu dienen, der Webentwicklung im Wege zu stehen, und entscheiden sich stattdessen für die einfache, zweispaltige Schnittstelle, die unten gezeigt wird.

Wie Sie sehen, ist es ein scharf aussehender Editor, der sich stark an dem berühmten Loren Brichter-UI-Muster orientiert, das so berühmt geworden ist (dunkle Seitenleiste, helle Schnittstelle). Derzeit sind die Menüoptionen im App-Fenster eingebettet. Dies ist jedoch nur ein vorübergehendes Problem, das langfristig behoben wird.

Die Syntax-Hervorhebung ist offensichtlich einsatzbereit, der Dateibrowser auf der linken Seite sieht nett aus? aber was ist an dieser Sache so innovativ?

Schnelle Bearbeitung

Adobe sagt, dass sie jede Menge Ideen haben, um Brackets zu einem wirklich innovativen Texteditor zu machen. Da dieser Markt seit einigen Jahren (mit Ausnahme von Sublime Text 2) an echter Innovation knapp ist, kann ich mich darüber freuen.

Leider ist das Projekt neu genug, dass in diesem Bereich derzeit nicht zu viel gezeigt wird. Es gibt jedoch mindestens zwei Features, die es wert sind, besprochen zu werden, von denen die erste als Quick Edit bezeichnet wird.

Angenommen, Sie durchsuchen Ihren HTML-Code und möchten eine schnelle Änderung an Ihrem CSS vornehmen. In jedem anderen Texteditor müssen Sie zur CSS-Datei springen. In Klammern können Sie jedoch den Cursor in die Klasse einfügen und Befehlstaste-E drücken, um die Schnellbearbeitungsfunktion zu öffnen.

Wie Sie sehen, werden Ihre HTML-Splits geöffnet und eine verborgene CSS-Ebene angezeigt. Auf der rechten Seite sehen Sie die CSS-Regeln, die sich auf die ausgewählte Klasse auswirken. Klicken Sie einfach auf eines, um es auszuwählen, und bearbeiten Sie den Text auf der linken Seite, um Ihre aktuelle externe .css-Datei zu aktualisieren.

Dies ist ein wirklich sehr schönes Feature, und es ist definitiv die Art einzigartiger, innovativer Gedanken, die wir alle darauf gewartet haben, dass Entwickler Web-Texteditoren zur Verfügung stellen. Hoffentlich werden wir in Kürze weitere Features wie diese sehen.

Live Vorschau

Die zweite großartige Funktion ist die Möglichkeit, Ihr HTML-Dokument mit Ihrem Browser zu verknüpfen.Durch Klicken auf den Blitz in der oberen rechten Ecke der Benutzeroberfläche öffnen Sie eine Vorschau des aktuellen Dokuments in Ihrem Browser.

Sobald Sie diese Vorschau hinter sich haben, wird sie live und sofort aktualisiert, wenn Sie das CSS der Seite ändern. Keine Aktualisierungsschaltfläche erforderlich.

Derzeit funktioniert dies nur in Chrome und mit CSS. Wenn Sie das eigentliche Markup bearbeiten, müssen Sie die Seite manuell aktualisieren. Auch dies wird wahrscheinlich langfristig nicht wahr sein.

Wie ist das?

Es ist absolut unfair, Brackets in seinem derzeitigen Zustand zu beurteilen, aber Adobe hat es öffentlich gemacht, daher halte ich die öffentliche Diskussion für angemessen.

Brackets ist in der Nähe nichts, wo Sie etwas für den täglichen Gebrauch abholen möchten. Verzögerung, Störungen, unerwartetes Verhalten; Alle Merkmale einer frühen Betaversion sind da. Abgesehen von Quick Edit gibt es als Benutzer wirklich nicht viel zu beeindrucken. Sie haben noch nicht einmal die typischen Funktionen hinzugefügt, die Sie in einem professionellen Editor erwarten würden: Split-Screen-Modus, Mehrfachauswahl usw.

Davon abgesehen ist es wichtiger als das, was sich das Projekt in seinem gegenwärtigen Zustand anfühlt. Klammern hat die Potenzial zu etwas wirklich Tollem werden, wenn es richtig gepflegt wird.

Sublime Text hat uns gezeigt, wie unglaublich einfach ein einfacher Texteditor sein kann, mit umfangreichen Anpassungsoptionen und einer umfangreichen Plugin-Architektur. Brackets greift diese Tradition auf und führt sie noch weiter. Wenn sich Adobe wirklich für die nächsten zwei Jahre ausgibt und die Entwicklung stark vorantreibt, könnte dies zu einem erstaunlichen Texteditor werden.

Leider ist der Skeptiker in mir ein starkes Biest, das meinen Optimismus oft außer Kraft setzt. Adobe liebt es, Projekte zu starten, einen Hype aufzubauen und sie dann zugunsten eines neuen Unternehmens aufzugeben, das mehr Aufmerksamkeit verspricht. Wird dies mit Klammern passieren? Niemand kann es sagen.

Fazit: Es ist völlig erfrischend, wie Adobe ein Projekt für Webentwickler aus einem Blickwinkel anspricht, der für echte Webentwickler tatsächlich sinnvoll ist.

Was denkst du?

Dies ist nicht das erste Mal, dass ich in den letzten Jahren über ein brandneues Adobe-Projekt geschrieben habe, aber ich habe vielleicht zum ersten Mal etwas Schönes gesagt. Ich bin gespannt, wohin dieses Projekt im nächsten Jahr gehen wird, und ich werde eifrig neue Versionen herunterladen, um zu sehen, wie sich Brackets entwickelt.

Ich würde gerne Ihre Gedanken zu Brackets hören. Ist dies der nächste große Texteditor für die Webentwicklung oder ein weiterer Adobe-Flop? Schätzen Sie die Open-Source-Route? Werdet ihr zu dem Projekt beitragen? Lass uns wissen!