websites voor tablets
10 Tips voor het optimaliseren van je website voor de tablet
Hoe maak je een webapp?
Website gedraagt zich als webapp (iPad)
- open in Safari en zet bladwijzer op beginscherm
- zet in website het volgende code om het te tonen zonder browserbalk en om een zgn. "web clip" icoon te leveren voor weergave in beginscherm:
<meta name="apple-mobile-web-app-capable" content="yes"> <link rel="apple-touch-icon"href="logo.png">
Het "web clip icon" moet 57 x 57 pixels of 114 x 114 pixels groot zijn. (guidelines)
Lees de Human Interface Guidelines (HIG)
Mobile Human Interface Guidelines
maak de website zichtbaar op 100% schaal
Neem de volgende code op in de header om de initiele zoomfactopr op 100 te zetten:
<meta name="viewport" content="width=device-width, initial-scale=1">
Gebruik jQuery Mobile
Lees c`t 2012, nr. 9. softlink
De bronbestanden Δ
De voorbeeldapp jqmOrakel