2014
Tuts+
Adi Purdila
3:00
English

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.

1.Introduction
1.1 Welcome
2.From Beginner to Pro
2.1 How Do You Become a Pro Web Designer?
2.2 Working With Grids
2.3 Using Google Fonts
2.4 Using Icon Fonts
2.5 Some Handy Photoshop Actions
2.6 Introduction to Preprocessors
2.7 Introduction to Responsive Web Design
3.Creating a PSD Design
3.1 PSD: Header and Slider
3.2 PSD: Homepage Portfolio Area
3.3 PSD: Footer
3.4 PSD: Portfolio and About Pages
4.Rewriting the Code
4.1 HTML: Header and Slider
4.2 HTML: Portfolio Area and Footer
4.3 HTML: Portfolio and About Pages
4.4 CSS: The Grid, Fonts and Reset Files
4.5 CSS: Variables
4.6 CSS: Typography
4.7 CSS: Buttons and Forms
4.8 CSS: Page Header
4.9 CSS: Homepage Slider
4.10 CSS: Page Banners
4.11 CSS: Main Content
4.12 CSS: Footer
4.13 CSS: Making It Responsive (Part 1)
4.14 CSS: Making It Responsive (Part 2)
5.Conclusion
5.1 Recap

Download File Size:1.91 GB

---