Build a Responsive Website

Level
Logo Treehouse
Provider rating: starstarstarstarstar 9.5 Treehouse has an average rating of 9.5 (out of 4 reviews)

Need more information? Get more details on the site of the provider.

9
Average rating for Build a Responsive Website
Annika
starstarstarstarstar_half
Annika
9
Build a Responsive Website

"This is a really great way to be introduced to building a website. You don't really need any experience in programming, so it's a good way to start learning." - 2013-02-22 17:15

"This is a really great way to be introduced to building a website. You don't really need any experience in programming, so it's a good way t… read full review - 2013-02-22 17:15

Starting dates and places

There are no known starting dates for this product.

Description

The Smells Like Bakin' cupcake company needs their website to work on tablets and phones. We will modify the code of their pre-existing website so that it is flexible and fits beautifully into a wide variety of screen resolutions and devices.

  • Introduction to Responsive Web Design

    Some years ago there was a clear differentiation between desktop and mobile. The introduction of tablets and other new web devices brings the challenge of designing for more resolutions and devices than ever before. Fortunately, responsive web design has emerged as a robust solution.

    View Stage
  • Creating a Fluid Foundation

    The key to a responsive website is building it on a fluid foundation. This defines our websi…

  • Read the complete description

    Frequently asked questions

    trainings.faqs. There are no frequently asked questions yet. If you have any more questions or need help, contact our customer service.

    Didn't find what you were looking for? See also: Responsive Design, Web Design, Hour of Code, Strategic Management, and Business Planning.

    The Smells Like Bakin' cupcake company needs their website to work on tablets and phones. We will modify the code of their pre-existing website so that it is flexible and fits beautifully into a wide variety of screen resolutions and devices.

    Introduction to Responsive Web Design

    Some years ago there was a clear differentiation between desktop and mobile. The introduction of tablets and other new web devices brings the challenge of designing for more resolutions and devices than ever before. Fortunately, responsive web design has emerged as a robust solution.

    View Stage

    Creating a Fluid Foundation

    The key to a responsive website is building it on a fluid foundation. This defines our website layout in ratios and proportions rather than absolute values. Using the target ÷ context = result formula, we'll convert widths, margins, and padding from pixels to percentages. We'll also learn how to make our images scalable.

    View Stage

    Adaptive Design

    Introducing media queries allows us to target specific device resolutions; like an iPad or iPhone, and adjust our website's layout accordingly. This is referred to as an adaptive design approach.

    View Stage

    Responsive Design

    Responsive websites are built on a fluid grid and use media queries not to target specific device resolutions, but rather to adjust the design and content as it reaches various breakpoints.

    View Stage

    Advanced Techniques

    Responsive web design doesn't stop at creating a fluid foundation and implementing media queries. It's an ongoing process. In this stage, we'll continue to make our typography and media even more responsive. We'll also learn how we should move forward when starting responsive web projects from scratch.

    View Stage
    9
    Average rating for Build a Responsive Website
    Based on 1 review
    Annika
    starstarstarstarstar_half
    Annika
    9
    Build a Responsive Website

    "This is a really great way to be introduced to building a website. You don't really need any experience in programming, so it's a good way to start learning." - 2013-02-22 17:15

    "This is a really great way to be introduced to building a website. You don't really need any experience in programming, so it's a good way t… read full review - 2013-02-22 17:15

    trainings.faqs. There are no frequently asked questions yet. If you have any more questions or need help, contact our customer service.