Voilà un outils qui vient confortablement s’ajouter à la panoplie d’outils de la Web Developer Toolbar absolument nécessaire de Firefox.
Mais que peut bien faire cet outil de plus ?! Et bien, il permet d’éditer le code HTML en live et ainsi de voir directement (en live je viens de dire) le résultat.
Evidemment, vous n’éditez pas le site, mais une copie locale. Evidemment, quand vous aurez terminé, le site aura toujours été le même pour les autres visiteurs. C’est un outils de développeur (d’où ma référence à la barre de développement de Firefox… Merci de suivre…).
Donc, ça se passe par là et ça se nomme cssfly.
Génial ce site !
J’adore ! Moi qui avait pour excuse de ne pas travailler mes sites Web car j’avais pas accès du boulot …
Va falloir trouver une autre excuse. ^^
Merci d’avoir fait circuler le lien.
Kéké
A vrai dire sous firefox il est difficile de développer sans la developpeur toolbar + firebug + html validator.
Or firebug permet déjà de faire de l’édition de code html et de css en live… Du coup quel est le plus de cssfly?
tu fais de l’edition html en live sur firefox ? Pour le CSS ok, mais pour l’HTML, je veux bien que tu me dises comment tu fais.
J’ai raté qqc j’ai l’impression…
Kéké
Tu ouvres ton firebug en bas a droite, tu clics sur l’onglet html (ou css). De la avec un rollover sur n’importe quelle bloc, ca te mets en surbrillance le bloc dans le navigateur…
Dans ton code source, tu peux en cliquant sur n’importe quel texte, id, class la mettre à jour directement. Si tu veux changer d’avantage un clic droit te donne acces à « éditer le html »… Et tu fais ce que tu veux.
Idem pour le css, tu peux modifier et ajouter des champs comme tu le souhaites… en plus ca fait de l’autocompletion…
Par contre je ne sais pas si tu peux enregistrer tes modifs. C’est uniquement de la visualisation. Peut être que c’est ce que fait cssfly ?
Non cssfly, recréé juste une frame, une avec le site, une avec une textarea. Rien de plus. 🙂