Hjemmeside på mobileenheder

Nøgleorder er "data drevet". Du kan se i din google analytics hvor mange af dine besøgene der kommer fra mobile enheder. Hvis størstedelen af dine besøgende kommer fra mobile enheder skal du sætte ind og lave en mobilvenlig side (se fx. på jquery mobile). Hvis ikke din hjemmeside har nogen besøgene fra mobile enheder, kan du bruge din tid bedre end at lave en mobil-side.

Tag et kig på Responsive Web Design. Her angiver du CSS (udelukkende) til de forskellige skærmstørrelser, som du ønsker at supportere.

Det er ikke alle hjemmesider hvor det er nødvendigt med en mobilside, og jeg mener oftest at jeg hellere vil have en desktop side end en mobil side.
Oplever tit på tablets at de får en mobilside selv om de sagtens kan håndtere en deskop opløsning.

Men hvis kunden ønsker det så tager jeg selvfølgelig højde for det.

Jeg er begyndt på det, især i sider til kunder lægger vi stor vægt på det.

Næste skridt bliver at optimere en nuværende side til mobilenheder. Synes dog ikke det er pokkers svært, kræver bare en del debugging

Før jeg havde gjort noget specielt ved det der var mine dropdownmenuer meget små i teksten så hver gang man skulle bruge menuen så skulle man zoome ind hvilket giver en dårligere oplevelse.

Så tilføjede jeg noget med viewport som jeg endnu ikke ved noget om næsten eller også vare det min-device-width i stedet for min-width også kom menuen op i en meget bedre størrelse og meget lettere at bruge uden at skulle zoome.

Før jeg havde gjort noget specielt ved det der var mine dropdownmenuer meget små i teksten så hver gang man skulle bruge menuen så skulle man zoome ind hvilket giver en dårligere oplevelse.

Så tilføjede jeg noget med viewport som jeg endnu ikke ved noget om næsten eller også vare det min-device-width i stedet for min-width også kom menuen op i en meget bedre størrelse og meget lettere at bruge uden at skulle zoome.

Prøve tilføj det her:

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

Prøve tilføj det her:

HTML kode 

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

Det har jeg gjort.

Skrev du ikke om at du ville lave så din hjemmeside virkede på mobileenheder ?

Altså jeg foretrækker desktopsider når vi snakker om porno.
Mobilsiderne er altid bare backlinks, og du ender op på en random side uden nogen aktuel video....

Jeg tænker ikke på at jeg vil have min hjemmeside i 2 udgaven.

Altså jeg vil ikke have desktop.html til desktop computere og mobil.html til mobileenheder.

Jeg vil hellere have det sådan at jeg bruge præcist den samme HTML kode i begge tilfælge men at CSS koden ændre på hjemmesiden alt efter skærmstørrelse.

Så tænker jeg på hvis nu man skjuler noget med CSS display: none betyder det så at det indhold ikke indlæse på en mobil ?

Lad os sige jeg har en menu ud til højre med nogen billeder der fylder 400 KB. Når skærmen så er smal så bruger jeg display: none og menuen vises ikke. Også ville det jo være smart hvis det også betød at billederne i menuen ikke blev hentet for at gøre siden hurtigere. Men ved ikke om det er tilfældet.

Det gør ikke så meget at jeg ikke har nogen mobilbesøg endnu. Det kan være flere får lyst til at bruge siden når den virker godt på en mobil.

Jeg tænker ikke på at jeg vil have min hjemmeside i 2 udgaven.

Altså jeg vil ikke have desktop.html til desktop computere og mobil.html til mobileenheder.

Jeg vil hellere have det sådan at jeg bruge præcist den samme HTML kode i begge tilfælge men at CSS koden ændre på hjemmesiden alt efter skærmstørrelse.

Så tænker jeg på hvis nu man skjuler noget med CSS display: none betyder det så at det indhold ikke indlæse på en mobil ?

Lad os sige jeg har en menu ud til højre med nogen billeder der fylder 400 KB. Når skærmen så er smal så bruger jeg display: none og menuen vises ikke. Også ville det jo være smart hvis det også betød at billederne i menuen ikke blev hentet for at gøre siden hurtigere. Men ved ikke om det er tilfældet.

Det gør ikke så meget at jeg ikke har nogen mobilbesøg endnu. Det kan være flere får lyst til at bruge siden når den virker godt på en mobil.

Har du prøve at kigge her: KLIK