by Jeffrey Way
Lessons:31Length:2.8 hours

For full access to all 31 lessons, including source files, subscribe with Elements.
- Overview
- Transcript
2.7 Details
The details
element is a bit controversial. It allows us to accomplish the typical “show and hide” effect that you might be familiar with on FAQ pages. The only difference is that JavaScript is not required!
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