Spotlight: Advanced Responsive Design

2016-06-04 00:00:00 2016-06-05 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



Responsive images are crucial to delivering stunning responsive web sites. Now that the <picture> element and srcset feature have found their way into every browser with to a certain degree following a common standard, there is no excuse for refusing to add art-directed responsive images to your grunt, gulp or webpack build flow or backend CMS/blog. This talk will explore the state of the art in building art-directed responsive images and will showcase several tools and techniques that web designers can use to automate art-directed responsive images.


Exploring art-directed responsive images tools and techniques

Target Audience

Front-end developers and web designers

Assumed Audience Knowledge

Responsive web design

Five Things Audience Members Will Learn

  1. What are art-directed responsive images
  2. How to create art-directed responsive images
  3. Dealing with web backends
  4. Using smartcrop.js and imgix
  5. Automating with Grunt/Gulp