Firefox add-ons voor web designers

(bron: Mashable)


Firefox kan uitgebreid worden met extensies zodat je er bijna alles mee kunt doen. Dit keer kijken we naar de extensies die er zijn om je te helpen bij het ontwerpen van je website. Hieronder staan 16 suggesties om van Firefox een krachtige ontwerp-tool te maken.

Op Firefox add-ons for developers and designers vind je de eerste serie add-ons voor Firefox (in het Engels).

Font Finder - Selecteer tekst op een webpagina, klik met de rechter muisknop, kies FontFinder, en je krijgt alle informatie over de stijl van je selectie.

Link Evaluator - Controleer op een snelle manier de links in een pagina om zeker te weten dat ze werken. Goede links worden in groen weergegeven, problematische in rood.

LiveHTTPHeaders - Voegt de headers toe aan het pagina-informatie venster zodat je ze kunt bekijken en ook in real time nieuwe kunt toevoegen.

OperaView - Met OperaView kun je webpagina's bekijken zoals ze door Opera ge-rendered worden zonder uit Firefox weg te gaan.

Pagediff - Vergelijk de code van twee pagina's zodat je de verschillen kunt bekijken. Dit kan handig zijn om een oplossing te vinden voor een lastig coderingsprobleem.

Python Sidebar for Mozilla - Hiermee krijg je in de Firefox sidebar een snelle referentie voor de opdrachten van Python.

RankQuest - Werkbalk waarmee je je ranking kunt checken, je headers kunt testen, je pagina's kunt verifiëren en nog heel wat meer.

SEOforFriefox - Voegt informatie toe aan je Yahoo en Google zoekopdrachten zodat je meteen informatie krijgt over waar je site staat bij de verschillende ranking services. Handig om de "concurrentie" te checken.

SEOQuake - Biedt je veel opties om de ranking van je site te bekijken bij verschillende zoekmachines.

Total Validator - Een complete valideringstool die HTML en koppelingen controleert, screenshots kan maken en nog heel wat meer.

Validaty - Via een simpele knop kun je checken of de HTML van een pagine correct is.

View Cookies - Voegt een tab toe aan het pagina-informatie venster waarmee je de cookies kunt zien die door een pagina gezet worden; een snelle manier om je eigen cookies te testen.

ViewSourceWith - Hiermee kun je bestanden zoals css rechtstreeks in een externe editor openen.

Web Developer Toolbar - Biedt een enorme hoeveelheid tools, zoals: het tijdelijk uitzetten van delen van een webpagina, het uitzetten van cookies, het bekijken van de source en nog veel meer.

Window Resizer - Past automatisch de grootte van het browser venster aan tussen 640 bij 480, 800 bij 600, 1024 bij 768, 1280 bij 1024, 1600 bij 1200 om te zien hoe je pagina's er in die resoluties uitzien.

YSlow - Heb je je ooit afgevraagd waarom een pagina zo langzaam laadt? Met deze tool van Yahoo kun je bepalen welk deel van een pagina de vertraging veroorzaakt.