Start a premium membership and access all ebooks and courses.
July 31, 2013
Closed captions available
Responsive Web Design is now an essential skill for every web designer and developer. As a second step from the fundamentals covered on covered in Responsive Web Design: Key Concepts, this course will help you solve real world problems associated with building RWD websites: navigation, forms, tables, videos & images.
Learn the building blocks of RWD so that you can create beautiful websites that look fantastic on any device. We’ll look at the in’s and out’s of producing each component of a responsive web page and testing them across devices. At the end of the course, you’ll also learn to fully retrofit an existing fixed-width website.
This course covers the technicalities of building responsive sites and is intended for web developers. To make the most of this course, ensure you first understand everything covered in Responsive Web Design: Key Concepts.
Lesson 1: Visible page measurements
Folder and files – part 1
Folder and files – part 2
The :before pseudo-element
Exercise – Creating visible page measurement
Lesson 2: Responsive navigation
Responsive navigation patterns
Exercise part 1 – Setting up a simple responsive navigation
Exercise part 2 – Adding the JS component
Lesson 3: Fluid video
Exercise – Styling fluid video
Lesson 4: Responsive forms
Exercise part 1 – Building responsive forms
Exercise part 2 – Wide screen layout
Lesson 5: Responsive tables
Exercise – Constructing a simple responsive table
Lesson 6: Responsive images
Exercise – fluid images
Lesson 7: Retrofit an existing site
Exercise part 1 – Retrofitting an existing site
Exercise part 2 – Adding responsive nav
Russ is a world-renowned author, speaker and CSS expert. Russ has a detailed knowledge of Design and development. His expertise covers graphic design, interface design, site architecture and standards based development.