1× speed

Introduction

Hi guys, welcome to “Hands on: Design & Build a Coming Soon Page”. I’m your teacher Adi Purdila and in this Premium course we’ll build our very own coming soon page. We’ll start in Photoshop, then move to Coda for the markup and finally we’ll style the whole thing with CSS. Now, this is not exactly a beginner’s course, you should know a bit of HTML and a bit of CSS. I’ll do my best to explain everything I’m doing but having this knowledge already will help you go through the lessons much easier.

Now, we’re gonna build a simple page with a fluid layout that has, among other things, a sign-up form and a special progress bar which we’ll generate using the jQuery UI library. We’ll add a custom description to it and we’ll do some cool things with the HTML5 data attribute.

As a bonus, I’ve included a timelapse video showing the entire wireframing and design process. It’s about 30 minutes long and it contains several hours of footage recorded at high speed. So, if you wanna see how I got to the final design go ahead and check it out.

If you have any questions you can add a comment or hit me up on the forums. Allright, that’s about it, let’s jump right into it. I’ll see you in lesson number one.

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