Hands on: Design & Build a Coming Soon Page

with

In this “hands on” course, Adi Purdila will show you how to design and then develop an effective coming soon page. This is not a beginners course and basic knowledge of HTML, CSS and LESS is required. You will also get hands on with some jQuery and learn some very useful techniques to help take your coming soon pages to the next level!

Part of the Getting Started with CSS bundle

Includes 6 courses: CSS Tips & Tricks, CSS Terminology Decoded, CSS3 Essentials, Introduction to SMACSS, Less is More, Hands on: Design & Build a Coming Soon Page

1× speed

Free Preview: Hands on: Design & Build a Coming Soon Page

Introduction

02:00

1.Welcome
1 lesson, 02:00

Free Preview
1.1
Introduction
02:00

2.The Photoshop Design
4 lessons, 49:44

Free Preview
2.1
Document Preparation And Page Header (Photoshop)
11:31

2.2
Sign-up Form (Photoshop)
13:49

2.3
Content Background And Progress Bar
11:56

2.4
Freebie Section And Footer (Photoshop)
12:28

3.The HTML
3 lessons, 24:35

3.1
Document Preparation And Page Header (HTML)
08:24

3.2
Sign-up Form And Progress Bar
07:21

3.3
Freebie Section And Footer (HTML)
08:50

4.The CSS
6 lessons, 1:09:31

4.1
Reset, LESS Variables And Mixins, Icon Fonts
15:17

4.2
Typography And General Styling
11:19

4.3
Photoshop Images And Header
08:43

4.4
Sign-up Form (CSS)
13:46

4.5
Freebie And Contact Area
11:35

4.6
Footer
08:51

5.The Javascript
4 lessons, 53:34

5.1
Progress Bar Implementation Using Jquery UI
14:12

5.2
Progress Bar Styling - Part 1
12:01

5.3
Progress Bar Styling - Part 2
13:22

5.4
Back To Top Button And Form Placeholder Compatibility For Non-webkit Browsers
13:59

6.Finishing Touches
2 lessons, 15:57

6.1
Adaptive fluid layout
10:55

6.2
IE8 Fixes And A Way To "prettify" The Generated CSS Code
05:02

7.Conclusion
1 lesson, 00:48

7.1
Conclusion
00:48

8.Bonus
1 lesson, 23:11

8.1
Timelapse Video Showing The Full Wireframing And Design Process
23:11


Preview for Hands on: Design & Build a Coming Soon Page
Lessons:
22
Length:
4 hours
Photoshop, HTML, CSS? Yep, that's what I do best. Mix that with lots of head nodding from trance music and you've got me in a nutshell.
+ Expand Bio- Collapse Bio