Magazine Internet

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

Publié le 31 janvier 2008 par Jbjweb

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.

cssvista.jpg

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


Vous pourriez être intéressé par :

Retour à La Une de Logo Paperblog

Ces articles peuvent vous intéresser :

  • Tutorial CSS, création d’un bouton design

    Ce tutorial va vous permettre de créer des boutons personnalisés pour vos formulaire ou autre. Première étape : Créer les différentes images composant le bouton... Lire la suite

    Par  Mehdi
    EMARKETING, INTERNET, PROGRAMMATION
  • Tutorial CSS : Checkboxes & Boutons radio

    En a déjà vu comment créer un effet glace sur une image en utilisant un Js. Cette fois ci nous allons voir comment personnaliser les Checkboxes et les boutons... Lire la suite

    Par  Mehdi
    EMARKETING, INTERNET
  • Le framework CSS : Blueprint, Wymstyle et Yaml

    Définitions : Un framework est un espace de travail modulaire. C’est un ensemble de bibliothèques, d’outils et de conventions permettant le développement... Lire la suite

    Par  Danydan
    INTERNET, PROGRAMMATION
  • Des layouts CSS Seo-friendly

    Vous trouverez sur le site layouts.ironmyers.com des layouts optimisés pour les moteurs de recherches (Seo-friendly). Ces layouts permettrait un meilleur... Lire la suite

    Par  Yohann Ciurlik
    HIGH TECH, INTERNET, MOTEUR DE RECHERCHE, PROGRAMMATION
  • Firefox : une extension formidable !

    Firefox extension formidable

    Bloguer, c'est bien sûr écrire et publier ses propres billets, mais c'est aussi visiter les autres blogs et, en fonction de son humeur et/ou de ses... Lire la suite

    Par  Gabuzo38
    BLOG, INFORMATIQUE, INTERNET, LOGICIELS, RSS
  • CSS Framework

    Smashing Magazine propose sur leur blog un article concernant les Framework CSS. Il explique ce qu’est un framework CSS, donne les avantages et les inconvénient... Lire la suite

    Par  Barbara Teknikweb
    BLOG, INTERNET, PROGRAMMATION
  • CSSVista : Editeur CSS en temps réel sous IE et Firefox

    CSSVista Editeur temps réel sous Firefox

    Il existe une extension firefox permettant de switcher sous IE pour voir le rendu instantanément. IETAB ça s’appelle. C’est pas trop mal et qu’on déjà vu dans l... Lire la suite

    Par  Mehdi
    EMARKETING, INTERNET

LES COMMENTAIRES (1)

Par dan4
posté le 09 mai à 15:13
Signaler un abus

discontinué.

A propos de l’auteur


Jbjweb 18 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Magazine