We launched a new IT training category! Check out the 140+ courses now.

Start learning with our library of video tutorials taught by experts. Get started

Responsive Design

Create and build responsive-design websites for desktop and mobile applications. Start by planning the design in your CSS grid, then build responsive navigation and create responsive media, like fluid images.
John Hersey
.

Learn how to scale your site designs gracefully with responsive design

Gone are the days of designing websites only for the desktop. Nowadays site designs need to scale seamlessly across different devices and screen sizes, a concept termed responsive design. Check out the hundreds of responsive design tutorials we offer, and get started today.

Try our Responsive Design tutorials

— every online course includes free video tutorials. Become a member to keep learning, with unlimited access to every course in our library.
Creating a Responsive Web Experience

Create a satisfying and responsive user experience

Creating a Responsive Web Design

Design responsively for any screen size or device

Applied Responsive Design

See practical applications of responsive design

Skill level

  • Intermediate

Software

Author

More options

  • Closed captioning
13 Responsive Design courses · 459 video tutorials
sort by:
  • view course page for Building a Responsive Single-Page Design

    Learn how to build responsive single-page websites (with animation and scrolling effects) using frameworks like Compass, Susy, and Breakpoint.

    4h 55m
    Intermediate
     
    Viewers:

  • view course page for Customizing Bootstrap 3 with LESS

    Learn how to customize the look and feel of your Bootstrap site with LESS CSS, as well as LESS mixins and Bootstap's own customization screens.

    1h 36m
    Intermediate
     
    Viewers:

  • view course page for Creating a Responsive Web Experience

    Learn how to add JavaScript to your HTML and CSS to make your webpages more responsive to different screen sizes. Dynamically load content, add animation, collapse navigation, and more.

    1h 23m
    Intermediate
     
    Viewers:

  • view course page for Responsive CSS with Sass and Compass

    Learn how Compass (powered by Sass) can help you build a responsive layout workflow that is easier, faster, and more compatible than CSS alone.

    3h 22m
    Intermediate
     
    Viewers:

  • view course page for Bootstrap 3: Advanced Web Development

    Generate an interactive website from scratch with Bootstrap.

    3h 28m
    Intermediate
     
    Viewers:

  • view course page for Bootstrap 3: New Features and Migration

    Learn about the new CSS classes, mobile-first approach, and other enhancements in Bootstrap 3.

    46m 57s
    Intermediate
     
    Viewers:

  • view course page for HTML5 Projects: Creating a Responsive Presentation

    Use open technologies (HTML5, jQuery, and CSS) to create a slideshow that responds to mobile and desktop layouts, and learn to customize the slideshow to fit your next project.

    1h 25m
    Intermediate
     
    Viewers:

  • view course page for Applied Responsive Design

    Applied Responsive Design with James Williamson

    Real-world responsive design strategies to control the appearance and behavior of your website across multiple screen sizes and devices.

    6h 1m
    Intermediate
     
    Viewers:

  • view course page for Building a Windows Store Game Using HTML and JavaScript

    Shows developers how to write their first Windows Store app with HTML5, JavaScript, and CSS.

    2h 16m
    Intermediate
     
    Viewers:

  • view course page for Responsive Design with Drupal

    Takes you through the process of making a Drupal website that automatically tailors and sizes content for a wide range of displays, from desktops to mobile devices.

    2h 38m
    Intermediate
     
    Viewers:

  • view course page for Templating with Joomla! 3 and Bootstrap

    Build a custom Joomla! 3 template that automatically tailors and sizes content for a wide range of displays, from desktops to mobile devices, leveraging Bootstrap, which ships with Joomla! 3.

    5h 8m
    Intermediate
     
    Viewers:

  • view course page for WordPress: Building Responsive Themes

    WordPress: Building Responsive Themes with Morten Rand-Hendriksen

    Demonstrates different design strategies, best practices, and actual code examples for creating a web site that can adapt to multiple devices, screen sizes, and browsers.

    2h 55m
    Intermediate
     
    Viewers:

  • view course page for Creating an Adaptive Web Site for Multiple Screens

    How to build a web site that automatically adapts its layout to various screen sizes, orientations, and resolutions on desktop browsers and mobile devices.

    3h 9m
    Intermediate
     
    Viewers:

“This $25 was the BEST I could have ever spent! I have spent hours relearning things I had forgotten and solidified my confidence in what I do know.” —Claudia W.
more from our members »

Get started

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.