28. Dev Tip: HTML Viewport Settings
<head>
<meta name="viewport"
content="width=device-width,
initial-scale=1.0,
maximum-scale=1.0,
user-scalable=no">
</head>
29. Bootstrap (Responsive)
Single web app that works well across a variety of devices/screen sizes
Re-use content and software
Considers
Device limitations
User’s behavior
34. CSS Media Queries
Detect device screen size and orientation
/* Extra small devices
(phones, less than 768px)
No media query -- Bootstrap default
*/
/* Small devices
(tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }
/* Medium devices
(desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }
/* Large devices
(large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }
38. jQuery Mobile
Can be progressively enhanced or responsive
If “Progressive”:
Built with specific screen sizes in mind
Formal control of UX
Mimics native app look, feel and behavior
Multi-page views
**Perfect for use in Hybrid applications
52. What is PhoneGap?
Native wrapper around headless browser
Cross-device access to storage and sensors
Create JavaScript apps for Google Play, App Store
Typically used in conjunction with jQuery
53. PhoneGap + JavaScript
+
HTML + CSS +
Mobile JavaScript
Framework
=
Android SDK
Project
65. Offline JavaScript? Yes!
Lightweight tools for intermittent offline or fully offline
Editing of features and tile management
Resync edits when internet reestablished
Ability to reload or restart offline
66. Need full featured, robust offline solution?
ArcGIS Runtimes for iOS, Android, Qt and .NET!
Includes integrated support for offline editing and synchronization.
Fully supports related tables, sub-types, domains and much more.