Responsive Design with Drupal

Who is Chaz Chumley?  Technical Director - Saforian  Author - Lynda.com  Govt. to Non-profit to Corporate  Over 7 years of Drupal experience  HTML5, CSS3, Responsive Design

Topics  What is Responsive Design?  Understanding Fluid Layouts  Responsive Typography  Fluid Images and Media  Writing a Media Query  Creating Responsive Menus & Forms  Responsive Base Theme  Next Steps

What is Responsive Design? In simple terms - Making sure your design responds to all environments. From mobile to tablet to browser and even television, ensuring that your content either adapts or responds to any viewing area and that media, forms and navigation function.

Fluid Layouts moving from pixels to percentages

Responsive Typography using baselines, em’s and fonts for icons

Fluid Images and Media from max-width to fitvids

Media Queries breakpoints and best practices

Responsive Menus modules, menus and JQuery

Responsive Forms from webform to form_alter

Base Themes combining best practices into a great starting point

Next Steps practice, refine, experiment

Questions?

Thank You.