Improving the Responsive Web Design Process in 2016

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:

  • Performance and best practices
  • CSS structuring and optization (BEM, SMACSS, etc.)
  • Fixed-Pixel vs rem, em and %
  • Responsive images. Drupal non-Drupal solutions
  • SVGs
  • Asynchronous loading of images, Javascript and other sources
  • Typography in a responsive environment and FOUT, FOIT and FOFT effects
  • Vertical Media Queries
  • How proxy-based browsers like Opera Mini can affect
  • Beyond the Mouse: Touch and keyboard events
  • Accessibility
  • Progressive enhancement
  • Using RWD patterns and Progressive 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 will leave with interesting ideas to improve your projects.

DrupalCampSpain 2016