Brackets

Beschreibung

Mit fokussierten visuellen Werkzeugen und Präprozessorunterstützung ist Brackets ein moderner Texteditor, der das Entwerfen im Browser erleichtert. Probieren Sie Creative Cloud Extract (Vorschau) für Klammern aus, um auf einfache Weise sauberes, minimales CSS direkt aus einer PSD ohne generierten Code zu erhalten.

Holen Sie sich Codehinweise von einer PSD

Mit der Erweiterung Extract for Brackets (Preview) können Sie Designinformationen aus einer PSD herausziehen, einschließlich Farben, Schriftarten, Farbverläufe und Maßinformationen, als sauberes, minimales CSS über kontextbezogene Codehinweise. Sie können auch Ebenen als Bilder extrahieren, Informationen aus der PSD verwenden, um Präprozessorvariablen zu definieren, und auf einfache Weise Abmessungen zwischen Objekten abrufen.

Inline-Editoren

Anstatt zwischen Dateiregisterkarten zu wechseln, können Sie mit Brackets ein Fenster in den Code öffnen, der Ihnen am wichtigsten ist. Möchten Sie an dem CSS arbeiten, das für eine bestimmte ID gilt? Setzen Sie Ihren Mauszeiger auf diese ID, drücken Sie Befehlstaste/Strg+E und Klammern zeigen Ihnen alle CSS-Selektoren mit dieser ID in einem Inline-Fenster, sodass Sie ohne Popups nebeneinander an Ihrem Code arbeiten können.

Live Vorschau

Holen Sie sich eine Echtzeitverbindung zu Ihrem Browser. Nehmen Sie Änderungen an CSS und HTML vor und Sie werden diese Änderungen sofort auf dem Bildschirm sehen. Sehen Sie auch, wo Ihr CSS-Selektor im Browser angewendet wird, indem Sie einfach den Cursor darauf platzieren. Es ist die Leistung eines Code-Editors mit dem Komfort von In-Browser-Entwicklungstools.

Präprozessorunterstützung

Arbeiten Sie mit Präprozessoren auf eine ganz neue Art und Weise. Wir wissen, wie wichtig Präprozessoren für Ihren Workflow sind. Deshalb wollen wir Brackets zum besten Code-Editor für Präprozessoren da draußen machen. Mit Brackets können Sie Quick Edit und Live Highlight mit Ihren LESS- und SCSS-Dateien verwenden, was die Arbeit mit ihnen einfacher denn je macht.