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


Spotlight Schedule

9:00 To 10:00
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™