Interactive Media 6.x-2.0-alpha1 is now completely revamp with zen-6.x-2.0 support

Google AdSense Square

I have been using the Interactive Media design (http://www.solucija.com/template/interactive-media) for my blog more then 2 years (http://drupal.org/project/interactive_media), and it is time for some revamp. As my team and I are now working in theme development for our clients with Zen 2.0, it is also a good idea to revamp my legacy theme implementation as Zen subtheme.

What's news and still missing?

The new version is now release as version 6.x-2.0-alpha1 (http://drupal.org/node/907224) since it just LOOKS similar as that of legacy implementation, but still missing out some critical functionality (for sure, contribution is welcome):

  • RTL layout support,
  • Administration pages support,
  • Multiple footer column,
  • Theme build-in search form implementation,
  • Minor layout tweak in small screen resolution,
  • Dummy Zen comment message for developer cleanup,
  • ... and so on

Remeber that as a Zen 2.0 subtheme, you should also install it within your "sites/all/themes" folder (but don't need to enable it) for using this theme.

Besides something still missing, there is also a lot of improvement base on migrate as Zen 2.0 subtheme:

  • Better fixed width and fluid width layout handling
  • Onscreen block configuration supported by Zen 2.0
  • Better coding syntax
  • ... and so on, too :D

Background

I just spend 1 day for the revamp: most of the page layout implementation are well designed within Zen framework and also the CSS namespace structure. Only need to focus on the presentation CSS migration and jobs are almost done! Well... It even coming with a better structure than that I had been develop + maintenance + tweak for more than 4 years since Contented7 (http://drupal.org/project/contented7/)...

During revamp I also give an optimization of all PNG files with pngcrush (http://en.wikipedia.org/wiki/Pngcrush). Once optimized when compare my blog frontpage speed with Firebug waterfall diagram (the performance boost should be more once code cleanup with Zen comment message):

  • interactive_media-6.x-1.12: 462kb
  • interactive_media-6.x-2.0-alpha1: 441kb

Besides the revamp I am also migrate my development testbed to our own GIT repository (http://trac.pantarei-design.com/interactive_media/browser) and also maintain the project with Trac (http://trac.pantarei-design.com/interactive_media/). It is a good start to migrate all of our clients project to GIT + Trac since it can give a more complete and handy control for our project management :D

About images

Thanks for Bryan Ollendyke (http://drupal.org/user/24286) report that FamFamFam icons set is CC but not GPL so not suitable for Drupal CVS repository (http://drupal.org/node/907520). I am now finding some replacement solution, e.g.

It looks spirit20 much suitable as FamFamFam replacement but it is a set of 20x20 icon set. Therefore I give a custom repackage of original PNG files as 16x16 version with following commands:

  • Imagemagick: mogrify -resize 16 *.png
  • Pngcrush: find . -type f -name '*.png' -exec pngcrush -rem alla -brute -reduce -d ../ {} \

You can download both the original and repackaged version as below. Enjoy it :D

AttachmentSize
icons-circular.zip 104.32 KB
spirit20.zip 525.46 KB

Add new comment

Restricted HTML

  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <h4> <h5> <h6>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.
  • HTML tags will be transformed to conform to HTML standards.

Plain text

  • No HTML tags allowed.
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.
CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.