HTML5 for Mobile Devices [Video]

HTML5 for Mobile Devices [Video]

Mark Lassoff

Create Flexible HTML5 That Works on Mobile, Tablet and Desktop Devices
Mapt Subscription
FREE
$29.99/m after trial
Video
$54.40
RRP $63.99
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$54.40
$29.99p/m after trial
RRP $63.99
Subscription
Video
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Video Details

ISBN 139781788625043
Course Length2 hours 18 minutes

Video Description

We're living in a world of multiple screens. On a typical day you might view the screen on your mobile device, your tablet, your television and desktop computer at work. Designing content that works on all size screens and optimizing for mobile previously meant writing multiple versions of your application. However, those days are over. Today, with a good understanding of HTML you can write your code so that it works on every size screen while taking advantage of the unique environment afforded by mobile. This course will show you how. It's no longer enough to write HTML5 that doesn't go everywhere customers do. Increasingly, your customers are more and more mobile and your HTML5 has to have the flexibility to be displayed on any screen and the features to take advantage of the mobile ecosystem. This course is for you if you know a bit of HTML and are looking to expand your skills in to the mobile realm. If you're a web designer or developer trying to expand your work beyond the desktop you're going to truly benefit from this excellent course.

Style and Approach

This course is for you if you know a bit of HTML and are looking to expand your skills in to the mobile realm.

Table of Contents

HTML5 for Mobile Devices
Welcome to the Course
About Your Instructor
Welcome to Mobile
Chapter Preview
The Mobile Screen
Emulating the Mobile Screen with Google Chrome
Creating Your First Mobile HTML5 Site
HTML5 and CSS Coding For Mobile
Chapter Preview
The Viewport Meta Tag
Displaying and Hiding Content on Mobile
Adjusting Content for Mobile Screens
Adjusting Multiple Column Layout for Mobile
Using Dynamic Units
Geolocation
Chapter Preview
Determining Location with Javascript
Displaying a Map
Obtaining Local Information
jQuery Mobile Basics
Chapter Preview
jQuery Mobile Page Metaphor
jQuery Mobile Buttons
jQuery Mobile Icons
jQuery Mobile Popups
jQuery Mobile Toolbar
jQuery Mobile Navbars
Working with Gestures
Chapter Preview
The Hammer.js library
Taps and Presses
Swipes and Pans
Storage
Chapter Preview
Storing Session Data
Storing Local Storage Data
Storing Object and State
Offline Apps
Chapter Preview
The Cache Manifest
Adding the Manifest to your HTML
Managing the Manifest with Javascript
Goodbye From Mark!

What You Will Learn

  • Understand the dynamics of screen size
  • How to emulate screens with Google Chrome
  • How to use the viewport meta tag
  • How to hide and display content on mobile to optimize space
  • To make content adjustments for mobile screens
  • To make adjustments in multiple column layouts for small screens
  • How to use dynamic units to make font size adjustments
  • How to determine device location
  • How to display a map
  • How to get information about the local area from Google Places
  • How to use the jQuery Mobile page metaphor
  • How to create mobile buttons with jQuery Mobile
  • Using mobile icons with jQuery Mobile
  • Working with jQuery Mobile popups
  • Using toolbars in jQuery mobile
  • Applying navbars in jQuery Mobile
  • Installing the HammarJS library for gestures
  • Detecting tap and press gestures
  • Detecting swipe and pan gestures
  • Storing data on mobile devices
  • Storing session data on mobile
  • Using HTML5's localStorage object
  • Storing a Javascript object with state using serialization
  • Understanding the cache manifest
  • Adding the cache manifest to HTML
  • Managing the manifest for offline apps

Authors

Table of Contents

HTML5 for Mobile Devices
Welcome to the Course
About Your Instructor
Welcome to Mobile
Chapter Preview
The Mobile Screen
Emulating the Mobile Screen with Google Chrome
Creating Your First Mobile HTML5 Site
HTML5 and CSS Coding For Mobile
Chapter Preview
The Viewport Meta Tag
Displaying and Hiding Content on Mobile
Adjusting Content for Mobile Screens
Adjusting Multiple Column Layout for Mobile
Using Dynamic Units
Geolocation
Chapter Preview
Determining Location with Javascript
Displaying a Map
Obtaining Local Information
jQuery Mobile Basics
Chapter Preview
jQuery Mobile Page Metaphor
jQuery Mobile Buttons
jQuery Mobile Icons
jQuery Mobile Popups
jQuery Mobile Toolbar
jQuery Mobile Navbars
Working with Gestures
Chapter Preview
The Hammer.js library
Taps and Presses
Swipes and Pans
Storage
Chapter Preview
Storing Session Data
Storing Local Storage Data
Storing Object and State
Offline Apps
Chapter Preview
The Cache Manifest
Adding the Manifest to your HTML
Managing the Manifest with Javascript
Goodbye From Mark!

Video Details

ISBN 139781788625043
Course Length2 hours 18 minutes
Read More

Read More Reviews

Recommended for You

HTML & CSS For Beginners with HTML5 [Video] Book Cover
HTML & CSS For Beginners with HTML5 [Video]
$ 49.99
$ 42.50
Responsive Web Development with HTML5, CSS3, and JavaScript [Video] Book Cover
Responsive Web Development with HTML5, CSS3, and JavaScript [Video]
$ 124.99
$ 106.25
Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile Book Cover
Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile
$ 26.99
$ 18.90
Web Visualization with HTML5, CSS3, and JavaScript [Video] Book Cover
Web Visualization with HTML5, CSS3, and JavaScript [Video]
$ 74.99
$ 63.75
HTML5 Specialist Designation [Video] Book Cover
HTML5 Specialist Designation [Video]
$ 198.99
$ 169.15
Mastering HTML5 Game Development [Video] Book Cover
Mastering HTML5 Game Development [Video]
$ 94.99
$ 80.75