Responsive Design with Drupal

We have all heard the buzzword "Responsive Design". There are countless examples of Responsive websites and you may have even dabbled in creating Responsive elements of a website. But starting with a responsive website is generally not always your choice.

Join me as we take a look at a fixed width designed website and break down the best practices approach to converting it into a Responsive website with simple concepts and tools already available to you in your Drupal theming toolkit.

Topics include:

  • What is responsive design?
  • Understanding fluid layouts
  • Working with fluid margins and padding
  • Responsive Text
  • Fluid Images and Media
  • Writing a media query
  • Creating responsive menus and forms
  • Combining best practices into a responsive base theme
Schedule info
Status: 
Proposed
Session Info
Speaker(s): 
Track: 
Frontend
Experience level: 
Beginner