Back to top

Responsive Design & jQuery

This collection of jQuery tutorials takes a look at how to code a fluid-width website from scratch that looks great on all devices, using only a text editor and a browser.

The lessons will show you how to start with a blank document and code the HTML, CSS, and JavaScript needed to make the website look and behave as designed. While coding the website, you'll learn important fluid-width responsive principles to ensure the website scales down to any size. In later lessons, we'll learn about some of the more advanced techniques such as responsive images, CSS3 animations, and performance tricks to make our website perform optimally on any device.

By the end of the jQuery training, you'll have leveraged fluid-width principles and media queries to make our website work on a desktop, mobile phone, and everything in between.


This content is available for immediate download to owners of the magazine.

  • Download type: Video Tutorials
  • Length: 2h 17m
  • Tags:
  • Monetary value: FREE

Future is an award-winning international media group and leading digital business. We reach more than 57 million international consumers a month and create world-class content and advertising solutions for passionate consumers online, on tablet and smartphone, and in print.

Found a problem? Report it.