1. Responsive Design with Drupal

2. 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

3. 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

4. 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.

5. Fluid Layouts moving from pixels to percentages

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

7. Fluid Images and Media from max-width to fitvids

8. Media Queries breakpoints and best practices

9. Responsive Menus modules, menus and JQuery

10. Responsive Forms from webform to form_alter

11. Base Themes combining best practices into a great starting point

12. Next Steps practice, refine, experiment

13. Questions?

14. Thank You.