Become the CSS Hero of Your Office with CSS Architecture

Courses Outline

Lesson 1: Introducing CSS Architecture

Free

Introduction

4:35

Goals of CSS Architecture

11:28

Lesson 2: Writing Maintainable CSS Code

Selector Efficiency and Simplification

13:59

Naming Classes

13:37

Specifying Units

8:56

Quiz

Lesson 3: Principles of CSS Architecture

Single Responsibility Principle

8:27

Open/Closed Principle

6:36

DRY CSS

10:32

Separation of Concerns

9:57

ITCSS

4:57

CSS Code Smells

10:10

Quiz

Lesson 4: Style Hierarchy

The Role of the Normalizer

7:47

Establishing Hierarchical Styles

11:24

Quiz

Lesson 5: CSS Architecture in Practice

Setting Up the Application

9:21

Settings, Tools, Generic, Elements

7:53

Implementing Objects and Components

7:21

Putting the Component Library into Practice

3:38

Lesson 6: Conclusion

Next Steps

3:41

Join SitePoint Premium to download this course

Lesson 1, Step 1: Introduction

Courses Outline

Login

Join SitePoint Premium to get access to 600+ books and courses

Sign up with your email