www2012, tiistai aamupäivä
W3C : Developing Mobile Web Applications
Puhujat: Dominique Hazaël-Massieux, W3C Mobile Web Initiative Activity Lead and Frances de Waal, WaalWeb owner
Frances aloittaa, hän opettaa myös w3campus kursseilla: http://www.w3devcampus.com/
Hänen luentokalvonsa löytyvät täältä: http://prezi.com/u8vjitqgfyui/view/#6_1548328
ja puhujan jonknlainen sivu: http://lyon.waalweb.nl/lesstof/
Tämä n.60 hengen pikkusali on ihan täpötäynnä.
Aloitetaan päivä tehtävällä: luetelkaa pahimmat mobiiliverkkokokemuksenne. Tällaisia yleisö luettelee:
- Horisontaalinen skrollaus
- videon käyttö mobiiliapeissa
- flash-ongelmat eri mobiilialustoilla
- ruudun koko, eli resoluutio-ongelmia
- eri URLi mobiili ja pöytäkoneille (one web)
- mobiiliversion puuttuminen kokonaan
- viewport orientation, eli alustan orientaation muuttuminen
- URLin pituus (liian pitkät & sekavat osoitteet)
- isot tiedostot
- pop-up ikkunat
- tiettyjen oikean hiiren napin toimintojen puuttuminen (esim. "view source", vaikak sillekin kuulema löytyy oma appi)
Kysymys: ketkä käyttää HTL:ssä target="_blank" -koodia? (Yksi viittaa.) Puhuja sanoo että tämän päivän jälkeen kukaan ei käytä sitä enää.
Tulemme käsittelemään tänään suurinta osaa näistä asioista, mutta ei kaikkia.
Tänään käsittelemme:
- Good habits (vähäsen vain / nopeati)
- Adaptive design
- Optimization
- Adaptiivinen sisältö
Good habits
Tehkää validia koodia, käyttäkää Doctype-määrityksiä. Käyttäkää UTF-8:ia. (Nyt tulee kyllä tosi peruskamaa.) Laittakaa Javascript ulkoisiin tiedostoihin (jos on bodyssä, se voi sekoittaa mobiililaitteita
) Käyttäkää suhteellisia määreitä, esim. em ja prosentteja %. Lisäksi tähän kaikki muut perusdesignjutut jotka on turhankin selviä (esim. käyttää kuvissa alt-määreitä, ..) PNG-kuvamuotoa ei tue kaikki mobiililaitteet, joten suosikaa jpg ja gif-kuvia. Älkää käyttäkö taulukoita (table) layoutiin. Ei pop-up ikkunoita.