Anatomy of a HTML5 Mobile App

VIInternet και Εφαρμογές Web

15 Οκτ 2011 (πριν από 6 χρόνια και 10 μέρες)

1.449 εμφανίσεις

An example of the components you need to consider when creating a cross-platform HTML5 mobile app

Y
ou must be able to test and debug all of these components individually
Server
-side
Device Detection
HTML Classes
HTML5 App
HTML5
CSS3
UX Patterns
Javascript
Determine Device
Type & Capabilities
Cache Manifest
Cache Manifest
Device Access
Data Sync
Offl
ine Storage
URL Handling
Resets
T
ypography
Layouts
Color
Images
Typography
Layouts
Color
Images
Interactions
Features
Poly Fills
Shims
Data Sync
Offl
ine Storage
Location
Ajax & DOM
SDK Emulation
Orientation
Images
Typography
Color
Data
† Multiply by number of tar
get platforms you intend to support. Remember to account for variation and fragmentation.
Anatomy of a HTML5 Mobile App
An example of the components you need to consider when cr
eating a cr
oss-platform HTML5 mobile app
User
V
iew
User
Request
App Theme
Core Theme
Device Themes

Device Scripts

Core Scripts
Hybrid Scripts