Learn Responsive Design

Learn how to create responsive designs that adapt to different screen sizes and devices, providing a seamless user experience across all platforms.
  1. New Course: Responsive Web Design Revisited

    New Course: Responsive Web Design Revisited

    Tutorial Beginner

    In our new course you’ll get up to speed with the very latest in Responsive Web Design. First you’ll learn what “responsive” really means today, and how a...

  2. The State of SEO in 2015

    The State of SEO in 2015

    Tutorial Beginner

    The world of SEO is constantly changing. To keep you up to date we like to compile all the important changes of the previous year into one solid article (we...

  3. The State of Responsive Web Design

    The State of Responsive Web Design

    Tutorial Beginner

    As we move into 2015 it’s the perfect time to address “The State of Responsive Web Design”.

  4. Instant Fluid Videos with Viewport Width Units

    Instant Fluid Videos with Viewport Width Units

    Tutorial Intermediate

    Intrinsic ratios are an approach to expanding and contracting elements on a web page, allowing them to be fluid whilst at the same time constraining their...

  5. Simplify Your Media Queries with Sass “Breakpoint”

    Simplify Your Media Queries with Sass “Breakpoint”

    Tutorial Intermediate

    In this tutorial you will learn how to simplify the way you write and maintain media queries in Sass. To help us, we’ll be using a mixin library called...

  6. How They Did It: Shopify - It’s All About the Details

    How They Did It: Shopify - It’s All About the Details

    Tutorial Beginner

    If you haven't ever heard of Shopify before, perhaps you have taken up residence under a rock. Shopify is one of the most popular services for creating...

  7. How to Build an Off-Canvas Navigation Layout With Bootstrap

    How to Build an Off-Canvas Navigation Layout With Bootstrap

    Tutorial Intermediate

    In this tutorial, I'll show you how to add an off-canvas navigation to Bootstrap with an extension called Jasny Bootstrap by Arnold Daniels.

  8. Building the Responsive Timeline Portfolio Page

    Building the Responsive Timeline Portfolio Page

    Tutorial Intermediate

    During this tutorial we will be building the fantastic Timeline Portfolio as seen in an earlier tutorial by Tomas Laurinavicius. We will be using some...

  9. Build a Top Bar Off-Canvas Navigation With Foundation 5

    Build a Top Bar Off-Canvas Navigation With Foundation 5

    Tutorial Beginner

    Today, we are going to combine ZURB's Foundation 5 Off-Canvas feature with our top bar navigation. The result will be a nice custom navigation for desktop...

  10. Quick Tip: Spare a Thought for Vertical Break Points

    Quick Tip: Spare a Thought for Vertical Break Points

    Tutorial Intermediate

    I've seen this happen a few times recently, usually on websites with fixed navigation running down the left hand side. They'll have lovely, fluid layouts,...

  11. Adobe Muse: Finishing Off Our Design

    Adobe Muse: Finishing Off Our Design

    Tutorial Beginner

    Let's finish off our Adobe Muse project. We'll begin by looking at a mobile layout, before moving on to the export process which will get our files ready for...

  12. Quick Tip: Don’t Forget the Viewport Meta Tag

    Quick Tip: Don’t Forget the Viewport Meta Tag

    Tutorial Beginner

    I remember my maiden voyage into responsive web design; I'd used a classic grid, wrestled with a flexible layout, and tackled media queries for the first...