S’il y a quelque chose que les développeurs, intégrateurs et autres webdesigners détestent, c’est bien les problèmes de compatibilité d’un navigateur à l’autre. Heureusement de nouveaux outils font leur apparition pour nous aider à gérer ce genre de problème. CSSVista fait partie de cette nouvelle génération d’outils nous rendant la vie plus simple.
Contrairement à ce que son nom pourrait nous faire croire il n’a rien à voir avec Windows Vista, mais uniquement avec les CSS. CSSVista est un logiciel gratuit, pour le moment disponible uniquement pour Windows. Il permet de vérifier la compatibilité de votre feuille de style pour Firefox et Internet Explorer en un seul coup d’œil.
D’une simplicité à toute épreuve, pour le faire fonctionner il suffira d’indiquer l’url, ou l’adresse locale, du site dont vous vouliez modifier la CSS pour que la page apparaisse dans le logiciel. Ensuite en cliquant sur le bouton “Edit CSS” le logiciel va automatiquement, et sans qu’on ait à lui fournir aucune autre indication, télécharger toutes les feuilles de styles liées à cette page et vous les ouvrir.
L’écran se présente alors sous la forme d’une triple fenêtre, la colonne de gauche servant à modifier la CSS, les 2 autres servant à la visualisation directe du résultat dans Internet Explorer et dans Firefox. Grâce à une fonction, activée par défaut, les changements de votre feuille de style seront immédiatement interprétés et les fenêtres de visualisation s’actualiseront dans la foulée.
Ceux qui ont l’habitude de travailler sur l’intégration d’une CSS comprennent immédiatement l’intérêt d’un tel outil. Fini la corvée de vérification permanente en passant d’un navigateur à l’autre pour marteler sa touche F5.
Dans les autres fonctions disponibles vous trouverez la possibilité d’afficher les outlines (ceux qui utilisent “Web developer toolbar” savent à quel point c’est utile). Ainsi qu’une fonction resize qui vous offre la possibilité de voir le résultat d’un affichage dans une résolution différente de la votre (800×600, 1024×768 ou custom). Vous pourrez aussi choisir entre vue splittée ou une vue par onglet.
Mais le miracle s’arrête la, le logiciel étant encore en plein développement (version 0.15), il souffre encore de graves lacunes. Tout d’abord de compatibilité, puisqu’il n’est disponible que pour Windows (Net Frameworks 2.0 requis).
Ensuite de fonctions, car pour l’instant il ne permet pas de sauvegarder les modifications faites sur vos CSS, mais uniquement de les visualiser. Vous devrez donc utiliser votre éditeur habituel pour cela.
Enfin de conception. Pour le moment, il ne propose de visualiser la compatibilité qu’avec les moteurs d’Internet Explorer (IE 7 à priori) et de Firefox (V 2.0). Il est impossible d’ajouter un autre navigateur ou de changer les versions d’Internet Explorer et de Firefox.
Au final en l’état c’est pratique, mais sans plus. Par contre j’espère bien voir les futures versions du logiciel combler ces lacunes, ce qui en ferait un outil aussi pratique qu’innovant et surtout quasiment indispensable pour tout intégrateur qui se respecte.
A 9:14 Le Lundi 26 mai 2008
Pour que cela soit vraiment intéressant faudrait une compatibilité avec mac os, et les navigateur qui vont avec (ie, safari, ff).
A 10:03 Le Lundi 26 mai 2008
Oui, enfin il faut vraiment combler les lacunes dont je fait mention dans l’article et d’ailleurs j’en ai oublié une … Ce logiciel rame ! Beta version certes, mais beta version gourmande en ressources, Ram et CPU le sentent passer quand il actualise automatiquement.
A noter qu’il existe un autre logiciel, Litmus, fait par Litmus Apps, les créateurs de CSSVista. Celle-ci, plus ancienne et stabilisée, mais payante, depuis longtemps permet de voir le résultat de sa page dans différents navigateurs et différents OS. Un peu comme Browsershots que j’avais présenté dans un article précédent.