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

Schedule

Schedule


9:00 To 10:00
Registration
10:00 To 10:45
Responsive Design, Past, Present and Future
Web content now lives on multiple devices and platforms. We are designing content that will live on evolving smart devices, smart TVs, dumb devices, and low res screen platforms. What are the design implications for multiscreen patterns such as coherence, device shifting and the growing trend of zero UI? Designing digital products is about how people connect with content on… Read more…
Andrew Smyk

Educator & UX Designer, Sheridan College

10:55 To 11:40
Deliver Perfect Images At Any Size
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… Read more…
Anne Thomas

Lead Developer, Out of the Sandbox

11:50 To 12:35
CSS Layout Techniques: Replacing Floats With Flexbox
CSS floats have been the primary way that we define web layout for almost the past decade. They’ve worked pretty well over the years but times are changing. Flexbox is becoming the new norm for layout and solves some of the main gripes we deal with when using floats. Some of the new concepts may be a bit difficult to… Read more…
Bermon Painter

Innovation & Strategy Lead, EY wavespace™

12:35 To 2:00
Lunch Break
2:00 To 2:45
Things To Keep In Mind When Working In The World Of Responsive Design
The term ‘responsive design’ has evolved over the past years to mean more than just fitting a site onto your phone’s screen. Responsiveness now caters to a wide range of needs and concerns, which isn’t always clear or easy to navigate. In this talk, we’ll explore multiple responsive concepts and techniques, their pitfalls and limitations, and explore a range of… Read more…
Haris Mahmood

Engineer, Shopify

2:55 To 3:40
Exploring Art-Directed Responsive Images
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… Read more…
Rami Sayar

Senior Technical Evangelist, Microsoft

3:50 To 4:35
Designing True Cross-Platform Apps
Some people consider responsive design to be cross-platform, and responsive design to be resizing for containers. However, this misses the distinction of fluid design & often leads to slow and bad programmatic implementations. This talk will cover the distinction and provide pointers on how to implement responsive apps that are also performant. Attendees should understand a differing view on how… Read more…
Alexander Blom

Partner, Isle of Code

4:45 To 5:30
Responsive Design Patterns for an Evolving Web
Style guides, pattern libraries, and design systems are becoming more commonplace. As the web continues to mature older design patterns, even though they are widely understood, no longer work well for a multi-device web. Building modular, reusable patterns will help designs function on a wider group of devices. Four Things Audience Members Will Learn Basic guidelines for creating modular design… Read more…
Bermon Painter

Innovation & Strategy Lead, EY wavespace™