Editez vos CSS en visualisant le rendu simultanément sous IE et Firefox

Développeurs web et intégrateurs le savent: Faire un site parfaitement cross-browser n’est pas un dîner de gala. Si vous êtes reconnus, vous feriez bien de vous intéresser de près à CSSVista, un éditeur de css avec une particularité extrêmement intéréssante par rapport aux éditeurs wysiwyg classiques: Il permet de visualiser, en temps réel, le rendu sous Firefox et sous Internet Explorer.

Celà commençais à faire un bout de temps que je desesperais de trouver un soft capable de me faire gagner un temps précieux lors de la mise en page css des sites sur lesquels je bosse. Tout personne ayant déja versé dans le développement xhtml/css connait le problème: Le site est valide, passe nikel sous Firefox, Opera, Safari…mais dans IE, c’est la catastrophe. Je ne vais pas revenir une fois de plus sur les innombrables défauts d’Internet Explorer, j’en ai déja assez parlé depuis la création de ce blog.

Le fonctionnement de CSSVista est simplissime: On tape l’url de la page à éditer (celle-ci peut être une url, ou bien encore l’adresse de votre fichier en local, sous la forme C:\Documents and Settings\jb\blablabla) et on obtiens une fenêtre séparée en deux, le haut de page étant votre rendu sous IE, le bas de page lui rendra votre page comme Firefox.
Par la suite, si vous désirer éditer la ou les feuille(s) de style associées à la page, un clic sur le bouton d’édition fera apparaitre un troisième panneau, vertical cette fois, ou vous pourrez éditer à votre guise la css liée au documents, et visualiser les changements sur les deux browsers en temps réel.
Une coloration syntaxique ainsi qu’une fonction de repli du code ne sera pas non plus pour nous déplaire.

Malgré l’excellente nouvelle que constitue ce programme, on regrettera essentiellement deux choses: CSSVista n’est disponible que pour Windows, doté du frameword .Net (et donc du service pack 2), et bien que gratuit, il n’est pas open-source pour autant.

Télécharger CSSVista