Sisältö
I. Getting started with mobile web development
1. Introduction to mobile web development
2. Set up your mobile web development environment
II. The syntax of mobile web
3. Mobile markup languages
4. Device awareness and content adaptation
5. Adding interactivity with javascript and ajax
III. Advanced mobile web development techniques
6. Mobile web usability
7. Enhancing mobile web pages for smartphone browsers
IV. Deploying into the mobile ecosystem
8. Optimizing mobile markup
9. Validating mobile markup
10. Testing a mobile web site
11. Deploying a mobile web site
12. How to play well in the mobile ecosystem
13. The future of the mobile web
...
- Käyttäjälähtöisyys: tiedä miksi käyttäjät vierailevat sivustolla, ja rakenna mobiilin ominaisuudet tukemaan tätä syytä.
- Aloita perusversiosta vanhemmille puhelimille, jonka jälkeen lisää ominaisuuksia älypuhelimille ja uudemmille laitteille.
- Luo vain kaksi versiota mobiilista, toinen vanhemmille malleille ja toinen älypuhelimille. Älypuhelinversion voi optimoida suurelle skaalalle laitteita
- Pidä navigaatio maksimissaan kolmessa tasossa. Käyttäjät vierailevat sivustoilla hyvin lyhyen aikaa, mahdollista nopeat navigoinnit
- Käytä mobiiliversion osoitteena alidomainia "m", http://m.website.com/
- Muista testata sivusto sekä pystyssä, että vaakatasossa ja oikeilla laitteilla. Myös latausnopeudet eri yhteyksillä kannattaa huomioida
- Laita dynaamista sisältöä etusivulle, jotta etusivulle saapuminen on aina mielenkiintoista
- Optimoi kaikki kuvat sivuston oikealle koolle
- Laita näkyville linkki sivuston kokoversioon
- Vältä seuraavia: pop-up -ikkunat, kursorin hover-menut, automaattiset sivun päivitykset, automaattiset uudelleensijoittamiset (redirect), linkit ulkopuolisille sivustoille, vaakasuuntainen vieritys ja kehykset