Nettsteder for mobil

[Tonny Kluften]

Hva gjør man for å designe nettsteder for mobil? Og hvordan redirecte mobilbrukere automatisk til mobilversjonen av nettstedet?

 

[Gaasehud]

Tenker du på beste løsning / hva vi anbefaler? Er vel egentlig ganske LMGTFY, dette...

 

[Tonny Kluften]

Ja, ser at det finnes noen plugins for WP, men automatisk visning i et mindre format kan jo bli skikkelig stygt.
Må en side for mobil kodes seperat?

 

[Bjørnar]

det letteste er vel kanskje å lage et ekstra stilark, for eksempel handheld.css, og deretter definere følgende i head:
<link rel="stylesheet" media="handheld" href="handheld.css" type="text/css">

Følgende artikkel kan kanskje også være ok å lese:
A List Apart: Articles: Pocket-Sized Design: Taking Your Website to the Small Screen

 

[hansvh]

Nei, du lager ikke et separat nettsted. Du benytter samme HTML, men eget stilsett. Dette definerer du med handheld istedet for screen/projection.

all Suitable for all devices.
braille Intended for braille tactile feedback devices.
embossed Intended for paged braille printers.
handheld Intended for handheld devices (typically small screen, limited bandwidth).
print Intended for paged material and for documents viewed on screen in print preview mode.
projection Intended for projected presentations, for example projectors.
screen Intended primarily for color computer screens.
speech Intended for speech synthesizers.
tty Intended for media using a fixed-pitch character grid (such as teletypes, terminals, or portable devices with limited display capabilities). Authors should not use pixel units with the "tty" media type.
tv Intended for television-type devices (low resolution, color, limited-scrollability screens, sound available).

 

[Tonny Kluften]

Men det er vel tilfeller hvor bilder og andre elementer ikke kan krympes ved hjelp av CSS. Da trengs andre bilder.

Er denne koden riktig hvis man skal redirecte til spesialsider?

<script type=”text/javascript”>
If(window.screen.width<=600 || window.screen.height<=600){
                window.location=’http://m.nettsted.no/’;
}
</script>

 

[hansvh]

Jeg kan ikke komme på tilfeller hvor html/css ikke kan skalere bilder, men det er klart at det lønner seg å ha egene bilder som er ferdig skalert for å spare båndbredde. Det er hele tanken slik jeg ser det.

 

[Tonny Kluften]

Å spare båndbredde er et godt tips ja. Men jeg tenker mer på kvaliteten på bildene, at den blir dårlig når bildene blir skalert.

 

[hansvh]

Hepp. Bruk to forskjellige bilder. Det må være best.

 

[Bjørnar]

de mobile enhetene er vel relativt ok på skalering av bildene, så ville ikke tenkt så mye på det. det verste du kan gjøre, er å komprimere / skalere det selv vha html - det blir sjeldent bra. la enhetene gjøre jobben selv - det blir greiest

 

[Tonny Kluften]

Mer her: How To: Create Or Convert Website Into Mobile Format | How-To | PelFusion.com