Warning: Declaration of Walker_Comment2::start_lvl(&$output, $depth, $args) should be compatible with Walker::start_lvl(&$output, $depth = 0, $args = Array) in /homepages/31/d212983492/htdocs/creetik/blog/wp-content/themes/redtime/functions.php on line 146

Warning: Declaration of Walker_Comment2::end_lvl(&$output, $depth, $args) should be compatible with Walker::end_lvl(&$output, $depth = 0, $args = Array) in /homepages/31/d212983492/htdocs/creetik/blog/wp-content/themes/redtime/functions.php on line 146

Warning: Declaration of Walker_Comment2::start_el(&$output, $comment, $depth, $args) should be compatible with Walker::start_el(&$output, $object, $depth = 0, $args = Array, $current_object_id = 0) in /homepages/31/d212983492/htdocs/creetik/blog/wp-content/themes/redtime/functions.php on line 146

Warning: Declaration of Walker_Comment2::end_el(&$output, $comment, $depth, $args) should be compatible with Walker::end_el(&$output, $object, $depth = 0, $args = Array) in /homepages/31/d212983492/htdocs/creetik/blog/wp-content/themes/redtime/functions.php on line 146
Creetik Blog » logiciels

Featured Post

[Aide] – Rendez votre site accessible à tous

Plusieurs modes de validations s’offres à vous, les sites internet mais aussi les plugin des navigateurs peuvent vous aider à corriger les erreurs lors de la validation de vos créations web. Pourquoi valider son site internet ? En général, lorsqu’un site internet s’affiche correctement...

Read More

[Aide] Les outils de développement web

Posted by Webmaster | Posted in Non classé | Posted on 06-10-2010

3

Firebug : L’extension de firefox incontournable !
Cette extension de firefox très puissante met à votre disposition plusieurs outils très utiles au développement web :

  • Parcourir le code HTML en temps réel : Au survol des éléments d’une page web, firebug cible directement l’élément DOM concerné dans le code html de la page, l’identification est quasi-instantanée. De plus vous pouvez éditer le code très simplement et vous rendre compte du résultat en temps réel
  • Inspecter rapidement les CSS : Les styles CSS appliqués à une balise HTML sont affichés directement à coté de celle-ci, vous pouvez désactiver les règles ou en ajouter de nouvelles (avec auto-complétion). Les effets de leurs modifications seront appliqués en temps réel à la page web en cours.
  • Console JavaScript : Le débug des erreurs JS devient un vrai plaisir, les requêtes Ajax sont clairement affichées par type. Firebug vous permet de placer des points d’arrêt dans le code JS afin de connaitre la valeur des variables.
  • Activité réseau et optimisation : Là encore, cet outil est très performant pour afficher tous les fichiers externes chargés sur la page courante. Il analyse les temps de chargement de chaque élément, et vous permet d’un coup d’oeil de connaitre les points faibles du chargement de la page. Vous pouvez également les trier par type de requette, HTML, images, css, js, etc…

» Télécharger l’extension firebug

Editeurs HTML : Coder comme les pro avec des outils accessibles et gratuits

  • Notepad ++ : Un éditeur de code simple et rapide. C’est le grand frère du bloc note de Windows, enrichi de fonctionnalités utiles comme la colorisation syntaxique. L’outil parfait pour faire une modification rapide.
    » Télécharger Notepad++
  • Aptana Studio : L’éditeur de code par excellence, basé sur le célèbre éclipse, il possède une prise en charge complète de chaque langage de programmation, auto-complétion, colorisation syntaxique, client ftp, preview du code et framework JS intégrés. Le must have pour développer aisément.
    » Télécharger Aptana Studio
  • Kompozer (ex NVU) : L’éditeur wysiwyg gratuit par excellence, capable de rivaliser avec les plus gros logiciels payants, sans avoir la lourdeur d’un Dreamweaver ou Front-page.
    » Télécharger Kompozer
  • PSpad : Un éditeur html complet, plutôt orienté professionnel, validation du code, création de projets. Un outil pratique qui rassemble les fonctionnalités principales recherchées par les webmaster confirmés.
    » Télécharger PSpad

Mezer tools : la précision à portée de clic
Mezer tools est une boite à outils très utile qui vous apportera un gain de temps et d’efficacité sans précédent. L’ensemble comprend un outil de mesure très précis qui vous permettra de mesurer tout élément d’une page, un outil de capture d’écran qui permet de capturer un élément de la page en particulier sans passer par un gros logiciel. Un autre outil permet de détecter une couleur et d’obtenir sa correspondance en code Hexa. Un générateur de texte est également présent de type (« lorem ipsum etc..) est toujours utile pour combler des sites en cours de construction.
Télécharger MezerTools

IE Tab : Vérifiez la compatibilité IE de vos pages dans Firefox
Une extension de Firefox bien pratique, qui vous permet de basculer d’un affichage IE à un affichage Firefox.. Petit inconvénient, ce plugin utilise la version d’Internet Explorer installée sur votre machine.
Télécharger l’extension IE-Tab

LinkChecker : Oubliez les liens mort
Cette extension vous permettra de checker tous les liens d’une page pour savoir s’il en existe certains qui ne mène nulle part. Bien plus efficace que de cliquer sur tous les liens d’une page ! Petit extension qui ne fait rien de plus mais au moins elle le fait bien.
Télécharger LinkChecker

Voici quelques outils de développement web qui vous rendrons bien des services, que ce soit pour les taches répétitives ou pour du debug de script.

Faites améliorer vos sites avec Creetik.com