Ik heb de afgelopen weken aan een nieuwe website gewerkt. Maar in plaats van het alleen te doen, besloot ik om hulp te krijgen van Firefox-extensies. Ze hebben mijn werk een stuk eenvoudiger gemaakt en ze kunnen allemaal binnen enkele seconden worden gedownload.

Aardvarken: Aardvarken laat je elementen van een webpagina selecteren en er verschillende acties op uitvoeren. Ik gebruik het om de structuur van een pagina te analyseren. U kunt ook elementen verwijderen en isoleren of DOM-code genereren. Ik raad het ten sterkste aan.

ColorZilla: als er een kleur op een webpagina staat die u bevalt, zal ColorZilla de exacte code vinden en deze in uw coderingsprogramma plakken. U kunt ook aangepaste kleuren maken met de ingebouwde paletbrowser. Het bewaart de meest gebruikte kleuren voor eenvoudige toegang later. Het is krachtig, het is eenvoudig, het is een must-have.

CSS Validator: CSS Validator voegt een rechtermuisklik optie in uw browser toe, door de CSS naar de W3C CSS Validator te sturen. Het opent de resultaten in een nieuw tabblad. CSS Validator is een leuke tool die vaak van pas zal komen.

CSSViewer: geen webontwerper zou moeten werken zonder CSSViewer. De add-on informeert u over alle CSS-informatie die u van een site nodig heeft. Klik eenvoudig op de gewenste pagina, open deze in het menu Tools en er wordt CSS-informatie weergegeven. Ik gebruik het bijna elke dag.

FireBug: Firebug is een van die uitbreidingen waar je simpelweg niet zonder kunt. Hiermee kunt u CSS, HTML en JavaScript bewerken, debuggen en bekijken. Nadat u de HTML op de site hebt gewijzigd, geeft Firebug deze automatisch weer in hetzelfde deelvenster weer. Het is buitengewoon krachtig.

FirePHP: FireBug is een prima hulpmiddel voor CSS, HTML en JavaScript, maar FirePHP, dat alleen werkt als u de FireBug-extensie hebt geïnstalleerd, creëert een volledige ontwikkelingservaring. Met behulp van beide add-ons kunt u de kwaliteit van uw PHP bekijken en fouten vinden. Het is een geweldig hulpmiddel.

Font Finder: Font Finder laat je een lettertype dat je leuk vindt op elke site markeren, klik met de rechtermuisknop op de selectie, en na het kiezen van "Font Finder", bekijk je de volledige CSS-tekststijl van de selectie. U kunt dit vervolgens in uw eigen webpagina plakken.

HTML Validator: HTML Validator is een extreem krachtige tool die alleen beschikbaar is voor Windows-gebruikers. De add-on geeft u feedback over fouten op de pagina. Het laat je ook weten waar problemen moeten worden aangepakt. Maar als u geen gevorderde webontwerper bent, blijf dan uit de buurt van deze tool. Het is erg ingewikkeld.

IE-weergave: zolang u Windows gebruikt, is IE View een handige tool. De extensie voegt een "Openen in IE" -optie toe aan het rechtsklikmenu, zodat u snel een site kunt openen in Internet Explorer. Het is een geweldige manier om te controleren hoe een pagina eruitziet in beide browsers.

Java-console: als u wilt zien hoe Java-applets op webpagina's worden uitgevoerd, is de Java-console iets voor u. U kunt applets volgen en debuggen en een volledig rapport krijgen over hun prestaties.

LinkChecker: LinkChecker markeert links op elke website en vertelt je of de link je naar een live site leidt of dat er een 404 wordt geretourneerd. Ik gebruik het elke dag.

Poster: als u servers wilt debuggen en HTTP-aanvragen wilt doen, is Poster de tool voor u. Het is eenvoudig te gebruiken, u kunt een inhoudstype instellen en binnen enkele minuten heeft u alle informatie die u nodig hebt om de resultaten van uw HTTP-query te bekijken. Nuttig.

Style Sheet Chooser II: Style Sheet Chooser II vervangt de ingebouwde stijlbladwisselaar van Firefox en stelt u in staat een alternatieve stijl te kiezen die op alle pagina's van een website zal blijven bestaan. Het is niet iets dat je vaak zult gebruiken, maar als je iets dergelijks nodig hebt, is Style Sheet Chooser II de juiste keuze.

Webontwikkelaar: als u een van de extensies in deze roundup installeert, moet Web Developer worden opgenomen. Het voegt een menu en werkbalk toe aan Firefox en geeft je de mogelijkheid om de stijl van een pagina weer te geven, CSS te bekijken en bewerken, en nog veel meer. Geen enkele webontwikkelaar zou zonder moeten zijn.

YSlow: YSlow vereist dat FireBug wordt geïnstalleerd voordat het werkt, maar het is een goede manier om erachter te komen waarom uw site zo langzaam werkt. Het analyseert webpagina's en retourneert problemen die de site vertragen, op basis van de regels van Yahoo voor krachtige websites. Ik gebruik het vaak om erachter te komen waar ik de snelheid van mijn sites kan verbeteren. Probeer het.