If Zen doesn't provide responsive layouts CSS, it will become a relic of the past. All websites will become some form of responsive. So providing only fixed layouts is folly.
Today, anything that’s fixed and unresponsive isn’t web design, it’s something else. If you don’t embrace the inherent fluidity of the web, you’re not a web designer, you’re something else.
Web design is responsive design, Responsive Web Design is web design, done right.
Add a responsive layout to Zen and make it the default layout. Use the Zen Grids mixins so that it is easy for sub-theme authors to create their own responsive layout. http://zengrids.com
- Release Zen Grids 1.0 over at https://github.com/JohnAlbin/compass-zen-grids
- Add an example responsive layout with media queries to Zen
- Convert the old fixed width layouts to use Zen Grids too (since its way easier than the raw CSS.)
- Ensure the Zen base theme settings has a layout switcher (to be used only by the base theme) so people testing Zen can see the possible layouts.
Original report by n8tron
I've turned Zen's layout-fixed.css into simple responsive layout starter project. This needs work... This was proportioned off of a 1024 canvas.
Fluid grids, flexible images, and media queries are the three technical ingredients for responsive web design