by Adi Purdila
Lessons:22Length:4 hours

For full access to all 22 lessons, including source files, subscribe with Elements.
- Overview
- Transcript
6.1 Adaptive fluid layout
Our page has a fluid layout, but on certain viewport sizes it still behaves a bit awkward. Let’s fix that!
1.Welcome1 lesson, 02:00
1 lesson, 02:00
Free Lesson 1.1Introduction02:00
Free Lesson
1.1
Introduction
02:00
2.The Photoshop Design4 lessons, 49:46
4 lessons, 49:46
Free Lesson 2.1Document Preparation And Page Header (Photoshop)11:32
Free Lesson
2.1
Document Preparation And Page Header (Photoshop)
11:32
2.2Sign-up Form (Photoshop)13:49
2.2
Sign-up Form (Photoshop)
13:49
2.3Content Background And Progress Bar11:57
2.3
Content Background And Progress Bar
11:57
2.4Freebie Section And Footer (Photoshop)12:28
2.4
Freebie Section And Footer (Photoshop)
12:28
3.The HTML3 lessons, 24:35
3 lessons, 24:35
3.1Document Preparation And Page Header (HTML)08:24
3.1
Document Preparation And Page Header (HTML)
08:24
3.2Sign-up Form And Progress Bar07:21
3.2
Sign-up Form And Progress Bar
07:21
3.3Freebie Section And Footer (HTML)08:50
3.3
Freebie Section And Footer (HTML)
08:50
4.The CSS6 lessons, 1:09:31
6 lessons, 1:09:31
4.1Reset, LESS Variables And Mixins, Icon Fonts15:17
4.1
Reset, LESS Variables And Mixins, Icon Fonts
15:17
4.2Typography And General Styling11:19
4.2
Typography And General Styling
11:19
4.3Photoshop Images And Header08:43
4.3
Photoshop Images And Header
08:43
4.4Sign-up Form (CSS)13:46
4.4
Sign-up Form (CSS)
13:46
4.5Freebie And Contact Area11:35
4.5
Freebie And Contact Area
11:35
4.6Footer08:51
4.6
Footer
08:51
5.The Javascript4 lessons, 53:34
4 lessons, 53:34
5.1Progress Bar Implementation Using Jquery UI14:12
5.1
Progress Bar Implementation Using Jquery UI
14:12
5.2Progress Bar Styling - Part 112:01
5.2
Progress Bar Styling - Part 1
12:01
5.3Progress Bar Styling - Part 213:22
5.3
Progress Bar Styling - Part 2
13:22
5.4Back To Top Button And Form Placeholder Compatibility For Non-webkit Browsers13:59
5.4
Back To Top Button And Form Placeholder Compatibility For Non-webkit Browsers
13:59
6.Finishing Touches2 lessons, 15:57
2 lessons, 15:57
6.1Adaptive fluid layout10:55
6.1
Adaptive fluid layout
10:55
6.2IE8 Fixes And A Way To "prettify" The Generated CSS Code05:02
6.2
IE8 Fixes And A Way To "prettify" The Generated CSS Code
05:02
7.Conclusion1 lesson, 00:48
1 lesson, 00:48
7.1Conclusion00:48
7.1
Conclusion
00:48
8.Bonus1 lesson, 23:11
1 lesson, 23:11
8.1Timelapse Video Showing The Full Wireframing And Design Process23:11
8.1
Timelapse Video Showing The Full Wireframing And Design Process
23:11
Continue watching with Elements
Continue watching with Elements