Monday, July 14, 2008

Stylizer - speed up your CSS development

Stylizer focuses on CSS fine-tuning and speedy live web page editing. As a nice change from existing similar tools you can see your changes in Internet Explorer as well as FireFox.

Impressions

Stylizer will let you edit the CSS on your live pages. While it specializes only on CSS editing it does it very well with multiple innovative features:

- Multiple browser support. I was able to easily switch between Internet Explorer and Firefox. A very useful feature to make sure your CSS is behaving as expected with both browsers.

- Instant preview in the browser of your choice. This is a great selling feature for this application, it will let you easily fix CSS bugs or take a peek under the hood for at an existing web site.

- CSS browser filters. Apply some CSS to one browser and some to another, all with just a few clicks.

- Disable CSS on the fly.

- CSS validation, both when a page is opened and also ongoing while editing.

 

You must go through the tutorial, it will show you how to get around the application in just a few minutes.

 

Caveats

 

Limited only to CSS editing, it would be nice to be able to edit HTML and JavaScript as well. Other tools offer similar features while integrating into a more complete experience - FireBug comes to mind again.
The integrated tutorial and purchasing pages are not working if the internet security settings are set to high.

Interface can be hard to figure out at times, don’t skip the tutorial. It would be nice to have the various options available in menus with more descriptive text and in categories to complement the existing toolbar.


Price

The Basic version is free but it comes with limited functionality.

$69.95 CAD for the Ultimate version.

Conclusion

If you need the specific tools it offers then go for it. Basic CSS editing is available for free in other tools like FireBug.

4 stars.

Get Stylizer from here: http://www.skybound.ca/stylizer/