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

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.

Objective

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