Adi PurdilaJan 2, 2014Lessons: 20Length: 1.9 hours

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

3.3 Rewriting the HTML (Part 1)

This first bit of the HTML will focus on the initial parts of our layout: the header and the product intro.

1.Introduction
1 lesson, 01:45

1.1
Introduction to SMACSS
01:45

2.The Basics
7 lessons, 29:06

2.1
Categorising CSS Rules
04:26

2.7
Depth of Applicability
03:29

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

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.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

4.Conclusion
1 lesson, 01:55

Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value. Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals. When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets. You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.

adipurdila

Introduction to SMACSS

Next lesson playing in 5 seconds

3.3 Rewriting the HTML (Part 1)

1.Introduction
1 lesson, 01:45

1.1
Introduction to SMACSS
01:45

2.The Basics
7 lessons, 29:06

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

Introduction to SMACSS

Next lesson playing in 5 seconds

3.3 Rewriting the HTML (Part 1)

1.Introduction1 lesson, 01:45

2.The Basics7 lessons, 29:06

3.Practical Exercise11 lessons, 1:18:27

4.Conclusion1 lesson, 01:55

1.Introduction
1 lesson, 01:45

2.The Basics
7 lessons, 29:06

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

4.Conclusion
1 lesson, 01:55