Spotlight: Advanced Responsive Design

2016-06-04 00:00:00 2016-06-04 00:00:00 America/Toronto Spotlight: Advanced Responsive Design We’re taking a deep dive into responsive design and hope you’ll join us to learn how you can leverage this increasingly mainstream technology in your work. This one-day event is designed for industry professionals and features notable speakers. Attendees can expect to build up their skills with… Toronto FITC Toronto

Presentation


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