Verktyg för Webbutvecklaren

För alla oss webbutvecklare därute finns det en rad olika små smidiga gratisverktyg som gör livet enklare. Några av mina personliga favoriter är.

Internet Explorer Developer Toolbar

De flesta av mina besökare använder Internet Explorer och därför är det självklart att mina sidor måste se bra ut i Internet Explorer. Via Internet Explorer Developer Toolbar kan man gräva sig ner i en sidas olika delar och dissekera CSS, JavaScript eller html. Exempelvis kan man kan klicka på ett objekt på webbsida och snabbt få upp vilka css klasser och attribut objektet använder. Via en smart ”linjal” kan man snabbt se bredd och höjd på element och via förstoringsglas kan man kontrollera att man fått de där pixlarna i designen på rätt ställe. Små och smidiga små funktioner som annars kan ta ganska mycket tid att undersöka i källkoden.

Ladda ner Internet Explorer Developer Toolbar.

Fiddler

Fiddler är ett klassiskt verktyg som man använder för att mäta trafiken mellan webbläsaren och en webbserver. Exempelvis kan man mäta antal anrop, mängd nedladdad data och responstider för webbsidor. Detta gör det möjlighet att se hur mycket ens egna sidor väger och optimera bilder, kod, cache eller innehåll för att sidorna ska laddas snabbare och bättre.

Ladda ner Fiddler.

Bilder

Det brukar alltid vara ett mindre gissel att hitta bra bilder till webbsidor. Jag gillar förvisso att använda egna bilder när det går men oftast får jag förlita mig på olika bildbanker och arkiv med andras bilder. Jag har två solklara favoriter som ni bör ta en titt på om ni ofta själva letar efter vettiga bilder att använda, Stockxchng och Stockxpert. Man kan säga att dessa sidor är kusiner där Stockxchng erbjuder bilder som är gratis att ladda ner medan Stockxpert tar betalt för sina bilder. För att vara gratis är Stockxchngs bilder faktiskt riktigt bra och duger för det mesta. Letar du och andra sidan bilder som är snäppet bättre är Stockxperts bilder oftast ett fynd.