Tag - IE - Jean Christophe Duvivier - Blog - Développeur, Intégrateur et Designer Web

Alors que Mozilla Europe vient de lancer la version 3.5 de Firefox, d'autres navigateurs web tombent dans l'oubli. C'est le cas de IE6, la bête noire des internautes et surtout des développeurs. Mis à part son manque cruel de fonctionnalités (la "non gestion" des onglets par exemple), IE6 c'est surtout une interprétation du HTML et du CSS incohérente, une transparence des images .PNG non gérée etc.

C'est pour mettre fin à cet outil peu fiable que des développeurs se sont mobilisés pour mettre à mort IE6 et c'est apparemment chose faite si l'on en croit le site Internet RIP IE6.

RIP IE 6

Selon l'équipe de RIP IE6, ce site a été créé dans le but d'informer les personnes qui utilisent ce navigateur web qu'il est obsolète et complètement démodé. Ce site n'est pas un nouveau coup dur pour IE6, ni même une nouvelle campagne pour le tuer étant donné que selon eux, il est déjà mort.

Je demande donc à tous les développeurs qui consultent mon blog, qui savez tout comme moi que ce navigateur Internet est mort avant même d'être né, d'informer les néophytes présents dans votre entourage afin de les inciter à mettre à jour leur navigateur Internet (vers IE8), ou même à en changer (Firefox 3.5 vient de sortir) en les guidant vers le Site Internet de RIP IE6.

Et je demande à tous les néophytes utilisateurs de IE6 qui consultent mon blog de changer rapidement d'OS. Tout, mais pas IE6 ;)

Piqure de rappel : Site Internet de RIP IE6.

Plugins et outils indispensables aux développeurs web

Par Jean-Christophe Duvivier à 11:08

Je vais vous présenter les Outils et les Plugins que j'utilise quotidiennement et qui représentent pour moi, le minimum vital à tout développeur web. Sans plus attendre, les voici :

1. Plugin Web Developer

S'il n'y en avait qu'un, ce serait celui-ci. Ce Plugin Firefox (également développé sur SeaMonkey) est une mallette à Outils très complète qui permet de répondre à nos besoins les plus récurrents. Voici les grands axes :

CSS : Possibilité de voir, désactiver et modifier les CSS d'un site web etc.
Formulaire : Possibilité de voir les mots de passe, de convertir la méthode de traitement etc.
Image : Possibilité de désactiver les images, d'afficher leurs dimensions, leur poid etc.
Informations : Possibilité de voir les id, les classes, les codes couleurs etc.
Et d'autres fonctionnalités : outils de validation, de redimensionnement etc.

Pour le télécharger en français, rendez-vous ici : Plugin Web Developer - Fr
Et pour la version anglaise c'est ici : Plugin Web Developer - En

2. Plugin Firebug

Logo Firebug

S'il y en avait un deuxième, ce serait celui-ci. Ce Plugin est un débuggeur évolué pour Firefox . Je vais reprendre la présentation de Geckozone :

FireBug vous permet d'explorer par clavier ou souris les coins les plus reculés du DOM. Tous les Outils dont vous avez besoin pour fureter, produire et controler votre JavaScript, CSS, HTML et Ajax sont rassemblés ensemble à travers une seule extension, incluant un débuggeur, une console d'erreur, une ligne de commande, et une variété d'inspecteurs intéressants…

Un rapide aperçu des fonctionnalités de FireBug :

Un débuggeur JavaScript pour naviguer pas à pas dans le code une ligne à la fois,
Un icône de barre d'état qui permet de voir rapidement s'il y a une erreur dans la page web,
Une console qui montre les erreurs JavaScript et CSS,
Messages de Log de JavaScript dans votre page web sur la console
Une ligne de commande JavaScript
Un espion du trafic XMLHttpRequest,
Un inspecteur de source HTML, styles associés, évenements, mise en page et le DOM.

Pour le télécharger en anglais, rendez-vous ici : Plugin Firebug - En

3. Plugin IE Tab

Une harmonisation de l'interprétation du code entre les différents navigateurs étant loin d'être prévue, ce petit outil devient indispensable. Il vous permet d'ouvrir une page IE dans un onglet Firefox.

Pour le télécharger en anglais, rendez-vous ici : Plugin IE Tab - En

4. Plugin Colorzilla

Ce petit plugin servira surtout aux designers web étant donné qu'il permet de récupérer le code hexadécimal d'une couleur par simple survol du curseur. Ça évite la manipulation contraignante du PRINTSCREEN > CTRL + V > PHOTOSHOP.

Pour le télécharger en anglais, rendez-vous ici : Plugin Colorzilla - En

5. Logiciel Multiple IE

Logo Internet Explorer

L'interprétation du code entre les différentes versions de IE étant sensiblement différente, il est souvent utile de contrôler ses applications sur différentes version de IE (la 6.0 et la 7.0 par exemple), ce qu'il implique qu'il faille contrôler son application sur 2 ordinateurs différents. Ce petit logiciel vous permet d'installer 5 versions de IE (IE3, IE4.01, IE5, IE5.5 et IE6) en plus de celle que vous possédez déjà (dans l'idéal : la 7.0).

Pour le télécharger en anglais, rendez-vous ici : Logiciel Multiple IE - En

Si vous vous servez d'autres plugins/outils/logiciels/sites web qui vous semblent utiles pour les développeurs web, n'hésitez pas à les citer à la suite de cet article ;-)