Learn Responsive Design, Codecademy, Web Dev Tutorials

This course aims at teaching how to use relative units and media queries in a website to make it viewable across different sized devices. A good question to ask is, "Why should I try and learn responsive design"? A responsive website will set your site apart from the rest of the sites that are out there. If your site is not accessible throughout all devices, you may be missing out on views to your site by giving visitors a less than pleasing experience. In this course (and for the rest of your web developing life) it will be your responsibility to ensure a sites legibility and visual appeal accross a variety of devices.

Lessons:

Relative Measurements, Codecademy, Learn Responsive Design, Sizing Elements

Em, Codecademy, Learn Responsive Design, Sizing Elements

Rem, Codecademy, Learn Responsive Design, Sizing Elements

Percentages: Height & Width, Codecademy, Learn Responsive Design, Sizing Elements

Percentages: Padding & Margin, Codecademy, Learn Responsive Design, Sizing Elements

Width: Minimum & Maximum, Codecademy, Learn Responsive Design, Sizing Elements

Height: Minimum & Maximum, Codecademy, Learn Responsive Design, Sizing Elements

Scaling Images and Videos, Codecademy, Learn Responsive Design, Sizing Elements

Scaling Background Images, Codecademy, Learn Responsive Design, Sizing Elements

Review: Relative Measurements, Codecademy, Learn Responsive Design, Sizing Elements

16 Questions & Answers About Sizing Elements Responsively

Responsive Web Design, Codecademy, Learn Responsive Design, Media Queries

Range, Codecademy, Learn Responsive Design, Media Queries

Dots Per Inch(DPI), Codecademy, Learn Responsive Desgn, Media

And Operator, Codecademy, Learn Responsive Design, Media Queries

Comma Separated List, Codecademy, Learn Responsive Design

Breakpoints, Codecademy, Learn Responsive Design, Media Queries

Review: Media Queries, Codecademy, Learn Responsive Design

Share: