Improving the Responsive Web Design Process in 2016

Slides: 

It's been 6 years since the term Responsive Web Design (RWD) was coined and today is difficult to see new projects without implementing it. But this time has allowed us to see the implementation can be even more important than the technique and the theory.

The RWD covers from the performance to the implementation of patterns and "standard" behaviors to improve usability.

In this session I will review tools, techniques and concepts to improve our projects:

  • Modern Design processes
  • Performance
  • CSS structuring and optimization (CSS Methodologies and Living Styleguides)
  • Fixed-pixel vs relative units (and Viewport Sized Units)
  • Responsive Typography and FOUT, FOIT
  • Images, Responsive images and SVGs
  • Asynchronous loading
  • Proxy-based browsers
  • Beyond the Mouse
  • RWD patterns and Progressively Disclosure

I will show simulations for a better understanding.

This session is aimed to anyone who wants to improve his RWD knowledge, although a minimal RWD knowledge is expected. If you have the basics of RWD but have not gone much farther, this session will help you see the effects of a poor implementation. If the RWD is already your day-to-day, you might leave with interesting ideas to improve your projects.

 

Session Track

Front End

Experience level

Beginner

Drupal Version

N/A

Session Time Slot(s)

Time: 
09/27/2016 - 10:45 to 09/27/2016 - 11:45
Room: 
Wicklow Hall 2B | Platform.sh