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.Who is the target audience?Developers and Designers moving to mobile
Teachers and students
HTML authors who want to have great looking content on any size screen
Graphic designers
Facilities
Location
Start date
Online
Start date
Different dates availableEnrolment now open
About this course
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
Questions & Answers
Add your question
Our advisors and other users will be able to reply to you
We are verifying your question adjusts to our publishing rules. According to your answers, we noticed you might not be elegible to enroll into this course, possibly because of: qualification requirements, location or others. It is important you consult this with the Centre.
Thank you!
We are reviewing your question. We will publish it shortly.
Or do you prefer the center to contact you?
Reviews
Have you taken this course? Share your opinion
This centre's achievements
2021
All courses are up to date
The average rating is higher than 3.7
More than 50 reviews in the last 12 months
This centre has featured on Emagister for 4 years
Subjects
Layout
Design
Works
HTML
Presentation
Course programme
Welcome to the Course
2 lectures01:29Welcome to the Course Welcome to HTML5 for Mobile Devices. I'll tell you what's to come in this video.About Your Instructor Learn a little bit about me in this short video!
Welcome to the Course
2 lectures01:29Welcome to the Course Welcome to HTML5 for Mobile Devices. I'll tell you what's to come in this video.About Your Instructor Learn a little bit about me in this short video!
Welcome to the Course Welcome to HTML5 for Mobile Devices. I'll tell you what's to come in this video.
Welcome to the Course Welcome to HTML5 for Mobile Devices. I'll tell you what's to come in this video.
Welcome to the Course Welcome to HTML5 for Mobile Devices. I'll tell you what's to come in this video.
Welcome to the Course Welcome to HTML5 for Mobile Devices. I'll tell you what's to come in this video.
Welcome to HTML5 for Mobile Devices. I'll tell you what's to come in this video.
Welcome to HTML5 for Mobile Devices. I'll tell you what's to come in this video.
About Your Instructor Learn a little bit about me in this short video!
About Your Instructor Learn a little bit about me in this short video!
About Your Instructor Learn a little bit about me in this short video!
About Your Instructor Learn a little bit about me in this short video!
Learn a little bit about me in this short video!
Learn a little bit about me in this short video!
Welcome to Mobile
4 lectures16:04Chapter Preview Welcome to this discussion of the mobile screen.The Mobile Screen You'll learn the different ways size can be measured on the mobile screenEmulating the Mobile Screen with Google Chrome Using Google Chrome, in this section you'll learn how to emulate mobile screens to review content on different sized devices.Creating Your First Mobile HTML5 Site In this section you'll create your first mobile HTML5 site. This is designed to be a quick start exercise-- during the reset of the course all of the techniques used will be explained.
Welcome to Mobile
4 lectures16:04Chapter Preview Welcome to this discussion of the mobile screen.The Mobile Screen You'll learn the different ways size can be measured on the mobile screenEmulating the Mobile Screen with Google Chrome Using Google Chrome, in this section you'll learn how to emulate mobile screens to review content on different sized devices.Creating Your First Mobile HTML5 Site In this section you'll create your first mobile HTML5 site. This is designed to be a quick start exercise-- during the reset of the course all of the techniques used will be explained.
Chapter Preview Welcome to this discussion of the mobile screen.
Chapter Preview Welcome to this discussion of the mobile screen.
Chapter Preview Welcome to this discussion of the mobile screen.
Chapter Preview Welcome to this discussion of the mobile screen.
Welcome to this discussion of the mobile screen.
Welcome to this discussion of the mobile screen.
The Mobile Screen You'll learn the different ways size can be measured on the mobile screen
The Mobile Screen You'll learn the different ways size can be measured on the mobile screen
The Mobile Screen You'll learn the different ways size can be measured on the mobile screen
The Mobile Screen You'll learn the different ways size can be measured on the mobile screen
You'll learn the different ways size can be measured on the mobile screen
You'll learn the different ways size can be measured on the mobile screen
Emulating the Mobile Screen with Google Chrome Using Google Chrome, in this section you'll learn how to emulate mobile screens to review content on different sized devices.
Emulating the Mobile Screen with Google Chrome Using Google Chrome, in this section you'll learn how to emulate mobile screens to review content on different sized devices.
Emulating the Mobile Screen with Google Chrome Using Google Chrome, in this section you'll learn how to emulate mobile screens to review content on different sized devices.
Emulating the Mobile Screen with Google Chrome Using Google Chrome, in this section you'll learn how to emulate mobile screens to review content on different sized devices.
Using Google Chrome, in this section you'll learn how to emulate mobile screens to review content on different sized devices.
Using Google Chrome, in this section you'll learn how to emulate mobile screens to review content on different sized devices.
Creating Your First Mobile HTML5 Site In this section you'll create your first mobile HTML5 site. This is designed to be a quick start exercise-- during the reset of the course all of the techniques used will be explained.
Creating Your First Mobile HTML5 Site In this section you'll create your first mobile HTML5 site. This is designed to be a quick start exercise-- during the reset of the course all of the techniques used will be explained.
Creating Your First Mobile HTML5 Site In this section you'll create your first mobile HTML5 site. This is designed to be a quick start exercise-- during the reset of the course all of the techniques used will be explained.
Creating Your First Mobile HTML5 Site In this section you'll create your first mobile HTML5 site. This is designed to be a quick start exercise-- during the reset of the course all of the techniques used will be explained.
In this section you'll create your first mobile HTML5 site. This is designed to be a quick start exercise-- during the reset of the course all of the techniques used will be explained.
In this section you'll create your first mobile HTML5 site. This is designed to be a quick start exercise-- during the reset of the course all of the techniques used will be explained.
HTML5 and CSS Coding For Mobile
6 lectures21:57HTML5 and CSS Coding For Mobile: Chapter Preview I'm going to preview what's to come in this chapter which details HTML5 and CSS coding in the mobile, multi-screen environment.The Viewport Meta Tag You'll learn how to apply the viewport meta tag in the HTML5 document head which will adjust the virtual window through which your mobile content is displayedDisplaying and Hiding Content on Mobile You'll learn how to create mobile only or desktop only content that will automatically display or hide according to device size.Adjusting Content for Mobile Screens Mark will demonstrate other types of common adjustments that are made in responsive design.Adjusting Multiple Column Layout for Mobile Multiple Column Layouts don't work well on mobile devices. You'll learn how to adjust content so it is streamlined for mobile presentation.Using Dynamic Units You'll learn how to use dynamic units in your CSS which are more mobile friendly.
HTML5 and CSS Coding For Mobile.
6 lectures21:57HTML5 and CSS Coding For Mobile: Chapter Preview I'm going to preview what's to come in this chapter which details HTML5 and CSS coding in the mobile, multi-screen environment.The Viewport Meta Tag You'll learn how to apply the viewport meta tag in the HTML5 document head which will adjust the virtual window through which your mobile content is displayedDisplaying and Hiding Content on Mobile You'll learn how to create mobile only or desktop only content that will automatically display or hide according to device size.Adjusting Content for Mobile Screens Mark will demonstrate other types of common adjustments that are made in responsive design.Adjusting Multiple Column Layout for Mobile Multiple Column Layouts don't work well on mobile devices. You'll learn how to adjust content so it is streamlined for mobile presentation.Using Dynamic Units You'll learn how to use dynamic units in your CSS which are more mobile friendly.
HTML5 and CSS Coding For Mobile: Chapter Preview I'm going to preview what's to come in this chapter which details HTML5 and CSS coding in the mobile, multi-screen environment.
HTML5 and CSS Coding For Mobile: Chapter Preview I'm going to preview what's to come in this chapter which details HTML5 and CSS coding in the mobile, multi-screen environment.
HTML5 and CSS Coding For Mobile: Chapter Preview I'm going to preview what's to come in this chapter which details HTML5 and CSS coding in the mobile, multi-screen environment.
HTML5 and CSS Coding For Mobile: Chapter Preview I'm going to preview what's to come in this chapter which details HTML5 and CSS coding in the mobile, multi-screen environment.
I'm going to preview what's to come in this chapter which details HTML5 and CSS coding in the mobile, multi-screen environment.
I'm going to preview what's to come in this chapter which details HTML5 and CSS coding in the mobile, multi-screen environment.
The Viewport Meta Tag You'll learn how to apply the viewport meta tag in the HTML5 document head which will adjust the virtual window through which your mobile content is displayed
The Viewport Meta Tag You'll learn how to apply the viewport meta tag in the HTML5 document head which will adjust the virtual window through which your mobile content is displayed
The Viewport Meta Tag You'll learn how to apply the viewport meta tag in the HTML5 document head which will adjust the virtual window through which your mobile content is displayed
The Viewport Meta Tag You'll learn how to apply the viewport meta tag in the HTML5 document head which will adjust the virtual window through which your mobile content is displayed
You'll learn how to apply the viewport meta tag in the HTML5 document head which will adjust the virtual window through which your mobile content is displayed
You'll learn how to apply the viewport meta tag in the HTML5 document head which will adjust the virtual window through which your mobile content is displayed
Displaying and Hiding Content on Mobile You'll learn how to create mobile only or desktop only content that will automatically display or hide according to device size.
Displaying and Hiding Content on Mobile You'll learn how to create mobile only or desktop only content that will automatically display or hide according to device size.
Displaying and Hiding Content on Mobile You'll learn how to create mobile only or desktop only content that will automatically display or hide according to device size.
Displaying and Hiding Content on Mobile You'll learn how to create mobile only or desktop only content that will automatically display or hide according to device size.
You'll learn how to create mobile only or desktop only content that will automatically display or hide according to device size.
You'll learn how to create mobile only or desktop only content that will automatically display or hide according to device size.
Adjusting Content for Mobile Screens Mark will demonstrate other types of common adjustments that are made in responsive design.
Adjusting Content for Mobile Screens Mark will demonstrate other types of common adjustments that are made in responsive design.
Adjusting Content for Mobile Screens Mark will demonstrate other types of common adjustments that are made in responsive design.
Adjusting Content for Mobile Screens Mark will demonstrate other types of common adjustments that are made in responsive design.
Mark will demonstrate other types of common adjustments that are made in responsive design.
Mark will demonstrate other types of common adjustments that are made in responsive design.
Adjusting Multiple Column Layout for Mobile Multiple Column Layouts don't work well on mobile devices. You'll learn how to adjust content so it is streamlined for mobile presentation.
Adjusting Multiple Column Layout for Mobile Multiple Column Layouts don't work well on mobile devices. You'll learn how to adjust content so it is streamlined for mobile presentation.
Adjusting Multiple Column Layout for Mobile Multiple Column Layouts don't work well on mobile devices. You'll learn how to adjust content so it is streamlined for mobile presentation.
Adjusting Multiple Column Layout for Mobile Multiple Column Layouts don't work well on mobile devices. You'll learn how to adjust content so it is streamlined for mobile presentation se the library.
jQuery Mobile is a library...
Additional information
Successful students should know some fundamental HTML
