A Webvanta Online Course

Designing for the Mobile Web

Deliver Great Experiences on Phones and Tablets

Use of the mobile web is exploding at an incredible rate. More than a quarter of a billion web-capable phones and tablets are being shipped annually. Within a few years, most sites will have at least as many accesses from mobile devices as from desktop and notebook computers.

Deciding how to best take advantage of mobile devices can be difficult. Not only can it be daunting trying to figure out how to fit everything on a tiny screen, but you need to choose between mobile websites, HTML5 web apps, and native apps.

By the end of this course, you'll understand when to simply build a mobile website, when an app makes sense, and when going native is worthwhile. You'll know how to approach user interface design and content structure for mobile devices, how to give tablet users a great experience, and what frameworks like jQuery Mobile can do for you.

Designing for the Mobile Web

Watch at Your Own Pace

When you sign up for the full course package, you'll get access to the Course Portal, with all four hours of lessons for each of the three courses: 12 hours total. You can watch the recordings at your own pace, and download the slides and sample code files so you can follow along.

You'll also be invited to join an online group, where the instructors will answer questions.

Who This Course is For

This course is for designers and developers who are comfortable with at least the basics of the "old" web (i.e., sites designed for big screens), and want to get up to speed on designing for mobile devices, including phones and tablets.

Attendees should understand basic HTML and CSS.

Course Outline

Lesson 1: Understanding the Mobile Landscape

  • Why mobile?
  • Mobile is different: crafting mobile experiences.
  • Platforms to consider: iOS, Android, Windows Phone.
  • The advantages and costs of native apps.
  • Crafting content for mobile sites.
  • Understanding mobile users.

Lesson 2: Mobile Device Constraints and Opportunities

  • Phones vs. tablets: what do you need to do differently?
  • Design for touchscreens.
  • What screen sizes do you target?
  • Gestures and how to use them.
  • Native apps vs. web apps.

Lesson 3: HTML5 Web Apps

  • Pros and cons of web apps for mobile devices.
  • Using responsive design.
  • Using jQuery Mobile to quickly build app-like sites.
  • How to make your site more app-like.
  • HTML5 web-app features.
  • Dealing with platform differences.

Lesson 4: Native Apps

  • Pros and cons of native apps.
  • Features that require a native app.
  • Using simple web-based app builders.
  • Using PhoneGap to create cross-platform native apps with only web design skills.
  • Dealing with App Stores.
  • Alternative ways to distribute apps.

Enjoyable Learning

“Webvanta‘s online HTML5/CSS3 course gave a practical look into the current markup languages that was essential to me as a web designer. They gave instruction with application in mind, rather than spending time on general theory, which I appreciated.”
— Alexa Chipman

“Great overview of some of the key technologies needed for website development; saved me lots of time by focusing on mainstream, best-practice approaches to solving these problems, with an emphasis on where things are headed. Delivered in a friendly, interactive, right-paced manner with lots of straightforward coding samples from accomplished professionals.”
— John Henel

“The Design for the Mobile Web course was excellent. The clear and concise examples showed how, why and when to build web apps versus a fully native app, how to structure user interfaces for different devices, and how to optimize the app to target devices.”
— Dave Corbin

“These courses helped to focus my attention on those areas I want to learn more about, and those I don't ... which is just as important! The combination of live instruction, slides, and recorded archives with sample files made for a comprehensive course that is typical of Webvanta's thorough and quality approach to everything they do.”
— Dan Gilbert


For a Limited Time, Get All 3 Courses for Just $179!

Register Now

Includes all three courses, 12 lessons in total.

Call us at 888.670.6793
Or click for a free consultation

Get All 3 Courses for Just $179!

We've found that most people sign up for at least two of our three courses. So we're now offering them only as a bundle of all three courses, at the discounted price of just $179.

Register Now

You'll get access to the course portal, with all the videos and sample files, for at least one year. In addition, you'll have access to a discussion group and course email address so you can ask questions of the instructors.


Spread the Word!


Course Instructors


Andrew DesChenes


Michael Slater

All our courses are taught by the leaders and staff of Webvanta.

You can read more about the instructors on our team page.

We spend all day, every day, helping designers deliver better sites.

In addition to being technology experts, we're great communicators and we love to teach.

Satisfaction Guaranteed