Customer Street CSS

CSS Vista is one of those tools that, once you find, you will wonder how you managed to build a website without it! The major difficulty in developing websites, particularly those based around CSS layouts, is browser inconsistencies. It’s very ironic how Firefox displays web pages you build exactly how you build them because of it’s up-to-date CSS support, yet Firefox also has the most tools available for checking and developing your sites. Problems arise when you come to use the same code for browsers such as Internet Explorer.

CSS Vista can help with this. The way it works is, you open up the program and type in the URL of the web page you want to edit. This can be local or live. Once you are there you can load the specific CSS file that you need to work on and it will appear in the left-hand pane with your site in the right. You can then edit the CSS in ‘real-time’ and see what your changes do to the site. Once you have finished you can save the CSS file and upload it to your server with the changes in place and site looking as it should.

You may be wondering at this point what benefit this gives CSS developers because, for those that use the add-ons for Firefox, this same thing can be done with EditCSS or the developers toolbar. But the great thing about CSS Vista is that you can open IE as a browser within the program and edit THAT in real-time too! You can even open both browsers at once in the right-hand pane, and see how your changes affect both! That is extremely helpful when you need things to look the same, but don’t know what will work!

The best thing about it is, it’s free! It’s currently still in a beta stage, and although it works very well, there are still a few bugs to iron out. But for new developers and those stuck with cross-browser difficulties, it’s a must-have!

http://litmusapp.com/labs

3

after 2 Votes