Watkins Web 2: Blog

Responsive Media

Here are two resources I’ve found useful in making responsive designs recently

  • Flexslider is a jQuery plugin that turns an unordered list of images into a “carousel” or simple cross-fading slideshow. It’s very similar to the Cycle plugin, except that it manages responsive images much better: just leave the height and width attributes off your <img /> tags, set them to max-width:100% in your CSS, and they’ll work as they should.
  • Elastic Videos shows you how to embed Youtube videos so that they, too, can resize with the browser.