Expanded

Using HTML5 and CSS3

By Michael Palermo
A guided walk-through of how to upgrade a site using HTML5 and CSS3
Get started
Course info
Rating
(755)
Level
Beginner
Updated
Dec 2, 2011
Duration
2h 12m
Table of contents
An Accelerated Overview of HTML5 and CSS3
Introduction 1m Course Objectives 1m Overview of HTML5 and CSS3 2m Scenario Overview 2m Summary 1m
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
Introduction 1m Challenges with Browsers 1m DEMO-Fallbacks 3m DEMO-Feature Detection 4m DEMO-Usage Scenario 7m Summary 1m
Description
Course info
Rating
(755)
Level
Beginner
Updated
Dec 2, 2011
Duration
2h 12m
Your 10-day individual free trial includes:

Expanded library

This course and over 7,000+ additional courses from our full course library.

Hands-on library

Practice and apply knowledge faster in real-world scenarios with projects and interactive courses.
*Available on Premium only
Start a Premium 10-day free trial
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
Michael Palermo
About the author

J. Michael Palermo IV is a Microsoft Developer Evangelist based out of Phoenix, AZ

More from the author
A Comparison of Microsoft Web Technologies
Beginner
1h 15m
Apr 12, 2016
Microsoft Design Principles
Intermediate
1h 6m
Dec 6, 2013
CSS3
Beginner
2h 46m
Mar 6, 2012

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT

Course info
Rating
(755)
Level
Beginner
Updated
Dec 2, 2011
Duration
2h 12m
Pluralsight IQ
Know exactly where everyone on your team stands with assessments and analytics.
Try our full library including this course free for your whole team for 14-days.