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

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