Using HTML5 and CSS3
A guided walk-through of how to upgrade a site using HTML5 and CSS3
Course info
Rating
Level
Beginner
Updated
Dec 2, 2011
Duration
2h 13m
Table of contents
An Accelerated Overview of HTML5 and CSS3
Semantic Tags
Introduction
1m
What is Missing from HTML5?
4m
Why Semantics?
2m
New Semantic Elements
1m
DEMO-Setting up Visual Studio 2010
2m
DEMO-Create 'old' HTML page
5m
DEMO-Outline 'old' HTML
2m
DEMO-Update Page with Semantics
4m
DEMO-Outline with HTML5
5m
Summary
1m
Audio, Video, and Canvas
Introduction
2m
Overview of User Experience
2m
DEMO-Prepare a Simple HTML5 Template
3m
DEMO-Simple Audio
5m
DEMO-Multiple Audio
3m
DEMO-Modify Web.Config for Video
2m
DEMO-Video Player
5m
DEMO-Canvas Basics
7m
DEMO-Upgrade Scenario
7m
Summary
1m
New Form Inputs
Introduction
1m
Overview of HTML Form Inputs
1m
DEMO-Simple HTML Form
3m
DEMO-Required Input
1m
DEMO-Placeholder Attribute
2m
DEMO-Email Input
2m
DEMO-URL Input
2m
DEMO-Meter Tag
3m
DEMO-Upgrade Scenario
9m
Summary
1m
CSS3
Introduction
1m
Overview of CSS
1m
DEMO-Adding CSS3 and How
4m
DEMO-Fonts
3m
DEMO-Colors
2m
DEMO-Shadowing
3m
DEMO-Rounded Corners
1m
DEMO-Gradients
3m
DEMO-Transforms
2m
DEMO-Form Inputs
3m
Summary
1m
User Experience Across Multiple Browsers
Description
Course info
Rating
Level
Beginner
Updated
Dec 2, 2011
Duration
2h 13m
Description
This course tackles the topic of HTML5 and CSS3 with the perspective of upgrading an existing site. A realistic approach is demonstrated that explains how and why to modify existing HTML tags to use HTML5 features. Tips and tricks provided to ensure a consistent user experience across multiple browsers.
About the author
About the author
J. Michael Palermo IV is a Microsoft Developer Evangelist based out of Phoenix, AZ