Lessons:22Length:4 hours
- Overview
- Transcript
7.1 Conclusion
We’re at the end of our course. Big thanks to everyone who watched it, I really hope you guys learned something new. Now, it’s time for you to put everything you’ve learned into practice. I mean, theory is good, but it has to be backed up by practice. So, take this course as a guideline and don’t just copy and paste. Try to make your own page from scratch and if you’re stuck, come back here, watch the lesson you need and if some things are still not clear, you can always ask me or the community here at Tuts+ Premium.
I’m Adi Purdila and from all of us at Tuts+ Premium, thank you for watching. Bye bye!
1.Welcome
1.1Introduction02:00
1.1
Introduction
02:00
2.The Photoshop Design
2.1Document Preparation And Page Header (Photoshop)11:32
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 HTML
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 CSS
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 Javascript
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 Touches
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.Conclusion
7.1Conclusion00:48
7.1
Conclusion
00:48
8.Bonus
8.1Timelapse Video Showing The Full Wireframing And Design Process23:11
8.1
Timelapse Video Showing The Full Wireframing And Design Process
23:11
