Free Preview: Rapid Workflow with Skeleton

What is Skeleton?

05:00

What is Skeleton?

Skeleton is a lightweight CSS boilerplate that gets some of the mundane, repetitive CSS tasks out of the way in order to give you a jumpstart on your web design process.

1.Introduction
2 lessons, 05:58

Free Preview
1.1
Introduction
00:58

Free Preview
1.2
What is Skeleton?
05:00

2.Getting Started
2 lessons, 11:39

2.1
Downloading the Files
07:08

2.2
Viewing the Sample Page
04:31

3.Grid System Basics
2 lessons, 10:59

3.1
Grid System Basics
06:25

3.2
Responsive Grid
04:34

4.Fleshing Out the Body
5 lessons, 40:47

4.1
Coding the Header
10:25

4.2
Importing Custom Icons
06:06

4.3
Coding the Main Content
11:21

4.4
Coding the Contact Form
06:47

4.5
Finishing the Footer
06:08

5.Custom Styles
9 lessons, 1:25:42

5.1
Fonts and Backgrounds
05:13

5.2
Placing the Logo
07:11

5.3
Styling the Navigation
07:43

5.4
Styling the Feature Icons
13:19

5.5
Styling the Breakpoints
10:52

5.6
Animated Hover Effect
08:02

5.7
Basic Footer Styles
08:24

5.8
Customizing the Contact Form
14:17

5.9
Styling the Footer Content
10:41

6.Conclusion
1 lesson, 01:43

6.1
Final Thoughts
01:43


About Craig Campbell
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.
+ Expand Bio- Collapse Bio