Selv som den såkalte "smartphone revolusjon" entrer sitt sjette år, mange webdesignere forbli så overrumplet av spredning av så mange mobile enheter som de forblir usikker på hvordan til beste imøtekomme disse små skjermer som dominerer markedet. For de siste årene, har mange web-designere fokusert sin innsats for å gjøre den "mobile versjonen" av en nettside som en måte å bringe brukere av mobile enheter i folden og presentere dem med et nettsted innhold. Selv om det ikke nødvendigvis et dårlig valg, faktisk er dette ikke den ideelle måten å imøtekomme til mindre skjerm. I stedet designere bør vedta og fremme responsive web design som faktisk kan tilpasse on-the-fly til nye skjermstørrelser og skjermoppløsninger

Responsive Design:. Automatisk tilpasse et nettsted innhold på farten

Responsive design er så kalt fordi det faktisk "reagerer" til størrelsen og omfanget av skjermen som brukes til å lese et nettsted innhold. Denne type design benytter CSS3 og HTML5 web designfilosofier å tilpasse seg hver skjermstørrelse på en unik måte. Når en bærbar eller stasjonær datamaskin blir brukt, viser området på sin fulle bredde; det betyr at sidefelt er synlige og brukbare, og området er generelt riktig størrelse for skjermer minst 11 inches bred.

På mobile enheter, men responsiv design faktisk skifter sin presentasjon for å møte kravene til hver enkelt enhet . Tablet-enheter, som typisk varierer i skjermstørrelse fra 6 til 9 inches, behandles som mindre stasjonære. Det betyr vanligvis en mindre sidefelt som fortsatt er brukbare og synlige, men henviser mer til hoved kolonne av innhold. På mobile enheter, med skjermer vanligvis mellom 3 og 5 inches, er responsive web design smart nok til å vite at sidepanelet må elimineres. I stedet, det skaper den tradisjonelle single-kolonne design og fyller det med nettstedets hovedinnhold. Sidepanelet er ignorert til fordel for liten skjerm brukervennlighet.

Hvordan Svare på skjermoppløsninger Forbedrer Search Engine Optimization

Hvis "tilpasser seg skjermstørrelse" argument er ikke resonnere med en webdesigner klienter, kanskje dette vil: responsiv design bidrar til å øke et nettsted rangeringer på store søkemotorer som Google. Grunnen er faktisk ganske enkelt i de fleste tilfeller. En "mobilversjon" av nettstedet er vanligvis plassert i en undermappe eller underdomene, og linker på den siden må omdirigeres tilsvarende, er det ingen slike krav ved implementering responsiv design.

I stedet for å bli plassert i en underkatalog en enkelt responsivt design er opprettet innenfor områdets samme CSS ark for brukere av alle enheter. Google er da i stand til å bedre indeksere nettstedet og spore trafikk, så det trenger ikke å kontinuerlig overvåke både nettstedets toppnivådomenet og eventuelle målrettet mot mobiltelefoner underdomener. Det sparer også Google litt tid og energi, som dens kryp "bots" ved bare å indeksere en stedets innhold fremfor flere nettsteder som imøtekomme til hver type enhet eller skjermstørrelse.

Online ressurser Gjør responsiv nett design Lett å lære

det var en tid da lære nye teorier om web design og utvikling kreves plukke opp en bok på den lokale bokhandel og lese om hvordan "Dummies" ville utplassere en ny design taktikk. Det er fortsatt mulig, men det er blitt effektivt erstattet av en rekke elektroniske ressurser som Lynda.com og TeamTreehouse. Disse nettstedene faktisk spesialiserer seg på å utdanne sine besøkende på grunnleggende web design ferdigheter, som CSS3 og HTML5 web design, og mer spesifikke tilnærminger, som responsive web design.

Disse nettstedene, kombinert med nedstrippet responsive web design rammeverk ansatt av de fleste designere, vil fungere som de viktigste måtene å lære om responsive nettsteder og hvordan du distribuerer dem. Og, når det har blitt klart hvordan du kan lage og distribuere et slikt design, vil det bli enda enklere å overbevise kundene om at deres område må svare på nye skjermstørrelser on-the-fly, i stedet for å opprette et eget nettsted for smarttelefon og nettbrett enhetsbrukere.

fremtiden er i RWD

det er egentlig ingen vei tilbake fra RWD ethos. Mobile enheter er kommet for å bli, og skjermstørrelser vil fortsette å diversifisere som mer av et nettsted lesere nyte innhold på farten. Samtidig fortsetter søkemotor optimalisering for å øke i betydning for nettsteder som ønsker å få et stort konkurransefortrinn. Thee to interesser har justert i form av responsive design, og det er lite sannsynlig at det vil være noen måte å unngå dette fenomenet i fremtiden. Tidlig adopsjon betyr bedre rangeringer og mer intuitive brukeropplevelser, og webdesign klienter bør absolutt være åpen for de to tingene, selv om bare på prinsippet.