Derfor skal du lave responsivt webdesign til dit website

Skip to content

Tirsdag, 29 maj 2012 17:40

Derfor skal du lave responsivt webdesign til dit website

Skrevet af Rasmus Hoeks

Udskriv

Responsivt webdesign er en af tidens hotteste emner inden for webdesign. Og det er ikke uden grund!

Hvorfor responsivt webdesign?

Nettet - og hvordan vi bruger det, har ændret sig meget igennem de sidste år. Det er ikke længere kun personlige computere og bærbare, der har browsere.

Iphonen var en af de første produkter, der for alvor gjorde det muligt at gå ordentligt på nettet fra den mobile browser.

Og siden da er det gået stærkt. I dag er trafikken fra de mobile enheder – såsom ipad, iphone, andriod styresystemer og andre tablets stærkt stigende. Og de mobile enheder er kommet for at blive!

I Kølvandet på denne trend følger naturligt brugernes forventninger til de hjemmesider, de besøger, fra deres mobile enheder: Folk kræver at kunne se din hjemmeside ligeså godt på mobilen, som de kan på deres computer.

Den første løsning fra teknikerne var, at én version af hjemmesiden blev lavet til computeren og derudover blev der så lavet en ny version, som blev brugt til at vise til mobilbrugere.....Den løsning fandt man dog relativt hurtigt ud af var for snæver: For hvad så med alle de mange forskellige mobile skærmstørrelser – og hvad med ipad’en?

Hvad er responsivt webdesign?

Svaret på ovenstående spørgsmål blev fundet med begrebet ”responsivt design”: En designløsning, hvor din hjemmeside bliver kodet til at blive vist korrekt i alle browsere.

I stedet for at designe én løsning til hver skærmstørrelse laves der altså én løsning, der bliver vist korrekt – ligemeget hvilken skærm den vises på.

Ideen bag Resonsive webdesign er altså, at hjemmesiden selv "finder ud af" på hvilket medie den nu vises på, og samtidig tilpasser sig netop dissse specielle vilkår.

Hvordan laver jeg responsivt webdesign til Joomla?

Det er desværre ikke lige noget du lærer på en time. Ej heller to. Men hvis du selv kan kode et grundlæggende Joomla template, så burde du også kunne lære at at lave et responsivt template selv. Du kan i videoen herunder se lidt mere om responsivt webdesign:

Hvor finder jeg responsive Joomla templatea?

Kan du ikke lave et responsivt Joomla template og har du ikke penge til at få et lavet, så kan du benytte dig af nogle af de templates, der allerede er lavet i forvejen. Herunder har jeg listet et par stykker, som jeg synes er rigtig flotte:

Flotte, responsive Joomla templates

læs min anden artikel om responsivt webdesign

Kan din hjemmeside ses på mobilen?

Læst 4805 gange Senest ændret Torsdag, 09 august 2012 15:00

Udgivet i Templates og design

Gør som over 2.000 andre:

Få GRATIS tips, guides og værktøjer til Joomla.

Derudover modtager du e-bogen "Sådan får du succes med Joomla". Kvit og frit.

Rasmus Hoeks

Senest fra Rasmus Hoeks

Mere i denne kategori: « Joomla Templates fra bunden - del 1 9 Gratis Logoer til dit Joomla website »

3 kommentarer

Kommentar link Torsdag, 31 maj 2012 14:54 Skrevet af Rasmus Hoeks
Du må forresten sige til, hvis du har lyst til at begå et gæsteindlæg her til bloggen. Vi har altid brug for nye dygtige folk til at skrive indlæg - og jeg ved du har styr på Joomla.

drop mig en mail, hvis det har interesse. Så sætter jeg en skribent-konto op til dig.
Kommentar link Torsdag, 31 maj 2012 14:51 Skrevet af Rasmus Hoeks
Hej Morten
Der er flere måder, man kan tilgå problematikken på. Personligt mener jeg, man bør bruge billeder, der ikke fylder for meget til at kunne loade fornuftigt på en mobiltelefon. Særligt fordi mobiltelefonerne efterhånden har en rimelig internethastighed og fordi prisen for datatrafik er dalende.

Hvis du vil dykke dybere ned i emnet, kan jeg anbefale dig at du læser lidt mere omkring problematikken i denne blogpost:

http://www.netmagazine.com/features/50-fantastic-tools-responsive-web-design

Scroll ned til tool nr. 18. Der - og i de følgende afsnit - bliver der skrevet en masse om brugen af billeder i responsivt webdesign.
Kommentar link Torsdag, 31 maj 2012 09:27 Skrevet af Morten Andersen
Ja Responsive webdesign er bestemt fremtiden & nutiden!
Mit eneste problem når jeg programmere den slags hjemmesider er at jeg stadig ikke har fundet en god løsning for hvordan man undgår at loade alt for store billeder på smartphonen.

I responsive webdesign skal billederne tilpasse sig skærmstørrelsen, så derfor er man tvunget til at benytte billeder af et stort format hvis man vil undgår at de bliver pixileret. Det betyder så at man på smartphonen og dens "langsomme" net downloader billeder som bestemt ikke er optimeret til dette medie.

Er der nogen der har en løsning på dette problem?