Firefox er for mange webdesignere det naturlige førstevalg når det kommer til nettlesere. Det finnes mange grunner til dette, men en av de viktigste er tilgangen på gode plugins. Disse små tilleggsverktøyene forenkler arbeidet og kan spare webutviklere for mye tid. Vi har funnet frem til fem gode plugins vi mener du bør ha i din Firefox.
Firebug
Dette er en av de aller viktigste tilleggene til Firefox. Verktøyet integreres som en del av nettleseren og gir deg rask tilgang til redigering og feilsøking av HTML, CSS og JavaScript i sanntid. Last ned her.
YSlow
Dette er et analyseverktøy som kobles på Firebug. Yslow analyserer websider og gir deg informasjon om hvordan du kan forbedre ytelsen basert på Yahoos optimaliseringsregler. Last ned her
Web Developer
Dette tillegget gir Firefox en ekstra meny og verktøylinje med flere forskjellige webutviklings verktøy. Last ned her
Screengrab
Dette tillegget gir deg en enkel måte å lagre nettsider som bilder. Med Screengrab kan du ta bilder av nettsider fra topp til bunn. Last ned her
ColorZilla
Dette er et fargemålingsverktøy med mange fine funksjoner. ColorZilla kan analysere nettsiders DOM og gi deg oversikt over alle farger som er i bruk. Last ned her
KDN søn, 25/01/2009 - 13:05
Takker, der ble både ColorZilla og YSlow installert.
TLZ man, 26/01/2009 - 09:15
PixelPerfect er ein anna fin plugin der du kan leggje eit gjennomsiktig overlegg på siden. Etterpå justerer ein CSS'n i Firebug for å få det til å passse.
Den er egentleg meint for mockups, men eg brukar det med eg har laga med gridr buildrrr..
Eit lite spørsmål
Kva er egentleg forskjellen på Web Developer og Firebug? Er det ikkje mykje det same? Kva for ein er best?
martin man, 26/01/2009 - 09:56
Web Developer har mange flere funksjoner enn Firebug. Selv bruker jeg nok Firebug med YSlow mer enn jeg bruker Web Developer, men jeg har stadig behov for begge.
Du kan f.eks. høyreklikke på en nettside og la Web Developer sende kildekoden direkte til HTML-validatoren til W3.
En annen funksjon du kan bruke er å slå av bare grafikk-elementer som er implementert via CSS. Du kan også sjekke sider for ødelagte bildelenker osv.