Free Preview: Getting Started with Kube

What is Kube?

04:47

What is Kube?

Kube is a lightweight, minimalistic CSS framework 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.

Related Links

1.Introduction
2 lessons, 05:50

Free Preview
1.1
Introduction
01:03

Free Preview
1.2
What is Kube?
04:47

2.Getting Started
2 lessons, 16:41

2.1
Downloading Kube
05:21

2.2
The Kube Grid System
11:20

3.Building the Header
5 lessons, 45:02

3.1
Coding the Header
07:04

3.2
Styling the Header
10:26

3.3
Building the Main Menu
09:55

3.4
Styling the Main Menu
08:29

3.5
Custom Media Queries
09:08

4.Building the Main Content
5 lessons, 38:56

4.1
Coding the Feature Article
12:06

4.2
Fixing the Blockquote Element
03:14

4.3
Styling the 'Read More' Button
09:29

4.4
Creating Columns with Lists
10:54

4.5
Styling the Four-Column Setup
03:13

5.Building the Footer
2 lessons, 21:12

5.1
Building the Footer
13:25

5.2
Styling the Footer
07:47

6.Finishing Up
2 lessons, 16:03

6.1
Creating a Search Field
11:23

6.2
Final Thoughts
04:40


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