HTML5 Essentials

  <div class="showMore hidden" id="showMoreDescription"><button class="more"><span class="screen-reader-text">Show and hide more</span></button></div>

Table of Contents

Lesson 1

HTML5 Core 00:10:52

HTML5 Family 00:08:18

Lesson 2

Introduction to HTML Markup 00:06:11

Validating Your Web Pages in HTML 00:06:57

Adding Links and Images 00:06:59

Styling a Heading with CSS 00:06:27

Using a CSS Class 00:05:53

Creating an External Stylesheet 00:06:59

Lesson 3

Adding Font Styles to Your Page with CSS 00:05:50

Using Scalable Font Sizes 00:08:18

Adjusting Margins and Padding 00:05:48

Controlling Line Height and Width 00:07:16

Displaying Lists Of Information 00:08:19

Styling HTML Lists Using CSS 00:10:53

Lesson 4

Working with a CSS Reset File 00:07:33

Creating Containers with div Elements 00:10:06

Understanding the Float Property 00:08:44

Creating Columns with the Float Property 00:05:27

Working with the Clear Property 00:06:08

Creating a List-based Navigation Bar 00:08:01

Controlling Column Layouts with Padding 00:07:21

Controlling Column Layouts with Margins 00:10:55

Styling a Page Footer 00:06:45

Lesson 5

Creating Basic Layout Styles 00:06:19

Working with CSS Background Images 00:07:23

Solving Common Layout Problems 00:09:23

Creating an Enhanced CSS Navigation Bar 00:12:48

Using Absolute Positioning for Precise Layouts 00:08:55

Lesson 6

HTML5 Syntax Fundamentals 00:06:55

Adding Your First HTLM5 Element 00:09:32

Adding Nav and Section Elements 00:08:19

Adding the Footer Element 00:07:49

Adding the Article and Aside Elements 00:10:17

Working with Additional HTML5 Elements 00:05:51

Lesson 7

Creating HTML5 Forms 00:07:27

Best Practices for Styling Form Legends and Labels 00:05:46

Styling Labels in Forms 00:08:15

Adding HTML5 Input Types 00:06:59

Adding HTML5 Attributes 00:08:45

Working with Data Lists in HTML5 00:10:05

Working with the Range Input Type 00:06:29

Providing Fallback Support for Browsers 00:07:31

Lesson 8

JavaScript Basics 00:11:56

JavaScript Events 00:04:28

Accessing the DOM using JavaScript 00:07:32

Hiding an Element with jQuery 00:07:43

Showing a Hidden Element with jQuery Show Effect 00:08:32

Lesson 9

Adding HTML5 Video 00:08:46

Adding Support for Multiple Browsers 00:09:44

Adding Support for Older Browsers with HTML5 00:06:19

Controlling Video Playback 00:11:17

Adding HTML5 Audio 00:04:08

Lesson 10

Introduction to the Canvas 00:07:44

Drawing Rectangles with Fills and Strokes 00:07:51

Drawing Lines and Circles 00:11:08

Using Canvas to Draw Arcs and Curves 00:10:22

Working with Text on the Canvas 00:06:32

Using Gradients and Transparency 00:10:04

Adding Images to the Canvas 00:05:36

Applying Transforms and Transitions 00:06:45

Creating a Drawing Loop 00:06:43

Lesson 11

Creating Rounded Corners with Border-radius 00:08:13

Adding Border Images to Elements 00:06:40

Working with Mulitple Background Images 00:09:24

Creating Linear, Radial and Repeating Gradients 00:07:49

Using Opacity and Alpha Transparency 00:08:42

Using Transforms to Scale, Skew and Rotate Elements 00:05:04

Working with CSS3 Transitions 00:10:35

Working with Webfonts in CSS3 00:06:13

Using a Web Service in Order to Embed Web Fonts 00:07:44

Lesson 12

Creating a CSS3 Media Query 00:08:58

Creating a Layout for Mobile and Small Screen Devices 00:10:41

Exploring CSS3 Multi-column Layouts 00:06:07

Exploring the Flexible-box Layout Module 00:12:48

Lesson 13

Introduction to Offline or Local Storage 00:09:58

Working with Local Storage 00:10:12

Working with the Application Cache 00:09:03

Lesson 14

Working with HTML Geolocation 00:08:44

Displaying User Location on a Map 00:09:17

Displaying Markers on a Map 00:07:37

Lesson 15

Introduction to Drag and Drop 00:10:26

Differences in How Browsers Handle Drag and Drop 00:06:59