by Adi Purdila23 May 2014

Lessons:27Length:3 hours

Workflow Adobe Photoshop HTML CSS Typography

Turn Autoplay Off

Next lesson playing in 5 seconds

Cancel

Free Preview: Pro Web Design Workflow

Welcome

01:35

Pro Web Design Workflow is a course designed to teach you how to develop a professional workflow for your web design projects. You’ll learn how to work with grids, custom fonts, icon fonts and Photoshop actions. You’ll also learn about CSS preprocessors and why it’s important to make your projects responsive and how this is achieved.

If you’re new to web design, then it is suggested that you take our Web Design for Beginners course before this one, as it lays the foundation for what you’re about to learn.

1.Introduction
1 lesson, 01:35

Free Lesson

1.1
Welcome
01:35

5.Conclusion
1 lesson, 00:57

5.1
Recap
00:57

Adi Purdila

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.

adipurdila

Next lesson playing in 5 seconds

Free Preview: Pro Web Design Workflow

Welcome

1.Introduction
1 lesson, 01:35

Free Lesson

1.1
Welcome
01:35

2.From Beginner to Pro
7 lessons, 38:32

Free Lesson

2.1
How Do You Become a Pro Web Designer?
04:29

2.2
Working With Grids
09:17

2.3
Using Google Fonts
05:56

2.4
Using Icon Fonts
05:02

2.5
Some Handy Photoshop Actions
04:16

2.6
Introduction to Preprocessors
05:19

2.7
Introduction to Responsive Web Design
04:13

3.Creating a PSD Design
4 lessons, 35:36

3.1
PSD: Header and Slider
14:22

3.2
PSD: Homepage Portfolio Area
06:49

3.3
PSD: Footer
06:32

3.4
PSD: Portfolio and About Pages
07:53

4.Rewriting the Code
14 lessons, 1:42:30

4.1
HTML: Header and Slider
09:34

4.2
HTML: Portfolio Area and Footer
08:21

4.3
HTML: Portfolio and About Pages
06:25

4.4
CSS: The Grid, Fonts and Reset Files
07:18

4.5
CSS: Variables
04:14

4.6
CSS: Typography
07:31

4.7
CSS: Buttons and Forms
05:28

4.8
CSS: Page Header
04:57

4.9
CSS: Homepage Slider
07:49

4.10
CSS: Page Banners
09:37

4.11
CSS: Main Content
08:38

4.12
CSS: Footer
06:37

4.13
CSS: Making It Responsive (Part 1)
09:23

4.14
CSS: Making It Responsive (Part 2)
06:38

5.Conclusion
1 lesson, 00:57

5.1
Recap
00:57

Next lesson playing in 5 seconds

Free Preview: Pro Web Design Workflow

Welcome

1.Introduction1 lesson, 01:35

2.From Beginner to Pro7 lessons, 38:32

3.Creating a PSD Design4 lessons, 35:36

4.Rewriting the Code14 lessons, 1:42:30

5.Conclusion1 lesson, 00:57

1.Introduction
1 lesson, 01:35

2.From Beginner to Pro
7 lessons, 38:32

3.Creating a PSD Design
4 lessons, 35:36

4.Rewriting the Code
14 lessons, 1:42:30

5.Conclusion
1 lesson, 00:57