Using HTML5 and CSS3
A guided walk-through of how to upgrade an site using HTML5 and CSS3
You are currently not signed in. Please sign in to access subscriber-only content.
Currently using: {{getCurrentPlayerName()}} [Change]
| expand all | collapse all | Progress | Duration | |
|---|---|---|---|
An Accelerated Overview of HTML5 and CSS3 |
|
00:07:13 | |
|
Introduction
|
|
01:26 | |
|
Course Objectives
|
|
00:51 | |
|
Overview of HTML5 and CSS3
|
|
02:09 | |
|
Scenario Overview
|
|
02:14 | |
|
Summary
|
|
00:33 | |
Semantic Tags |
|
00:26:25 | |
|
Introduction
|
|
01:02 | |
|
What is Missing from HTML5?
|
|
03:43 | |
|
Why Semantics?
|
|
02:11 | |
|
New Semantic Elements
|
|
00:41 | |
|
DEMO-Setting up Visual Studio 2010
|
|
02:15 | |
|
DEMO-Create 'old' HTML page
|
|
04:53 | |
|
DEMO-Outline 'old' HTML
|
|
01:43 | |
|
DEMO-Update Page with Semantics
|
|
04:06 | |
|
DEMO-Outline with HTML5
|
|
04:33 | |
|
Summary
|
|
01:18 | |
Audio, Video, and Canvas |
|
00:36:18 | |
|
Introduction
|
|
01:30 | |
|
Overview of User Experience
|
|
02:26 | |
|
DEMO-Prepare a Simple HTML5 Template
|
|
02:42 | |
|
DEMO-Simple Audio
|
|
04:55 | |
|
DEMO-Multiple Audio
|
|
02:47 | |
|
DEMO-Modify Web.Config for Video
|
|
02:04 | |
|
DEMO-Video Player
|
|
04:58 | |
|
DEMO-Canvas Basics
|
|
07:14 | |
|
DEMO-Upgrade Scenario
|
|
07:03 | |
|
Summary
|
|
00:39 | |
New Form Inputs |
|
00:22:52 | |
|
Introduction
|
|
00:54 | |
|
Overview of HTML Form Inputs
|
|
01:01 | |
|
DEMO-Simple HTML Form
|
|
02:43 | |
|
DEMO-Required Input
|
|
00:55 | |
|
DEMO-Placeholder Attribute
|
|
01:41 | |
|
DEMO-Email Input
|
|
01:43 | |
|
DEMO-URL Input
|
|
01:59 | |
|
DEMO-Meter Tag
|
|
02:42 | |
|
DEMO-Upgrade Scenario
|
|
08:38 | |
|
Summary
|
|
00:36 | |
CSS3 |
|
00:23:22 | |
|
Introduction
|
|
01:12 | |
|
Overview of CSS
|
|
01:10 | |
|
DEMO-Adding CSS3 and How
|
|
03:52 | |
|
DEMO-Fonts
|
|
03:11 | |
|
DEMO-Colors
|
|
02:07 | |
|
DEMO-Shadowing
|
|
03:24 | |
|
DEMO-Rounded Corners
|
|
00:47 | |
|
DEMO-Gradients
|
|
02:35 | |
|
DEMO-Transforms
|
|
01:55 | |
|
DEMO-Form Inputs
|
|
02:33 | |
|
Summary
|
|
00:36 | |
User Experience Across Multiple Browsers |
|
00:16:37 | |
|
Introduction
|
|
01:05 | |
|
Challenges with Browsers
|
|
00:55 | |
|
DEMO-Fallbacks
|
|
03:02 | |
|
DEMO-Feature Detection
|
|
03:56 | |
|
DEMO-Usage Scenario
|
|
06:49 | |
|
Summary
|
|
00:50 |
An Accelerated Overview of HTML5 and CSS3