Tools: browser inspector

De browser inspector is een handige tool die in je browser zit. Door hiermee te leren werken zal je tijdens webdesign heel veel tijd besparen.

Hoe gebruiken?

Start je browser en surf naar een bepaalde webpagina.
Rechterklik op een element in de webpagina en kies Inspecteren.
Er zal een extra venster (developer tools) open gaan. In de tab *elements zal je links zal je de HTML zien en rechts de CSS.
Met deze inspector kan je tijdelijke zaken aanpassen in de HTML en de CSS. Handig om fouten uit je code te halen of om uit te zoeken hoe een website een bepaald design toegepast heeft.
Je kan inhoud aanpassen door in de HTML code te dubbelklikken op de tekst; eenmaal de tekst is aangepast druk je op enter.
Je kan CSS wijzigen door properties toe te voegen of bestaande properties aan te passen.