Retrofit an Existing Site into Using Modern, Responsive Web Design Practices

Lesson 1, Step 1: Introduction

Courses Outline

Free
Introduction
3:20
Folder and files – part 1
10:56
Folder and files – part 2
6:19
The :before pseudo-element
5:43
Exercise – Creating visible page measurement
7:39
Introduction
0:37
Responsive navigation patterns
12:15
Exercise part 1 – Setting up a simple responsive navigation
11:59
Exercise part 2 – Adding the JS component
9:11
Introduction
0:56
Fluid video
5:26
Exercise – Styling fluid video
5:59
Introduction
0:43
Responsive forms
4:53
Exercise part 1 – Building responsive forms
13:06
Exercise part 2 – Wide screen layout
6:04
Introduction
0:52
Responsive tables
7:46
Exercise – Constructing a simple responsive table
14:51
Introduction
0:42
Fluid images
10:11
Exercise – fluid images
7:37
Inline images
7:44
Introduction
0:52
Retrofitting
10:12
Exercise part 1 – Retrofitting an existing site
12:48
Exercise part 2 – Adding responsive nav
7:57
Final notes
0:48

Retrofit an Existing Site into Using Modern, Responsive Web Design Practices

Lesson 1, Step 1: Introduction