LearnWhy Use Responsive Web Design?

There used to be a clear differentiation between desktop and mobile. With the introduction of tablets and tons of new internet accessible technologies, we’ve been faced with designing for more monitor resolutions and devices than ever before.

In this video, we’ll learn the basics of how and why we should embrace responsive web design.

Transcript

You can create a flexible website that fits beautifully on any device, rather than having to create and maintain separate versions for each device.

But how to you create a responsive website?

Responsive websites are built on a flexible, fluid grid that adapts to the browser or device that is rendering the website.

Here’s an example of a fluid website:
http://www.unitedpixelworkers.com/

When you change the browser size, it adjusts the size and layout of the images as the browser size changes.

This is because the site is built using a fluid grid, and uses percentages for the width, instead of exact pixels.

Creating a fluid foundation is the first step to creating a responsive website.

A responsive website creates version of the same website that can stretch and resize with the browser.

Ensuring your site adapts to whatever size browser or device your visitors are using

When you get to a specific width, the website can snap to a different layout specifically for mobile devices. This is done with Media Queries, which allow you to target specific widths where your layout begins to break or look cramped.

You can take control of your fluid layout and target specific devices like tablets and smart phones.

6 Responses to “Why Use Responsive Web Design?”

  1. generic cialis 20mg on May 21, 2018 at 1:04 pm said:

    how long does it take for tadalafil to take full effect
    http://calisgenhea.org http://calisgenhea.org/
    prescription for tadalafil purchase
    generic cialis online http://calisgenhea.org/

  2. Naruto Online Hack on February 18, 2018 at 10:50 am said:

    The first thing one needs to do is to play https://patreon.com/NarutoOnlineHack storage
    games.

  3. whatsapp for celular on January 18, 2018 at 9:38 pm said:

    It’s awesome designed for me to have a site, which is valuable designed for
    my know-how. thanks admin

  4. Fully Droned on December 22, 2017 at 8:40 pm said:

    certainly like your web skte but you need to check thee spelling oon quite a few of your posts.
    A number of them are rife with spelling problems and I in finding it very troublesome tto telll
    the reality then again I’ll surely come again again.

  5. lasertest on September 3, 2017 at 4:40 pm said:

    It’s amazing for me to have a web site, which is good designed for my
    know-how. thanks admin

  6. Winkypop on March 31, 2013 at 7:32 am said:

    About to implement a fully responsive design for a Government site. Radical for us but great for customers.

Leave a Reply

Learning to code can be fun!

Get started today with a free trial and discover why thousands of students are choosing Treehouse to learn about web development, design, and business.

Learn more