Alternativ webdesign

[Karl-Arne Gjersøyen]

Heisann.
Jeg vil lage meg ei ny hjemmeside fra bunnen av, og ønsker at den skal
vises optimalt på mobil, smartelefoner og lesebrett. Jeg tror dette
kan gjøres med forskjellige stilark for de forskjellige enhetene. Men
det er vel lavere oppløsning på mobil enn på Iphone/Android og
nettbrett.

Så spørsmålet er.. Hvordan "sniffer" jeg hvilke enhet som besøker
siden og laster riktig stilark for aktuelle enhet?
Kan jeg velge media handheld for stilarket og designe med minimum/
maksimum oppløsning? I så fall, hvordan gjør jeg det?

Takk for alle gode råd. lenker og tips.

Mvh Karl-Arne

[Emil Engelbrektson]

Litt avhengig av hva slags innhold du skal ha er det ikke unormalt å ha
dedikerte versjoner for mobil/tablet/pc (eks:
m.vg.no/touch.vg.no/www.vg.no), og ikke bare ha dedikert css.

Bilder vil du kanskje ha i lavere oppløsning og kvalitet for å spare
båndbredde og plass på mobile enheter, og noen ganger vil man kanskje se
fullversjonen på mobil enhet, eller mobilversjonen på pc (f.eks for å lese
nyheter på via mobilt bredbånd)

Detekteringen gjøres via user-agent strengen serverside. Et par eksempler
i php etter rask googling (har ikke testet disse selv):

http://mobiforge.com/developing/story/lightweight-device-detection-php

http://www.russellbeattie.com/blog/mobile-browser-detection-in-php

"detect mobile browser" + din serverteknologi kan være en god start i
google.



--
Emil Engelbrektson

[Karl-Arne Gjersøyen]

Oj! Kjempebra! Tusen takk.

Mvh Karl-Arne