Hostingheaderbarlogoj
Join InMotion Hosting for $3.49/mo & get a year on Tuts+ FREE (worth $180). Start today.

Introduction to SMACSS

with
SMACSS (Scalable and Modular Architecture for CSS) is a set of CSS guidelines which organizes your CSS rules into reusable modules. In this course, Adi Purdila will introduce you to this great front-end framework!
Part of the Getting Started with CSS bundle

Includes 6 courses: CSS Tips & Tricks, CSS Terminology Decoded, CSS3 Essentials, Introduction to SMACSS, Less is More, Hands on: Design & Build a Coming Soon Page

1× speed

Free Preview: Introduction to SMACSS

Introduction to SMACSS

01:45

1.Introduction
1 lesson, 01:45

Free Preview
1.1
Introduction to SMACSS
01:45

2.The Basics
7 lessons, 29:06

Free Preview
2.1
Categorising CSS Rules
04:26

2.2
Base Rules
02:04

2.3
Layout Rules
04:46

2.4
Module Rules
07:21

2.5
State Rules
03:04

2.6
Theme Rules
03:56

2.7
Depth of Applicability
03:29

3.Practical Exercise
11 lessons, 1:18:27

3.1
The Initial State
02:26

3.2
A Bit of Clean-Up
04:03

3.3
Rewriting the HTML (Part 1)
11:04

3.4
Rewriting the HTML (Part 2)
05:32

3.5
Rewriting the HTML (Part 3)
06:15

3.6
Base Styles
08:32

3.7
Layout Styles (Part 1)
07:47

3.8
Layout Styles (Part 2)
08:14

3.9
Modules Styles (Part 1)
07:47

3.10
Modules Styles (Part 2)
06:22

3.11
Theme Styles
10:25

4.Conclusion
1 lesson, 01:55

4.1
What We’ve Learned
01:55


Preview for Introduction to SMACSS
Lessons:
20
Length:
1.9 hours
Categories:
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