Comment je fais pour connaître la structure du site de CSS Actif ? Comment est-ce que je peux comprendre le CSS utilisé pour un effet ?
Deux outils sont essentiels pour les intégrateurs-developpeurs et webdesigners : Web Developer et Firebug

Web Developer
C'est cette barre qui s'installe en bas de la barre d'outils de votre navigateur.
Vous pouvez demander à voir le CSS d'une page ; à désactiver le Javascript sur une page ; à Entourer les blocs d'un forum, à obtenir les informations sur le poids de la page... etc.

http://chrispederick.com/work/web-developer/
pour obtenir les liens de Firefox et Chrome

https://addons.mozilla.org/fr/firefox/addon/web-developer/
pour installer le plugin directement sur Firefox

Firebug

Ce petit insecte vous permet de tester en direct du codage !
Faites un clic-droit sur un élément de la page, choisissez "Inspectez l'élément"...
Vous obtenez à gauche le code source HTML & à droite le code CSS. Et EN PLUS vous pouvez faire vos propres changements du code de base ! Ca vous permet de faire vos tests de code en ligne, et de revenir sur votre feuille de style après, en évitant les allers-retours !

http://getfirebug.com/
https://addons.mozilla.org/fr/firefox/addon/firebug/

Sur Chrome je crois que c'est installé de base... mais je prefère travailler sur Firefox personnellement.

Utilisez ces outils à BON escient !
Inutile de "copier-coller" bêtement un code si vous ne l'avez pas compris de base =).

Hello Moody,

Je connaissais le deuxième (pour en avoir abusé ), mais pas le premier que je vais courir découvrir.

Merci pour le partage !

Hello Orange =D !

Contente de voir que je peux être utile au fondateur de CSSActif !
Je suis sûre que Web Developer te sera utile !

Hésite pas à me poser des questions si besoin.

Merci bien, je ne me souvenais plus de Web Developer et c'est vrai qu'il est très utile .

Bonjour ou bonsoir,
Personnellement je fait F12 et sa me sort les éléments, les resources,les script ... tout quoi.
Mais merci, je vais l'installer ^^

Bonsoir,

A savoir qu'une version de Firebug existe désormais en plugins pour Google Chrome (quasi les mêmes fonctionnalités), ce qui est assez agréable =)

De bons outils, très puissants !

Espeon a écrit:

Bonsoir,

A savoir qu'une version de Firebug existe désormais en plugins pour Google Chrome (quasi les mêmes fonctionnalités), ce qui est assez agréable =)

De bons outils, très puissants !

Envoie le lien du coup ! Parce que le plugin par défaut sur Chrome m'horripile !

emilie89500 a écrit:

Bonjour ou bonsoir,
Personnellement je fait F12 et sa me sort les éléments, les resources,les script ... tout quoi.
Mais merci, je vais l'installer ^^

Tu avais un autre plugin installé? Tu es sous Chrome ?

Sinon, emilie89500 parle du developer tools, inclu par défaut dans Chrome, qui a presque les mêmes fonctionnalités que Firebug (perso je m'en sers beaucoup aussi).

Bonjour ou bonsoir,

Oui avec Chrome, il est très pratique je trouve ^^

Plugins indispensable pour un développeur web .

CollorZilla est aussi très sympa pour pipetter les codes couleurs un peu partout ( et je n'ai pas encore tout testé ) .

Je ne connaissais absolument pas ces deux plugins °-° Vraiment très très pratique, cela va me permettre de mieux comprendre le codes des pages, merci ! Pis les modifs en direct c'est vraiment un gain de temps