HTML5 Mobile Web Applications
1. HTML5 Mobile UI:
In this first Master Class in the HTML5 Mobile Web Application series, we take a look at the final project, organize our development environment, and then begin work on the Mobile UI.
Introduction 4:21
Requirements: Part 1 5:40
Requirements: Part 2 - 6:15
Development Tools - 4:31
Documentation - 4:51
Downloading Libraries - 5:33
Setting up the Page - 9:41
UI Components: Part 1 - 6:04
UI Components: Part 2 - 10:23
Forms: Part 1 - 7:24
Forms: Part 2 - 11:19
2. HTML5 Mobile JavaScript
In this second Master Class in the series on HTML5 Mobile Web Applications, we continue to build our HTML5 mobile note taking application and learn how to utilize Backbone.js to manage the data in our application.
Introduction to Backbone and Models - 20:27
Creating the Form View - 16:10
Backbone Collections - 16:29
Creating List Views - 27:19
Handling Data Updates - 7:20
Creating Dynamic Pages - 15:23
Sorting Collections - 5:22
Responsive Web Design
1. Mockups for Responsive Design:
Learn how to wireframe and design websites that work across multiple devices and screen resolutions. We'll cover everything you need to know in order to create low fidelity and high fidelity mockups for responsive designs.
Introduction - 8:47
Low Fi Mockup - 9:31
Photoshop: Part 1 - 19:19
Photoshop: Part 2 - 23:14
2. Fluid Grids:
Learn how to create fluid grid layouts using percentage based widths. We'll go over everything you need to know to extract fluid grid calculations from high fidelity mockups.
Introduction and HTML - 20:18
Getting Started with Fluid Grids - 20:36
The Video Container - 12:15
Call to Action and Quotes - 12:58
Finishing Up - 12:24
3. Fundamentals:
Introduction - 5:02
Media Queries - 6:35
Design Basics: Part 1 - 7:03
Design Basics: Part 2 - 7:00
4. Mobile:
Context - 6:04
Touch Devices: Part 1 - 8:20
Touch Devices: Part 2 - 6:14
Touch Devices: Part 3 - 6:26