Smartphones en site

[janvl]

Hallo allen,

hebben enkele van jullie al een smartphone design gemaakt?

Momenteel vraag ik me af wat beter zou zijn "media queries" of een eigen tak van de menustruktuur vormgeven voor smartphones met een omleiding als de schermbreedte kleiner is als bijv. 800 pixel.

Verder vraag ik me af of de metatag "viewport" zinnig is.
Op internet is veel informatie maar ook tegenstrijdige, vandaar de vraag of er specifieke CMSMS oplossingen/tips zijn.
Ik gebruik hiervoor 1.11.2 een verse install dus.

groet,
Jan

[iStevo]

Misschien is deze blog wel handig om je vraag te beantwoorden.
Ik zit momenteel nog niet zover

http://www.i-do-this.com/blog/14/Make-y ... bile-ready

[janvl]

Bedankt,

ik heb dat gelezen en zal kijken of dat een goede methode is.

Ik vraag me alleen af of zo een lijst met alle mogelijke smartphones niet snel verouderd is.

Groet,
Jan

[erpee]

Ik heb het zo aangepakt.:

1. Ontwerp, daarna template gemaakt, passend voor Smartphones.
2. Pagina's aangemaakt in bestaande installatie, gekoppeld aan mobiel-template.
3. mobiel subdomein met forwarder aangemaakt. bv. www.site.nl wordt dan m.site.nl
4. subdomein doorlaten verwijzen naar "mobiele-pagina's"

Werkt goed voor mijn doeleinden maar er zijn vast andere opties te bedenken met een aparte installatie.
Ik wilde het op deze manier zodat ik het nieuws van mijn hoodsite met een ander template autamatisch op mijn mobiele site kan laten verschijnen.

kijk maar:
http://www.priton.nl
http://m.priton.nl

[janvl]

Bedankt erpee,

dat met het subdomain is een goed idee.

Inmiddels heb ik een lijst links voor mobiel-design en ik geloof dat de keuze voor media-queries meer toekomst-zeker is.

groet,
Jan

[timdebuurman]

Maar dan nog regelen dat een bezoeker automatisch naar de mobiele versie gaat.

Welk script of manier zou daarvoor nu de beste zijn?

[janvl]

Hallo,

volgens mij kun je afvragen met PHP of het een mobile device is en op basis daarvan doorverwijzen met een redirect.

Calguy heeft op het forum ook iets daarover geschreven.

Ik heb deze vragen op meer fora gesteld en krijg verschillende antwoorden, de links stuur ik wat later door, ook hier.

m.vr.gr.
Jan

[janvl]

Hallo,

via deze link heb ik een hoop zeer bruikbare tips gevonden

http://www.hotscripts.com/blog/started- ... eb-design/

de verdere links geven goede voorbeelden.

Veel success.

Jan

[janvl]

Uiteindelijk heb ik dit gebruikt:
http://code.google.com/p/php-mobile-detect/

Daarna wordt voor mobile devices die minder als 960 pixel breed zijn een responsive design met mediaqueries gestart.

www.taxigerhard.at
(telnr) is oostenrijks werkt niet in nl!

Ik moet nog inbouwen dat een mobile device ook de "gewone" website kan oproepen.

mvg
Jan

[timdebuurman]

De mobiele pagina waar naar verwezen word laad niet.

Werkt dat goed trouwens, zo'n javascript die doorstuurd bij beeldformaat?

[janvl]

Hallo Tim,

op wat voor apparaat laadt die pagina niet?

Het is hier getest op verschillende iphones, galaxies etc.

Overigens zijn de mobile-pagina's op te roepen via
http://www.taxigerhard.at/index.php?page=mobil

mvg
Jan

[timdebuurman]

In de javascript van de gewone pagina staat deze url:

window.location.href = "http://www.taxigerhard.at/index.php?page=mobile"

die klopt dus niet.

[janvl]

Bedankt Tim,

heb het al aangepast en de cache gewist.
Kun je nog een keer proberen?

mvg
Jan

[timdebuurman]

Ik had m niet getest met een mobiel ofzo hoor, ik zag alleen dat de javascript naar die url verwees en ben toen direct naar die url gegaan, welke dus niet werkte.