by Jeffrey Way
Lessons:31Length:2.8 hours

For full access to all 31 lessons, including source files, subscribe with Elements.
- Overview
- Transcript
2.4 Headers, Footers, and Navigation
In 2008, Opera performed a survey to determine what the most popular id
s, and class
es were. As you might expect, #header
,#nav
, and #footer were at the top of the list. With HTML5, we now have designated elements for these sections of your page.
1.Introduction1 lesson, 00:20
1 lesson, 00:20
Free Lesson 1.1Introduction00:20
Free Lesson
1.1
Introduction
00:20
2.The Basics9 lessons, 41:04
9 lessons, 41:04
Free Lesson 2.1The Doctype02:57
Free Lesson
2.1
The Doctype
02:57
2.2What to Remove03:39
2.2
What to Remove
03:39
2.3The Simplest HTML Document Possible03:40
2.3
The Simplest HTML Document Possible
03:40
2.4Headers, Footers, and Navigation07:38
2.4
Headers, Footers, and Navigation
07:38
2.5Sections and Articles08:25
2.5
Sections and Articles
08:25
2.6Asides02:26
2.6
Asides
02:26
2.7Details04:02
2.7
Details
04:02
2.8The HTML5 Shim04:14
2.8
The HTML5 Shim
04:14
2.9Figures04:03
2.9
Figures
04:03
3.Forms6 lessons, 33:33
6 lessons, 33:33
3.1Email Inputs05:36
3.1
Email Inputs
05:36
3.2Url and Tel Inputs08:36
3.2
Url and Tel Inputs
08:36
3.3Search, Color, and Number Inputs04:55
3.3
Search, Color, and Number Inputs
04:55
3.4Range Inputs and JavaScript08:08
3.4
Range Inputs and JavaScript
08:08
3.5New Form Attributes03:57
3.5
New Form Attributes
03:57
3.6Progress and Meter02:21
3.6
Progress and Meter
02:21
4.Feature Detection4 lessons, 25:29
4 lessons, 25:29
4.1An Introduction to Feature Detection07:00
4.1
An Introduction to Feature Detection
07:00
4.2Modernizr07:46
4.2
Modernizr
07:46
4.3Polyfills04:41
4.3
Polyfills
04:41
4.4Modernizr.load06:02
4.4
Modernizr.load
06:02
5.History4 lessons, 25:37
4 lessons, 25:37
5.1History: pushState05:19
5.1
History: pushState
05:19
5.2History: popState03:05
5.2
History: popState
03:05
5.3Hands-On Project (Part 1)10:01
5.3
Hands-On Project (Part 1)
10:01
5.4Hands-On Project (Part 2)07:12
5.4
Hands-On Project (Part 2)
07:12
6.Local Storage6 lessons, 42:01
6 lessons, 42:01
6.1Introduction to Local Storage05:39
6.1
Introduction to Local Storage
05:39
6.2Feature Detection05:34
6.2
Feature Detection
05:34
6.3A Persisting Comment Form11:21
6.3
A Persisting Comment Form
11:21
6.4The Storage Event07:10
6.4
The Storage Event
07:10
6.5Save Objects to Local Storage02:46
6.5
Save Objects to Local Storage
02:46
6.6Save and Bind Data to a Form09:31
6.6
Save and Bind Data to a Form
09:31
7.Conclusion1 lesson, 00:46
1 lesson, 00:46
7.1Conclusion00:46
7.1
Conclusion
00:46
Continue watching with Elements
Continue watching with Elements