It always feels a little bit like cheating to use display: none in any css declaration, but its such an easy and useful tool that sometimes it's the best (read easiest) way to add some flexibility to the way certain content gets displayed on the page.

As you are probably already aware, the Joomla module class suffix system is a seriously powerful system and in my opinion really underpins Joomla templating and opens up a world of flexibility and configuration for the end user.

The following is a really simple hack that allows you to hide certain modules on small screens using the magic of media queries combined with a module class suffix.

The Responsive Joomla Template is a new skeleton template for Joomla 1.5 and Joomla 1.7 that we hope to unveil early next week. Over the last few days Ive plugged into  development of v2.0 of the Zen Grid Framework and have made some real progress that should mean that we will see a stable release next week as well.

The Responsive Joomla template will be the first template released on the new version of the framework and as you will see from the screenshots its a mobile friendly clean skin for you to start developing your sites with.

On a side note ... A unified framework and Joomla template.

The big news is that v2.0 compatible Joomla templates will be a unified package - ie they will work on both Joomla 1.5 and Joomla 1.7. This is a massive boon for us as it will speed up the development and release process, but it also means members will no longer need to worry about discerning between J1.5 and J1.7 packages in our download area.

I'll post more on whats in the new version in the next few days and weeks but for now - take a look at a few snippets of the Responsive Joomla template's layout.