Some people from our discussion today asked that I post this here. Check out the official notes from the Google Doc for this session: https://docs.google.com/a/enjoycreativity.com/document/d/1HPfo077PXYAUw4...
Benefits of responsive:
- One site is cheaper than two.
Navigation:
- Superfish
- Megamenu
- Navigation menu for omega 3?
- One level of navigation (with no more than seven options) - best practice for good usability
- Using block menu for child links
Images & video:
- Responsive images module (in d8) / picture module (in d7)
- - Requires the picture module + Breakpoint module
- - What about caching?
- - - A: This isn't a problem with this solution.
- Mediafront module for all sorts of media (not just images)
Lightbox?
- Colorbox
Slideshows:
- Flexslider
- Don't put text in the picture
- It's not good to hide the slideshow for mobile (UX is decreased)
-
Base themes:
- Omega
- Zen
- - Compass / sass built in
- Aurora
- - SMACS approach
- - Great to look at and see how they're accomplish it
- Adaptive Theme
- - Great for quick theming that is responsive out of the box
- - Great defaults, which help make quick sites
Theming best practices:
- Context + breakpoint?
- Media queries in css?
- - Better to do this inline vs in a separate stylesheet.
