Building Your Own Pattern Library for the Web

with

Have you ever heard about patterns in web design? In this course Adi Purdila will teach you what they are, how to build your own pattern library and how to properly maintain it.

You'll learn how to build simple components like buttons and forms, as well as more complex ones, like carousels. Additionally, you'll learn how to create an awesome presentation page for all of these patterns.

1× speed

Free Preview: Building Your Own Pattern Library for the Web

Introduction

01:23

1.Introduction
3 lessons, 18:24

Free Preview
1.1
Introduction
01:23

Free Preview
1.2
What Is a Pattern Library?
06:12

1.3
Planning Your Pattern Library
10:49

2.Basic Patterns
7 lessons, 1:11:08

2.1
The Grid System
13:47

2.2
Typography
11:56

2.3
Buttons
09:49

2.4
Introducing Form Elements
11:57

2.5
Taking Form Elements Further
08:16

2.6
Icons
10:13

2.7
Feedback
05:10

3.Advanced Patterns
6 lessons, 54:29

3.1
Navigation
10:42

3.2
Styling Navigation
07:57

3.3
Animations
03:49

3.4
Tabs
11:27

3.5
Accordions
10:10

3.6
Carousels
10:24

4.Pattern Library Best Practices
2 lessons, 22:58

4.1
Maintenance and Best Practices
08:27

4.2
Pattern Library Presentation
14:31

5.Conclusion
1 lesson, 01:33

5.1
Conclusion
01:33


Preview for Building Your Own Pattern Library for the Web
Lessons:
19
Length:
2.8 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