Wireframes• Build wireframes for different devices in parallel• Don’t design all wireframes for a single device before moving onto the next• Before you design, you should have a perfect map that leads your site building from point A to B
Style tiles• Establish a visual language or guide for the site design before actually producing artwork• Style Tiles in Practice (Samantha Warren) • bit.ly/style-tiles
Visual design• Create artwork for each major break point in screen width• Use style tiles as a guide to create artwork• Plan the elements to use as few images as possible• Design what you can in the browser
Opting for speed• Stuck with CSS3 when possible• Did not use Respond.js to ﬁx IE• Moved JS to the bottom
Credits• Drupal is a registered trademark of Dries Buytaert.• The items listed to the left are exempt from this presentation’s Creative Commons license.• This presentation was created and delivered by Chris Ruppel and Todd Nienkerk of Four Kitchens and Zach Meyer of SXSW at DrupalCon Denver.
All content in this presentation, except where noted otherwise, is Creative Commons Attribution-ShareAlike 3.0 licensed and copyright 2012 Four Kitchens, LLC.
A particular slide catching your eye?
Clipping is a handy way to collect important slides you want to go back to later.