Tips bij het gebruik van onze favoriete code-editor, Brackets

Wil je een website maken in een code-editor, dan kun je daarvoor het best gebruik maken van Adobe Brackets. Deze code-editor is gratis en kun je downloaden op onze Downloads-pagina. Er zijn versies voor alle besturingssystemen.

Hieronder volgen wat tips voor het gebruik van Brackets:

  • Brackets voorziet je code van kleurtjes. Dankzij die kleuren kun je snel zien om wat voor soort code het gaat. Typ je een HTML-code, dan zijn je tags bijvoorbeeld blauw, je attributen groen en bestandsnamen oranje.
  • Klik je op de knop ‘Live Preview’ in de rechter bovenhoek, dan wordt de pagina waar je aan werkt geopend in een webbrowser. Zo kun je direct (en in realtime) zien wat er met je pagina gebeurt wanneer je je code aanpast. Live Preview werkt momenteel alleen met Google Chrome. Wil je er gebruik van maken, dan moet je dus die browser installeren.
  • Selecteer je een stukje code in Brackets, dan word het stuk van je site dat je geselecteerd hebt gemarkeerd in Live Preview. Dit is extra handig voor het coden in CSS. Zo zie je in één oogopslag op welke delen van de website een regel effect heeft.