Think Vitamin Master Classes - HTML5 and Responsive Web Design

chinatrang

Think Vitamin Master Classes - HTML5 and Responsive Web Design





Think Vitamin Master Classes - HTML5 and Responsive Web Design

English | Video : H.264, 1066x600, 29 fps, 964 Kbps | Audio : AAC, 44.1 KHz, 128 Kbps | 3.11 GB
Genre: eLearning

Master classes on Think Vitamin Membership

HTML5 Mobile Web Applications

Learn how to build a mobile HTML5 web app that will work across multiple devices, from start to finish. We'll be covering canvas, localStorage and video and all the code is downloadable for you to use.

Responsive Web Design

Responsive Web Design is a fresh take on a growing problem. In this course, you'll learn how to make a design work across the ever widening spectrum of screen resolutions.

Contents
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

Year of manufacture : 2011
Manufacturer : Carsonified



Mirror: