How to make a responsive theme in Zen 5? Modules and procedures to keep or to leave from older Zen versions I'm using Zen theme back from 2007, when Drupal 5 comes out (anyone remembers those subtheme directories put into the main zen directory?). Thanks to this theme reliability and awesome community, the small team I work in completed several projects for customers in Drupal 5, 6 and 7. Since the theme base is standard, projects change hands smoothly and common solutions were standardized internally.

Now, customers start to get more demanding about mobile devices and building a separate theme or a simple alternate stylesheet for mobiles is not enough anymore. "Responsive" become a term used by the marketing people too. And here starts our problems as developers.

A video from July 2012 by Palantir is a good starting point, and the Responsive web design handbook is extensive. Maybe, too extensive. The number of new concepts is overwhelming (to me). 

Compass, SASS, the use of a Ruby CSS preprocessor (compass) running as a server to generate CSS files from SASS, and not to improve loading times by the client are some of the new design concepts implemented through Zen Grids. Respond.js and HTML5 shim seems to be new retrocompatibility concepts. Zen Grids seems to be able to do most of the work Panels and templates used to do.

Anyone here started from a previous Zen theme and set of tools like view blocks, Panels and Mini panels, field templates, conditional stylesheets and now have successfully changed the working method to adapt to Zen 5 new features? What should I keep and what should I have better to forget after entering in the Zen 5 world? Here some tools that seems to make obsolete some old companions:


Field / view field templates > Fences?
Panels > Zen grids?


How blocks and views will adapt in this new approach, looking for responsiveness? How navigation? I used awfully a lot Menu Block and now I see responsive menus like this popping out. Conditional stylesheets are something I can forget of because of Compass? How can I adapt user-loaded images through IMCE / TinyMCE?

I don't want to use old, unfit tools in a new environment, so what's the best, practical approach while selecting modules and designing the theme from a "old school" Zen enthusiast point of view in your experience? Priorities for my team is to keep low the number of contrib modules and identify a standard process to create quickly complex responsive layout for nodes and for views keeping code as clean and maintainable as possible. Thank you very much.
I would avoid getting confused.  Zen Grids is not the same as the panels module.  The fences module just makes it easier to override the default field html output.  The responsive menu you showed is just css and a media query.  

A little zen might help also, take a deep breath and repeat after me, "It is all just css."