24. mobile
‣ absolutely personal
Tuesday, November 1, 11
25. mobile
‣ absolutely personal
‣ +5 billions
Tuesday, November 1, 11
26. mobile
‣ absolutely personal
‣ +5 billions
‣ will be the 1st browsing device...
soon
Tuesday, November 1, 11
27. mobile
‣ absolutely personal
‣ +5 billions
‣ will be the 1st browsing device...
soon
‣ make us focus
Tuesday, November 1, 11
28. mobile
‣ absolutely personal
‣ +5 billions
‣ will be the 1st browsing device...
soon
‣ make us focus
‣ read our context...
Tuesday, November 1, 11
29. mobile
‣ absolutely personal
‣ +5 billions
‣ will be the 1st browsing device...
soon
‣ make us focus
‣ read our context...
‣ ... always...
Tuesday, November 1, 11
30. mobile
‣ absolutely personal
‣ +5 billions
‣ will be the 1st browsing device...
soon
‣ make us focus
‣ read our context...
‣ ... always...
‣ ... and everywhere.
Tuesday, November 1, 11
43. when we say mobile web
Tuesday, November 1, 11
44. when we say mobile web
from a developer’s
perspective it’s using HTML,
CSS and JavaScript to
develop mobile apps
Tuesday, November 1, 11
45. when we say mobile web
from a developer’s
perspective it’s using HTML,
CSS and JavaScript to
develop mobile apps
(browser or installed)
Tuesday, November 1, 11
46. what are the
problems with
mobile web?
Tuesday, November 1, 11
47. we are second class
producers
Tuesday, November 1, 11
55. html5
‣ w3c standards (all in draft)
Tuesday, November 1, 11
56. html5
‣ w3c standards (all in draft)
‣ some are other w3c standards
Tuesday, November 1, 11
57. html5
‣ w3c standards (all in draft)
‣ some are other w3c standards
‣ de-facto standards
Tuesday, November 1, 11
58. html5
‣ w3c standards (all in draft)
‣ some are other w3c standards
‣ de-facto standards
‣ w3c ex-standards
Tuesday, November 1, 11
59. html5
‣ w3c standards (all in draft)
‣ some are other w3c standards
‣ de-facto standards
‣ w3c ex-standards
‣ everything “new” on the web
Tuesday, November 1, 11
62. mobile browsers
‣ too many
‣ (some) too limited
Tuesday, November 1, 11
63. mobile browsers
‣ too many
‣ (some) too limited
‣ (some) too innovative
Tuesday, November 1, 11
64. mobile browsers
‣ too many
‣ (some) too limited
‣ (some) too innovative
‣ (some) proxy based
Tuesday, November 1, 11
65. mobile browsers
‣ too many
‣ (some) too limited
‣ (some) too innovative
‣ (some) proxy based
‣ (most) without documentation
Tuesday, November 1, 11
66. mobile browsers
‣ too many
‣ (some) too limited
‣ (some) too innovative
‣ (some) proxy based
‣ (most) without documentation
‣ (most) without a name
Tuesday, November 1, 11
67. mobile browsers
‣ too many
‣ (some) too limited
‣ (some) too innovative
‣ (some) proxy based
‣ (most) without documentation
‣ (most) without a name
‣ (most) without debugging tools
Tuesday, November 1, 11
69. mobile browsers
‣ (some) focus-based
Tuesday, November 1, 11
70. mobile browsers
‣ (some) focus-based
‣ (some) cursor-based
Tuesday, November 1, 11
71. mobile browsers
‣ (some) focus-based
‣ (some) cursor-based
‣ (some) touch-based
Tuesday, November 1, 11
72. mobile browsers
‣ (some) focus-based
‣ (some) cursor-based
‣ (some) touch-based
‣ (some) multitouch-based
Tuesday, November 1, 11
73. mobile browsers
‣ (some) focus-based
‣ (some) cursor-based
‣ (some) touch-based
‣ (some) multitouch-based
‣ (some) with zooming support
Tuesday, November 1, 11
74. mobile browsers
‣ (some) focus-based
‣ (some) cursor-based
‣ (some) touch-based
‣ (some) multitouch-based
‣ (some) with zooming support
‣ (most) unknown for web devs
Tuesday, November 1, 11
79. jQuery mobile is not...
‣ alternative mobile jQuery framework
Tuesday, November 1, 11
80. jQuery mobile is not...
‣ alternative mobile jQuery framework
‣ SDK for native/hybrid compilation
Tuesday, November 1, 11
81. jQuery mobile is not...
‣ alternative mobile jQuery framework
‣ SDK for native/hybrid compilation
‣ a framework for doing all using JS
Tuesday, November 1, 11
82. jQuery mobile is not...
‣ alternative mobile jQuery framework
‣ SDK for native/hybrid compilation
‣ a framework for doing all using JS
‣ the solution for every app
Tuesday, November 1, 11
87. a webapp can be...
‣ a website or service based on the
browser
Tuesday, November 1, 11
88. a webapp can be...
‣ a website or service based on the
browser
‣ a full-screen (chromeless) app on the
browser
Tuesday, November 1, 11
89. a webapp can be...
‣ a website or service based on the
browser
‣ a full-screen (chromeless) app on the
browser
‣ a hybrid -native app through stores-
Tuesday, November 1, 11
96. features
‣ non-intrusive semantic html5 code
Tuesday, November 1, 11
97. features
‣ non-intrusive semantic html5 code
‣ open sourced
Tuesday, November 1, 11
98. features
‣ non-intrusive semantic html5 code
‣ open sourced
‣ lightweight
Tuesday, November 1, 11
99. features
‣ non-intrusive semantic html5 code
‣ open sourced
‣ lightweight
‣ multiplatform with progressive
enhancement
Tuesday, November 1, 11
100. features
‣ non-intrusive semantic html5 code
‣ open sourced
‣ lightweight
‣ multiplatform with progressive
enhancement
‣ accessibility support
Tuesday, November 1, 11
101. features
‣ non-intrusive semantic html5 code
‣ open sourced
‣ lightweight
‣ multiplatform with progressive
enhancement
‣ accessibility support
‣ customizable
Tuesday, November 1, 11
102. features
‣ non-intrusive semantic html5 code
‣ open sourced
‣ lightweight
‣ multiplatform with progressive
enhancement
‣ accessibility support
‣ customizable
‣ includes javascript api
Tuesday, November 1, 11
113. what do we need?
‣ a text editor
Tuesday, November 1, 11
114. what do we need?
‣ a text editor
‣ a browser
Tuesday, November 1, 11
115. what do we need?
‣ a text editor
‣ a browser
‣ and the framework?
Tuesday, November 1, 11
116. what do we need?
‣ a text editor
‣ a browser
‣ and the framework?
‣ and hybrid compilers?
Tuesday, November 1, 11
117. what do we need?
‣ a text editor
‣ a browser
‣ and the framework?
‣ and hybrid compilers?
‣ and emulators and simulators?
Tuesday, November 1, 11
118. what do we need?
‣ a text editor
‣ a browser
and the framework?
‣
‣ and hybrid compilers?
‣ and emulators and simulators?
www.mobilexweb.com/emulators
Tuesday, November 1, 11
129. the framework today
‣ a javascript file
‣ a css file and a group of images
Tuesday, November 1, 11
130. the framework today
‣ a javascript file
‣ a css file and a group of images
‣ self-hosted
Tuesday, November 1, 11
131. the framework today
‣ a javascript file
‣ a css file and a group of images
‣ self-hosted
‣ CDN - “stable” versions
Tuesday, November 1, 11
132. the framework today
‣ a javascript file
‣ a css file and a group of images
‣ self-hosted
‣ CDN - “stable” versions
‣ CDN - latest versions
Tuesday, November 1, 11
152. advanced topics
‣ using javascript for loading content
Tuesday, November 1, 11
153. advanced topics
‣ using javascript for loading content
‣ theming and customization
Tuesday, November 1, 11
154. advanced topics
‣ using javascript for loading content
‣ theming and customization
‣ styling for non-compatible devices
Tuesday, November 1, 11
155. advanced topics
‣ using javascript for loading content
‣ theming and customization
‣ styling for non-compatible devices
‣ javascript api & events
Tuesday, November 1, 11
156. advanced topics
‣ using javascript for loading content
‣ theming and customization
‣ styling for non-compatible devices
‣ javascript api & events
‣ html5 (geolocation, offline storage,
offline access, accelerometer)
Tuesday, November 1, 11
157. you can reach a good
thank you!
experience
firt.mobi
twitter: @firt
mobilexweb.com
https://www.ch-open.ch/auswertung/
Pictures)from)freedigitalphotos.net)
Tuesday, November 1, 11