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