Både for designere og utviklere er en viktig del av jobben å teste nettsteder som er under utvikling for å forsikre seg om at alt blir så bra som mulig. I den forbindelse har jeg prøvd ut noen plug-ins for Firefox og noen webbaserte applikasjoner som gjør det enklere å teste nettsteder og å gi tydelige tilbakemeldinger.
Firesizer – https://addons.mozilla.org/en-US/firefox/addon/5792/
Resize My Browser – resizemybrowser.com
Det er alltid lurt å teste hvordan nettstedet du jobber med tar seg ut i forskjellige oppløsninger. Firesizer plug-in for Firefox gjør det enkelt å justere størrelsen på nettleseren din til standardstørrelser som 1024×768 og 800×600. Personlig savner jeg et litt større utvalg og bedre beskrivelser av oppløsninger i Firesizer. Resize My Browser har på sin side et veldig godt beskrevet utvalg av oppløsninger, men er en webbasert tjeneste og ikke en plug-in. Begge viser størrelsen på nettleseren din i real time.
Screengrab! – screengrab.org
Det å ta skjermbilde av nettsider er noe man ofte har bruk for, og som ikke er lagt opp veldig enkelt for de av oss som sitter og jobber i Windows. Screengrab! er et plug-in for Firefox som lar deg lagre alt som er synlig i nettleseren (enten med eller uten verktøylinjer), mindre utsnitt, og også hele nettsiden som èn stor screenshot.
PixelPerfect – pixelperfectplugin.com
PixelPerfect er en plug-in for Firefox som lar deg legge en bildefil oppå en nettside du har åpen i nettleseren, som i et eget layer. På denne måten kan du sammenligne nettsiden du holder på å teste med det grafiske designet som er levert til utvikling. En rask og nøyaktig måte å oppdage om det er avvik som må rettes på, spesielt kjekt om man skal ha det pixel perfect.
Firebug – getfirebug.com
For brukere av Firefox, er Firebug en utrolig kjekk plug-in å ha. Er du usikker på om bredden av et bildet er korrekt, eller om fargen på en link er riktig? FireBug lar deg klikke på og inspisere alle elementer på en nettside, og viser deg informasjon om farger, fonter, størrelser og alt annet som er definert i css og html-koden. Det forutsetter litt grunnleggende kjennskap til CSS, men ikke nødvendigvis så avskrekkende mye.
Bounce App – www.bounceapp.com
Bounce App er en webbasert applikasjon som lar deg kommentere rett på nettsider. Last inn en URL, legg inn dine kommentarer, og del med hvem du vil. Det er ikke nødvendig å registrere seg, og det er en veldig lav terskel for å komme i gang med applikasjonen.
Desverre kan Bounce ikke hente inn screenshots fra lukkede siter (noe de ofte er i utviklingsfasen), men det finnes et mer omfattende alternativ fra samme selskap som heter Notable App – notableapp.com. Dette lar deg også laste opp bildefiler fra PC, laste opp via iPhone og bruke et eget firefox-plugin som tar skjermbilder du kan legge inn, ulempen er at man må registrere seg og med gratis-versjonen kun kan dele med 3 andre personer.
Konklusjon
Det var et lite knippe verktøy å teste ut i fremtidige prosjekter. Dette er verktøy som kan være nyttige både internt mellom designer og utvikler, og i dialog med en ekstern kunde. Felles for dem alle er at de er tidsbesparende tjenester som er enkle å bruke.
Det finnes selvfølgelig alternative plug-ins til andre nettelesere enn Firefox med samme funksjoner som utvalget i denne artikkelen, men jeg har valgt å ta utgangspunkt i èn nettleser. Har du et godt forlag til alternativer, kom gjerne med dem.
