Do your Drupal themes work on all devices, regardless of size or browser complexity? This hands-on, "You can do it" training session will teach you how to create and theme a responsive design in Drupal. Chapter Three will bring Four Kitchen's excellent course to life, and we will show you:
• The past, present, and future of responsive design
• How to create a responsive layout
• How to plan for content delivery and fluidity
• How to implement your plan in the Drupal theme layer
• @media queries and HTML/CSS conventions
• JavaScript enhancements
Course Overview:
• What is Responsive Design?
• The Basics
• Fluid layout Grids HTML/CSS aspects CSS3
• @media queries
• JavaScript: your future as a themer
• Images and other rich content
The Four Step Process
• The Design
• Minimum Viable Content
• @media
• HTML, CSS, Grid
Advanced topics (as time permits)
• Advanced CSS3 (transitions, interaction cues)
• JavaScript (make it performant)
• Feature detection
• Conditional loading
• Making it work in old browsers (polyfills)
• Responsive images and content
• Obscure FOUCs and make your work sparkle with jQuery
Practice and play time - add stuff, tweak stuff with mentors nearby
Prerequisites
Each attendee will have a development instance to access and build on. This is not a beginner course. To attend, you must be skilled in:
HTML and CSS
Drupal theming (can build from a sub theme)
Javascript (some use of JQuery)
Accessing a development site
Editing with a tool like Coda, Vim, or Textmate
What to bring
Yourself and your laptop. The training site is equipped with power and internet access.
Please contact kate AT chapterthree.com if you have any questions