

The image replacement functionality also looked awesome, but does require a separate piece of JavaScript to be included on your page, which means integrating it into your theme. This bothered me a little, but not hugely. float: right) may be implemented with three lines instead. It also means that some effects that could be achieved in one line (eg.
STYLIZER DRUPAL 7 CODE
The Stylizer positioning system looks excellent too, but it does rely on some “initialisation” code being included in one of your stylesheets. I suppose you could save all your files with Stylizer first, check those into version control and then work from there, but you will still lose the ability to easily compare your updated version against the original version of Zen (or any future versions).
STYLIZER DRUPAL 7 MODS
Although this isn’t a huge deal, it does mean you’ll somewhat lose the ability to make small mods to your sub-theme and then compare your updated files with the original version later to see what you changed. Stylizer provides some great options, but unfortunately, not reformatting the code is not one of them. One of the great things I noticed about Stylizer when watching the demo was the code reformatting. As a result, I would definitely not recommend trying to learn Stylizer on a Drupal theme.

Both of these factors make learning Stylizer a bit more difficult, as it complicates the navigation of the CSS files, even with the “bullseye” functionality.

Drupal also likes to produce quite a few levels of nested divs. One of the things I discovered about Zen (and, indeed, many other Drupal themes) is that it takes “separation of concerns” to a whole new level, resulting in a very large number of CSS files (17 if you strip it back to the bare minimum). My overall plan for the project was to use the Zen Starter Kit to create a new Zen sub-theme and build up from there. However, flicking constantly between Firefox and Eclipse (mostly white) and Stylizer (mostly black) almost made my retinas explode, so it was a good thing I found the option to switch Stylizer to a mostly white theme, which solved the problem. About one month ago I was tasked with re-theming my employer’s web site (which is, of course, powered by Drupal), so figured that would be a great opportunity to test out Stylizer.Īt first glance, Stylizer looks quite beautiful, especially with the dark theme and the fine graphics on the instrument panel. It looked awesome in the video demo so I was quite eager to try it out. A few months ago a colleague mentioned Skybound’s Stylizer for CSS development.
