Det er enkelt; flere verktøy hjelper deg å vise nettsiden din i ulike oppløsninger, så du slipper å dra fram større eller mindre skjermer for å gjøre dette.
Utviklere jobber ofte på større skjermer, men det gjør ikke alltid brukerne. Sitter du f.eks. på en 24″ skjerm 16:10 som meg, må jo jeg også sjekke hvordan besøkende med mindre (og større) skjermer, 4:3, 16:9, etc. ser nettsiden din. Selvsagt kan du bruke en annen PC eller skjerm, men du kan også endre størrelsen på nettleservinduet. Jeg vil vise deg to verktøy du enkelt kan gjøre dette med.
Firefox Web Developer – Resize
Om du bruker Firefox og er utvikler er det en nokså stor sjanse for at du har hørt om utvidelsen (addon) Web Developer. Med den installert får du forøvrig en rekke andre fasiliteter med den nye verktøylinjen. Velger du Resize får du flere oppløsninger å velge mellom, og du kan også legge inn flere manuelt.
Firefox-utvidelsen Web Developer kan lastes ned her.
Sizer
For andre nettlesere er Sizer en god løsning. Programmet er knøttlite, gratis og enkelt og bruke. Når du har åpnet programmet vil du finne et ikon på oppgavelinjen. Åpne nettleseren med nettsiden du vil teste og høyreklikk deretter på maksimeringsikonet oppe i hjørnet. Der vil du finnes flere oppløsninger; f.eks. 1024×768 som viser det slik noen på en laptop med 15″ 4:3.
I tillegg kan du høyreklikke på ikonet og velge Configure, for deretter å legge inn dine selvvalgte oppløsninger – jeg anbefaler å legge inn 1280×800 om du sitter på en skjerm som er over 15,4″, da får du sjekket «normale» widescreen (16:9) laptop-skjermer.
Programmet Sizer (for Windows) kan lastes ned her.
For dere med Mac er nok ikke Sizer noe alternativ, da jeg tviler på at det fungerer på Mac. Men da er jo Web Developer fra Firefox en likegod løsning. God resizing, folkens! :)
Nuh… Dette innstikket for FF hadde jeg ikke hørt om. Satan for et godt tips Mattis! Takk skal du ha! :D
Hei Mattis!
Jeg tenkte jeg skulle spørre deg om et er javascript du bruker i kommentarfeltet ditt for og sette inn «navn,» «epost» og «hjemmeside» i samme feltet som du skriver inn verdien på disse inputboksene…
Hehe, jeg har lenge sett etter en løsning på nettopp det skjønner du og finner ikke noe.. :(
Jo, det kan jeg fortelle deg Atle. En liten JS-snutt er alt som skal til; i koden hvor du setter/kan sette value=»Ditt navn» setter du hele denne snutten (link til pastebin): http://pastebay.com/21547
Da vil teksten gå bort ved et klikk i ruten og komme tilbake når du trykker utenfor, såfremt brukeren ikke har skrevet i feltet.
Om det er for lite info kan du se hele
Tusen hjertelig takk skal du ha. Fungerer flott. ;)
Hehe, jeg hadde søkt som en gal etter akkurat dette, og visste lenge at jeg hadde sett det et eller annet sted. Hadde jeg bare husket hvor.. Det var faktisk tilfeldig at jeg la merke til det når jeg kom innom hit til deg, men da fant jeg nå hvertfall ut hvor jeg hadde sett det da, og attpåtil hvordan jeg gjorde det.
- Ha en flott dag! ;)
Denne var genial, rett og slett :) Takk for tipset!
Good, Martin; mye småting man ikke vet om av og til. ;)