Website maken voor mobieltjes en tablets

[jorenman]

Ik ben nu bestwel goed in het maken van websites.
Maar ik heb zelf ook gemerkt dat op veel mobieltjes/tablets 9 van de 10 websites niet goed werken.
Mijn vraag is dus:

Waar moet ik vooral op letten bij het maken van een website voor tablets en mobieltjes?

 

[snijworst]

Kijk hier eens naar...

 

[jorenman]

Bedankt voor je snelle antwoord!

Jammergenoeg heb ik hier niet echt iets aan, want hierbij maak je gebruik van een applicatie waar je vroeg of laat toch voor moet gaan betalen.

Ik heb het meer over het programmeren van een mobiele website...

 

[snijworst]

Duidelijk...
Zelf heb ik er wel een dingetje mee gemaakt. Waarom het wiel opnieuw uitvinden ;-)

 

[aymar]

Je moet proberen de dimensies van het scherm goed te benutten, niet dat je website 3x zo groot en zo breed is. Als je website precies klopt
en precies goed staat op het scherm ben je al goed op weg.

 

[bron]

Hieronder wat gedachtes....
1. Gebruik "mobile first" bij je ontwerp.
2. Kijk eens naar https://github.com/serbanghita/Mobile-Detect om de juiste stylesheet te kiezen.
3. Gebruik in je stylesheet @media of in je html head <link href="" media="">
4. Gebruik <meta name="viewport">
5. Gebruik pure html5 (ofcouse)
6. Kijk eens naar een mobile framework, bijv. http://jquerymobile.com/
7. Maak responsive websites.
8. Maak website niet achteraf mobile, maar direct vanaf het begin.
9. Denk aan cross-platform, cross-device, cross-browser, whatever (gek word je ervan...)
10. Er komen veel tablets in de huiskamer, houdt hier rekening mee.
Veeeel lezen :d
Houdt in gedachten dat de ontwikkeling zo snel gaat dat je website nooit future proof zal zijn. Straks lopen we met internet op onze Google Glasses en bestellen we online een pizza op onze tv met reuk output.

*** edit: en houdt rekening met resolutie, orientation en dpi

 

[johhnnyboy]

Of http://getbootstrap.com/