Responsinator: Responsive Web Design Preview For Different Devices

Responsiv webdesign er veldig rasende i disse dager, spesielt siden HTML 5 og CSS 3 har fått popularitet. Med responsiv design designer du i utgangspunktet nettstedet ditt for alle plattformer og oppløsninger, og nettsted skalerer automatisk uten å bryte designet i henhold til nettleserens bredde på skjermen enhet. Derfor, mens du bygger et responsivt nettsted, må man utføre en omfattende test av flytens design på en rekke populære skjermoppløsninger. Responsinator er en enkel webtjeneste som gir deg forhåndsvisninger av ditt responsive nettsted på mange populære skjermoppløsninger av mye brukte enheter.

Konseptet bak Responsinator er enkelt: gjør en ting og gjør det godt. Når du besøker nettstedet, får du presentert et rett frem grensesnitt uten frills med rammer for flere enheter som vises vertikalt, starter med iPhone, gå videre til et par Android-oppløsninger, til iPad, og til slutt stoppe på Kindle, for å dekke mange populære enheter der ute i både portrett og landskap moduser.

Som standard er disse rammene tomme. Du må oppgi URL-adressen til nettstedet du vil forhåndsvise i tekstboksen øverst til venstre, og trykke GO. Responsinator får deretter gjøre sin magi, og viser deg hvordan nettstedet ditt vil se ut på alle disse plattformene, og resultatene er ganske imponerende.

I testene våre brukte vi det utmerkede ressursnettstedet for webdesign SmashingMagazine som har en morderisk responsiv design. Som forventet, viste alle rammene nettstedet overbevisende likt måten det ble vist våre virkelige testenheter. (Klikk på bildet vist over for å se hele versjonen).

Det er også en hendig Responsinator bokmerke (tilbys kl deres om side) for de fleste moderne nettlesere som du kan dra og slippe på bokmerkeverktøylinjen. Når du har lagt den til der, bare gå rundt på nettsteder som normalt og trykk på bokmerke når du vil teste et nettsteds design for respons, for automatisk å åpne det i The Responsinator.

Avslutningsvis, selv om det kanskje ikke viser deg nøyaktig passform for alle enhetene der ute, er Responsinator definitivt et hendig verktøy for nettutviklere å komme raskt på hvordan nettstedene deres vises på mobile enheter, mens de bygger på responsiv design prinsipper.

Besøk Responsinator