Als u een front-end coder bent, heeft u gisteren misschien wel versteld staan van de nieuwste versie van Adobe: Beugels. Verbluft dat is, omdat je het waarschijnlijk al een jaar of langer gebruikt.
De versie die je gebruikte was de bètaversie - een bètaversie die zo populair was dat veel ontwikkelaars brackets al gebruiken als primaire code-editor. Een van de meest populaire beta-testversies van een stukje software in de geschiedenis van het web, Brackets is een gratis open source-applicatie die substantieel ondersteund wordt door Adobe. De nieuwste release is de eerste volledige versie en zit boordevol geweldige nieuwe functies.
Gebouwd in HTML, CSS en JavaScript, is Brackets de enige tekstverwerker waarvan ik me bewust ben en die zich actief op diezelfde talen richt. Er zijn talloze editors op de markt, maar met ondersteuning voor PHP, C ++, Python en tientallen andere technologieën kunnen ze niet dezelfde workflow als Brackets targeten. Brackets richt zich alleen op de front-end en bevrijdt het om verbluffende functies zoals inline bewerken te leveren; waar CSS-code die is gekoppeld aan een HTML-element kan worden bewerkt door er gewoon over te zweven.
Als je om wat voor reden dan ook Brackets nog niet hebt geprobeerd, download het dan en probeer de Live Preview-functie uit - de eerste keer dat ik het gebruikte, raakte mijn kaak op het bureau. Als je een fan bent van Less of Sass, zul je ook dol zijn op de preprocessor-ondersteuning.
De waarde van Brackets is dat het een genot is om te gebruiken. En omdat het een genot is om te gebruiken, heeft het een toegewijde community die niet alleen bijdraagt aan de broncode, maar een aantal ongelooflijke extensies vrijgeeft die gratis te installeren zijn.
Het enige nadeel is dat de optie om een bestand live op een server te openen en te bewerken niet beschikbaar is - sommige extensies bieden ftp-ondersteuning, maar geen live bewerking - dus als dat deel uitmaakt van je workflow, zul je je moeten vasthouden aan je huidige editor (iets wat je in ieder geval gaat doen voor bijvoorbeeld .htaccess-bestanden).
Helaas zijn ze allemaal niet rooskleurig in de wereld van Brackets-lover's, want naast Brackets 1.0 hebben Adobe ook Extract voor haakjes. Extract is een gratis extensie waarmee u ontwerpgegevens (kleuren, lettertypen, enzovoort) uit uw PSD en rechtstreeks in haakjes kunt trekken. Behalve natuurlijk dat je geen PSD hebt, omdat je de Brackets-workflow hebt omarmd en je ontwerpt in de browser.
Adobe's blinkered doorzettingsvermogen om alles in Photoshop te binden, doet evenveel schade aan hun vlaggenschip als aan de rest van het assortiment. Het sluiten van een elegante codeeroplossing voor een opgeblazen en in toenemende mate verouderde bitmapeditor lijkt ogenschijnlijk weinig doel te dienen. Extract is momenteel echter optioneel; Ik hoop echt dat het zo blijft.
Als u de front-end van websites codeert of wilt starten, is haakjes een van de beste beschikbare opties. Het feit dat het gratis is en draait op Mac, Windows en Linux zou voldoende moeten zijn om bouwers van commerciële codebewerkers zeer bezorgd te maken.