PSD to HTML: Flat Design Build

with

In this course we'll take the PSD design from Craig Campbell's Mastering Flat Design course, and convert it into a fully functional HTML/CSS web page. If you want to learn about the design process then check out Craig's course, but if you're more interested in how to turn a flat design into HTML, let's get started!

Free Preview: PSD to HTML: Flat Design Build

Introduction

01:37

1.Welcome
3 lessons, 17:44

Free Preview
1.1
Introduction
01:37

Free Preview
1.2
The Starting Files
04:40

1.3
Exporting Images
11:27

2.Building the HTML
4 lessons, 41:28

2.1
Building the Header
10:55

2.2
Building the Content Slider
14:15

2.3
Building the Feature Services
07:49

2.4
Building the Footer
08:29

3.Styling the Header
8 lessons, 1:00:21

3.1
Normalizing Your Styles
03:44

3.2
Font Selection
05:20

3.3
Styling the Title Text
05:37

3.4
Styling the Main Menu
14:49

3.5
Coloring the Menu Items
05:14

3.6
Styling the Menu Text
07:54

3.7
Animated Hover Effects
06:36

3.8
Styling the Dividers
11:07

4.Styling the Main Content
6 lessons, 1:06:39

4.1
Slider Navigation
16:06

4.2
Slider Content
15:01

4.3
Feature Services
13:19

4.4
Three-Column Setup
07:14

4.5
Lists and Icons
06:38

4.6
Styling the Subscribe Form
08:21

5.Finishing Up
1 lesson, 01:59

5.1
Final Thoughts
01:59


Preview for PSD to HTML: Flat Design Build
Lessons:
22
Length:
3.1 hours
About Craig Campbell
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.
+ Expand Bio- Collapse Bio