8. Detektere «touch» Sniffe User-Agentpå serveren Finne skjermstørrelsen med CSS Bruke Javascript: if(window.Touch) /* kun iPhone*/ document.ontouchstart
10. Ikke bruk!Safari på mobil er ikke helt det samme som på desktop Flash Mouse-over Filopplasting og -nedlasting Nedlastbare fonter
11. Simulatorer iPhone 3/4 og iPad simulator installer iOS SDK 4 (kun for Mac) Android emulator installer Android SDK (for Windows, Mac, Linux) må først definere en Android VirtualDevice Opera Mobile emulator Windows, Mac, Linux Opera Mini Simulator http://www.opera.com/mobile/demo/ Windows Phone 7 emulator installer Windows Phone Developer Tools
29. HTML5/CSS3 demoer Demo av Deviceorientation API http://kurrik-slides.appspot.com/html5-techtalk/#slide30 NB! Kun for Chrome påMacbook NB! Tar oftenoensekunderfør den starter HTML5 candance http://code.bocoup.com/audio-data-api/flash-vs-html5/ NB! Kun Firefox 4 – WebGLmåslåspå (beskrevetpåsiden) Kombinasjon av: Webfonts SVG Filters <video> WebGL (3d canvas) Mozilla’sAudio Data API
Notas del editor
Presentasjonen kunne like gjerne hatt denne tittelen (nesten).
Bruk viewport for å utnytte skjermbredden best mulig.
Kilde: A pixel is not a pixel is not a pixel - http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html
Har lest at ting som skal trykkes på i grensesnittet bør være minimum 80x80px og ha en avstand på minst 20px. Dette vil variere fra skjerm til skjerm og bør egentlig oppgis i millimeter.
Bruk type-attributtet på input-elementer for å gi brukeren det beste grensesnittet.
WP7: ”Pin to Start”
For Android to pick up the icon you need a precomposed icon<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png"/>In 2.1-update1, on the Droid, and I presume other 2.* OS phones, when adding a bookmark to the homescreen, the homescreen only displays a custom icon if the link rel="apple-touch-icon" or apple-touch-icon-precomposed have a FULL url path. Full meaning domain and everything.
WP7:The keyword “device-width” is intended to set the width of the Viewport to the width of the device that is viewing the page. On Windows Phone 7, the device width is 480 pixels. However, you will notice that if you set the Viewport width to “device-width”, IE actually sets the width to 320 (and also pins it to 320 if you specify a width of less than 320).
PhoneGap er et (av flere) rammeverk som gjøre det mulig å lage native apps basert på HTML, CSS og JS. Gir tilgang til hardware devicer i de ulike enhentene. PhoneGap e opensource. Se http://www.phonegap.com/features for hvilkemulighetersomgjørestilgjengeligpå de ulikeplattformene.