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.
.

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

Topics

Skill level

Software

Author

More options

  • Closed captioning
11 Responsive Design courses · 367 video tutorials
sort by:
  • view course page for Creating a Responsive Web Design

    Make your website more readable and efficient to download with Chris Converse's responsive website techniques.

    1h 44m
    Beginner
     
    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 Up and Running with Bootstrap 3

    Meet Bootstrap, the one-stop shop for designing sleek, mobile-ready websites with HTML5, CSS3, and JavaScript.

    3h 21m
    Beginner
     
    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 HTML5 Projects: Creating an Advanced Responsive Presentation

    Learn to spiff up your HTML5 slideshows with automatic playback, integrated audio and video, and more.

    1h 15m
    Advanced
     
    Viewers:

  • view course page for CSS: Frameworks and Grids

    Explores CSS frameworks and grids, and helps you determine when a framework is right for you.

    3h 27m
    Beginner
     
    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 Up and Running with Bootstrap 2

    Discover Bootstrap, a free web development tool from Twitter that, with a little bit of CSS and JavaScript experience, makes building websites quick, intuitive, and fun.

    2h 38m
    Beginner
     
    Viewers:

  • view course page for WordPress: Building Responsive Themes

    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:

“lynda.com has made it possible and affordable to retool and get back to work after raising my kids. I can't imagine working without this resource now.” —Maureen C.
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