Brackets

Omschrijving

Met gerichte visuele hulpmiddelen en ondersteuning voor preprocessors is Brackets een moderne teksteditor die het gemakkelijk maakt om in de browser te ontwerpen. Probeer Creative Cloud Extract (preview) voor Brackets voor een gemakkelijke manier om schone, minimale CSS rechtstreeks van een PSD te krijgen zonder gegenereerde code.

Ontvang codehints van een PSD

Met de extensie Extract for Brackets (Preview) kun je ontwerpinformatie uit een PSD halen, inclusief kleuren, lettertypen, verlopen en meetinformatie als schone, minimale CSS via contextuele codehints. U kunt ook lagen als afbeeldingen extraheren, informatie uit de PSD gebruiken om preprocessorvariabelen te definiëren en eenvoudig afmetingen tussen objecten krijgen.

Inline-editors

In plaats van tussen bestandstabs te springen, kunt u met Brackets een venster openen in de code die u het belangrijkst vindt. Wil je werken aan de CSS die van toepassing is op een specifieke ID? Plaats uw muiscursor op die ID, druk op Command/Ctrl + E en haakjes tonen u alle CSS-selectors met die ID in een inline-venster, zodat u naast elkaar aan uw code kunt werken zonder pop-ups.

Live voorvertoning

Krijg een realtime verbinding met uw browser. Breng wijzigingen aan in CSS en HTML en u ziet die wijzigingen direct op het scherm. Zie ook waar uw CSS-kiezer wordt toegepast in de browser door er simpelweg uw cursor op te plaatsen. Het is de kracht van een code-editor met het gemak van in-browser dev tools.

Preprocessor-ondersteuning

Werk op een geheel nieuwe manier met preprocessors. We weten hoe belangrijk preprocessors zijn voor uw workflow. Daarom willen we van Brackets de beste code-editor voor preprocessors maken. Met Brackets kunt u Quick Edit en Live Highlight gebruiken met uw LESS- en SCSS-bestanden, waardoor het gemakkelijker dan ooit is om ermee te werken.