Video icon 64
Want to be a web designer? Skill up fast with video courses from Tuts+. Start your free trial.

Building The Nav

Before we can make it responsive, we need to build the structure. Starting at desktop size first we’ll build a simple CSS navigation bar.

1.Introduction
1 lesson, 03:05

Free Preview
1.1
Introduction
03:05

2.Navigation
4 lessons, 43:07

Free Preview
2.1
Building The Nav
13:22

2.2
Navigation – Media Queries & Viewport Meta-tag
16:21

2.3
Navigation – jQuery Functionality
09:02

2.4
Navigation – Good Practice and UX
04:22

3.Image Grid
3 lessons, 22:29

3.1
Building The Grid
10:26

3.2
Image Grid – Media Queries
06:15

3.3
Image Grid – Good Practice and UX
05:48

4.Contact
2 lessons, 18:04

4.1
Building The Form
11:13

4.2
Contact Form – Media Queries & Good Practice and UX
06:51

5.Conclusion & Reflection
1 lesson, 04:59

5.1
Reflection
04:59


Hi, I’m Rob Sterlini Digital designer at the University of Reading, freelance web designer, and front-end developer, and lover of all things typographic.
+ Expand Bio- Collapse Bio