Think Vitamin Master Classes - HTML5 and Responsive Web Design [2011, ENG]

Обучающие видео » Компьютерные видеоуроки и обучающие интерактивные DVD » Web-дизайн

Think Vitamin Master Classes - HTML5 и Responsive Web Design

Год выпуска: 2011
Производитель: Carsonified
Сайт производителя: http://membership.thinkvitamin.com/masterclasses
Автор: Jim Hoskins, Nick Pettit
Продолжительность: 5 - 30 мин
Тип раздаваемого материала: Видеоурок
Язык: Английский
Описание:

Мастер классы от 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.
[spoiler="Содержание"]
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
[/spoiler]
Файлы примеров: присутствуют
Формат видео: MP4
Видео: H.264/MPEG-4 AVC, AVC, 1066x600 (16:9), 29 fps, ~ 964 Kbps
Аудио: AAC - MPEG-4 audio, 44.1 KHz, 128 Kbps, 2 channels
[spoiler="Скриншоты"]



[/spoiler]
Последние уроки из Responsive Web Design так же присутствуют в https://rutracker.org/forum/viewtopic.php?t=3411551 раздаче. Включены в данную раздачу, т.к. присутствуют в содержании Master Class'ов как сопутствующие по теме.

Обновление 01.06.11 - Один битый файл заменен. Пожалуйста, перекачайте торрент.