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.
What you'll learn
In this course, you'll gain the skills and knowledge to build a wide range of Responsive Web Design components, including:
- Responsive navigation
- Fluid video
- Responsive forms
- Responsive tables
- Fluid and adaptive images, using Retina images, Picture, and SRC attributes
- Responsive background images
You'll also expand your understanding of Responsive Web Design to retrofitting existing fixed-width websites.
Who should do this
This course is for web designers and developers with a basic understanding of Responsive Web Design who want to learn how to create and style elegant responsive sites.
A basic understanding of CSS is required. Never used CSS before? Take a look at the introductory course on CSS, Getting started with CSS.
You'll also need:
- A text editor of your choice
- One or more modern browsers (such as Safari, Chrome, Opera, or Firefox)