Spotlight: Advanced Responsive Design
Web Dev
  • 2016-06-04 00:00:00 2016-06-04 00:00:00 America/Toronto Spotlight: Advanced Responsive Design Toronto FITC
  • Toronto

Presentation

SlideShare View Video

Overview

One of the most difficult aspects of developing for different screen sizes is the need to serve high quality images without slowing down the browsing experience. Websites are becoming more image heavy every year and with the popularity of content management systems growing, we don’t always have the luxury of complete control over the image sizes that are uploaded. Anne will be sharing some of the tricks that she has learned over the years to achieve the ideal combination for responsive images – fast, good and cheap.

Objective

Help you build sites that deliver high-quality images regardless of screen size with modern techniques (and even support Internet Explorer!)

Five Things Audience Members Will Learn

  1. Alternatives to JPGs and the pros and cons
  2. How to speed up load times for images
  3. Modern methods to display images beyond the usual img element
  4. How to generate correct image size for every device
  5. Handy comparison of JS libraries to support older browsers