Tutoriel Vidéo HTML-CSS : Editeur CSS : Stylizer

Découvrez Stylizer, Ce logiciel est spécialement conçu pour l'édition du CSS et va vous permettre d'éditer et de créer vos CSS plus simplement en affichant en tant réel le rendu des modifications sur n'importe quel navigateur.


Télécharger la vidéo
(Réservé aux premiums)


Après avoir appris sur Internet quoi de plus normal que de partager à son tour ? Passionné par le web depuis un peu plus de 5 ans maintenant j'aime partager mes compétences et mes découvertes avec les personnes qui ont cette même passion pour le web : Vous.

Vous aimerez aussi

La Typographie

La Typographie
34m

La typographie est une partie importante d'un site web qui est...

Loader Animé

Loader Animé
11m

Dans ce tutoriel vous allez apprendre à créer votre propre loader animé...

21 commentaires
Ajouter un commentaire

passionaqua Il y a 3 mois Répondre

Et sous Linux ???

ludo31 Il y a 4 mois Répondre

Une question comment configurer les navigateurs car moi il n'y a que 2 navigateurs firefox 3 et IE 7

sychedelix Il y a 10 mois Répondre

Cufont le fais planter...

wolkam Il y a 1 an Répondre

Je viens de l'utiliser pour modifier un template css d'un forum, je suis pas un expert du CSS, donc j'ai pas mal du tâtonner, même avec firebug, la franchement, j'ai trouvé de suite les problèmes de mon css. Alors OK, c'est peut-être pas utile pour les intégrateurs de métier, mais pour un développeur lambda qui reprend une CSS, c'est trés utile. Merci pour le tuto !

thvi Il y a 1 an Répondre

Bonjour,
Je souhaiterais avoir un retour sur l'usage de ce logiciel depuis la présentation de ce tuto.
Est-ce que tu t'en sers finalement ?

neoweiter Il y a 2 ans Répondre

haa intéressant (pour débugger les IE 6 et 7)
Merci

flo Il y a 2 ans Répondre

est ce que quelqu'un l'a tester sous mac la simulation pour IE est-elle integrer ? car si on peut simuler IE sur mac se serai quand meme révolutionnaire pour les utilisateur mac

chesnel Il y a 2 ans - Répondre

J'ai téléchargé la version d'évaluation pour mac et malheureusement je n'ai aucun navigateur séléctionnable pour visionner le site sous différents format. Après peut-être que sous mac il n'affiche pas en grisé ceux qui seront dispo en version complète. Mais difficile de savoir.

Enzo Il y a 2 ans Répondre

Mouais bof, après tout FireBug permettra peut-être d’enregistrer aussi, d'ici une nouvelle version...

coeos.pro Il y a 2 ans Répondre

Très intéressant, je ne connaissais pas ce logiciel, sinon pour IE j'utilise IE8 et en appuyant sur F12 on obtient l'équivalent de Firebug et en plus on peut même avoir un rendu "mode navigateur IE7".
Pour info Firebug existe aussi sous chrome.

Kamal Il y a 2 ans Répondre

J'aime bien ce logiciel, très outils mais c bien dommage fonctionne juste sur Windows

DieseL Il y a 2 ans Répondre

xD, quand il entre l'adresse du site officiel, on voit certaines recherches douteuses ^^

Grafikart Il y a 2 ans

Boulette... bien vu, des recherches qui ne mènent à rien

Johnrp42 Il y a 2 ans

j'allais le dire mais j'ai pas oser xD,
sinon oui des recherche qui mène a rien pour moi aussi mais il y a possibilité de trouver la version 4 pour les intéressez(qui prend en compte que ff et IE6)
En même temps on te comprend le prix est élevé :s.

Alex-D Il y a 2 ans - Répondre

C'est google chrome qui les met en suggestion même si on ne les a pas effectué

Syl20 Il y a 2 ans Répondre

Ce logiciel peut être utile sous ie mais 80$ je trouve ça vraiment très cher. Certains logiciels gratuits en font autant

risoulin Il y a 2 ans Répondre

Pratique mais pas donné ce truc.

Du coup je suis parti à la recherche d'un truc similaire pour firebug, qui est un outil qui me convient parfaitement.

Eh bien ça existe et c'est un module firefox appelé firefile!

https://addons.mozilla.org/fr/firefox/addon/52365/

noob4ever Il y a 2 ans Répondre

pas mal merci beaucoup pour l'info

NwkDesign Il y a 2 ans Répondre

Vraiment Trés utile et Facile d'utilisation ! Je te remercie

edandweb Il y a 2 ans Répondre

Bonjour je pense que cet outil apporte un gain de temps indéniable pour sa gestion simple de IE6++, FF et CHROME. Petit conseil pour debugger sur IE lorsqu'un élément ne donne pas le rendu souhaité sur IE, ajouter un border sur tous les éléments et vous verrez quel élément est problématique.

Grafikart Il y a 2 ans Répondre

Firebug ne marche que sur firefox. Effectivement ce logiciel n'est sûrement pas indispensable mais pour debugguer un CSS sur IE par exemple ça peut être vraiment plus rapide que tatonner...

Anthony Il y a 2 ans

d'autant plus que FireBug lite est inutilisable

Identitools Il y a 2 ans

Dragonfly sous Opera (je l'utilise) et un outil de débogage existe également sous chrome.
Pas besoin d'être dépendant d'un outil, tout les navigateurs modernes en possèdent une version.

alcorsica Il y a 1 an

Interessant pour le debuggage IE6 effectivement. Mais qui l'a testé leur moteur de rendu IE6 ? Est-i vraiment bon ? S'agit-il encore du moteur IE7,8,.. dégradé ? Bref si quelqu'un peut me dire s'il est meilleur que tous les IEtester et compagnie pour debugger IE6 merci d'avance !

Crehard Il y a 1 an - Répondre

Firebug peut-être installer comme une extension sur safari aussi :-)

Anthony Il y a 2 ans Répondre

FireBug suffis ! ça c'est indéniable mais une possibilité d'export des modification serrais terrible !
ce logiciel à au moins le mérite d'exister bon, c'est clair qu'à 80€ la possibilité d'exporter ... ça fais mal !

Identitools Il y a 2 ans Répondre

Au delà du concept qui est intéressant, j'ai plus l'impression d'un logiciel assez inutile pour l'intégration...
"Il sélectionne automatiquement la bonne règle css", oui... sauf quand il se trompe.
"Logiciel pour intégrateur", oui... sauf qu'un intégrateur est censé être capable de s'en passer, et confier le code à du Wysiwyg, c'est revenir à l'age de pierre et de dreamweaver en mode création ^^'
Autant confier le code à un aveugle...

Bon, j'avoue, j'exagère un peu, mais franchement ? Firebug ne suffit pas ?
Après test, ce logiciel à l'air juste d'un bon gros gadget au look de bonbon...

Naomed Il y a 2 ans - Répondre

L'âge de pierre c'est de forcer les artistes à rester la tête dans du code plus de la moitié de leur temps.
Stylizer rend la gestion du design en CSS beaucoup plus intuitive et rapide (cliquer-glisser pour modifier une valeur et voir le résultat en temps réel plutôt que tâtonner en entrant 20 valeurs différentes à la main et valider à chaque fois, il est où l'âge de pierre ?), tout en te laissant un contrôle quasi-total sur le code si tu veux.
Enfin, chacun son truc.

Anthony Il y a 2 ans Répondre

jusqu'à 4 minutes je me demandais quel pouvait être l'intérêt de cet outils ( mis à part s'affranchir de FireFox ) mais le fait de pouvoir sauver les modif' ... terrible !!
j'en rêvais sous FireBug depuis un moment ... par contre, à 80€ je resterais sur FireBug pour l'édition de CSS à la volé.

en tout cas merci pour l'info !

Badbart Il y a 2 ans

C'est 80$, pas 80€

Grafikart Il y a 2 ans - Répondre

Je dis 80 € dans le tuto, effectivement 80 $ donc un peu plus de 60 € pour le moment.

Arbiter0x Il y a 2 ans Répondre

Pas disponible sur Mac OS ? =(

Naomed Il y a 2 ans - Répondre

Si si, il y a une version Mac maintenant.

Quant à Linux, si le portage vous intéresse, allez voter ici :
http://skybound.uservoice.com/forums/2709-general/suggestions/1102147-i-seem-to-remember-a-linux-version-mooted-many-moo
:)

Laisser un commentaire

Si vous avez une question il est conseillé d'utiliser le forum si vous voulez une réponse sûre.