Petit site, (1 seule page) RIPie.com annonce la bonne nouvelle : la mort d’Internet Explorer 6 :twisted: . On peut quand même noter le design sympa du site. Le but principal est d’expliquer pourquoi IE6 est une belle m****e (en anglais) et propose de télécharger (au format PDF), l’avis de décés d’Internet Explorer 6.

Un site donc à partager à tout le monde absolument !

ripie

tags catégorie : news du web

Il existe tout plein de plugins Firefox (et c’est même un de ces principaux avantages sur des naivgateurs comme Opéra ou Chrome). Certains sont devenus indispensables pour le développeur que je suis. Tu en connais certainement quelques-uns, mais les connais-tu tous ? Voici mon petit listing des plugins qui me paraissent essentiels :

1/ Firebug

firefox-firebug

Le premier d’entre eux est tout simplement le plus utile ! Il est également un des plus connus aussi. Il permet de modifier du CSS (ou même le code HTML de la page) et de le visionner instantanément, il sert aussi de console JavaScript et Ajax (très utile pour savoir si un appel Ajax a été correctement effectué). Je ne peux plus travailler sans.

2/ LORI (Life-Of-Request Info)

firefox-lori

Plugin utile pour l’optimisation de vos pages. Il indique tout simplement le temps de chargement entre le clic et le premier octet chargé,  le temps de chargement de la page, le poids total de la page (en comptant CSS et JavaScript) et le nombre de requêtes.

3/ SenSEO

firefox-senseo

Derrière ce superbe jeu de mot avec SEO (Search Engine Optimisation, référencement en english) ce cache un plugin pour le plugin Firebug. SenSEO permet de donner une note sur 100 sur la qualité sémantique de votre page pour le référencement sur un mot ou expression. Par exemple, tu saisis le mot JQuery, le plugin donne une note sur 100 et analyse plein de critères en donnant des conseils pour améliorer la sémantique (voir la capture ci-dessus).

4/ Web Developer Toolbar

firefox-webdevelopertoolbar

Ce plugin peut être un bon complément à Firebug (même si ces deux plugins ont des fonctionnalités communes). Une fois le plugin installé, une nouvelle toolbar apparait dans Firefox (au-dessus ou en-dessous de la barre personnelle des onglets). Très pratique pour activer/déactiver le cache, le javascript, le css, les cookies d’un clic. Il permet également de faire valider la page avec l’outil du W3C, de tailler la fenêtre suivant une résolution donnée (1024 x 768 par exemple). Ce plugin regorge de petites fonctionnalités qui peuvent être utiles à un moment ou un autre.

5/ ColorZilla

firefox-colorzilla

Plugin pas uniquement pour les développeurs (les designers aussi ;) ) . Il permet tout simplement de récupérer le code d’une couleur n’importe où sur la page (couleurs définies en CSS ou sur une image). On peut obtenir le code RGB ou hexa. En bonus, il intègre un color picker !

6/ Measure it

firefox-measurit

Measure It permet tout simplement de mesurer (en pixel) un élément. Une simple règle (sous une forme rectangulaire, pour mesurer horizontalement ou verticalement) apparaît, à toi après de jouer sur sa taille pour mesurer ce que tu veux.

7/ Screen Grab

firefox-arnaud-kfr

Plugin également intéressant pour les blogueurs. Screen Grab permet de faire une capture d’écran d’un site : soit seulement la partie visible soit de toute la page web ! Ce n’est plus nécessaire d’utiliser des techniques de sioux pour capturer une page qui fait 3 000 px de haut (multiples captures rassemblées dans photoshop). Il permet de l’enregistrer directemnt dans une image (pas besoin de coller dans un éditeur d’image) ou de copier simplement l’image. Petite fonctionnalité supplémentaire : faire une capture de juste une sélection définie par l’utilisateur (mais ça Gimp le permet nativement sous Linux ! :P )

8/ Goldorank

firefox-goldorank

Plugin orienté référencement. Il permet d’obtenir la position d’un site voulu en fonction d’un mot-clé ou d’une expression dans plusieurs moteurs de recherche : Google, Yahoo!, Orange, Msn (maintenant Bing)… Voir le bon article d’Émilie Navarro (alias @Neiths) sur ce plugin.

tags catégorie : navigateurs web

Statistique des navigateurs web

Voici les statistiques pour les navigateurs web pour le mois de Mars 2009 (d’après W3Schools) :

1- Firefox (toutes versions) : 46.5%

2- Internet Explorer 7 : 24.9%

3- Internet Explorer 6 : 17.0%

4- Chrome : 4.2%

5- Safari : 3.1%

6- Opera : 2.3%

7- Internet Explorer 8 : 1.4%

Je trouve ce classement un peu tronqué car on mélange toutes les versions de Firefox et on différencie celles d’Internet Explorer. En mélangeant les versions d’IE on obtient :

1- Firefox : 46.5%

2- Internet Explorer : 43.3%

Je ne sais pas si ces stats reflète la réalité, car tout dépend du public visé par le site web. Un site spécialisé dans le web et l’informatique n’aura pas les mêmes statistiques qu’un site de couture. Je pense que c’est juste un bon indicateur (en espérant voir IE6 à 0 tout bientôt :D ).

tags catégorie : news du web

Internet Explorer 6 est un navigateur internet sorti en 2001. Il n’a pas évolué depuis et deux autres versions d’Internet Explorer sont sorties depuis. D’après les statistiques du W3Schools, 17.4% des surfeurs l’utilisent encore (et encore je pense que c’est la fourchette basse, W3Schools étant un site spécialisé). IE6 (comme IE7) ne respectant pas les standards du web pour l’affichage des sites (voir le test acid 2), il faut adapter chaque site créé pour ces deux navigateurs. Ceci augmente sensiblement le temps d’intégration du site.

Good Bye IE6!

En surfant avec IE6, tu ne peux pas profiter pleinement des dernières technologies du web… Déjà sa lenteur à l’interprétation du JavaScript ne permettent pas de jouir pleinement de la plupart des applications en ligne (comme les derniers webmails par exemple). Ensuite IE6 ne gère même pas la transparence des images au format PNG, transparence qui augmente encore les possibilités en termes de design. Je peux également ajouter qu’il est plus facile de choper un virus sur le net avec IE6 qu’avec un navigateur de dernière génération. IE6 ne propose pas non plus de filtre anti-hameçonnage (phising en Anglais, définition wikipédia par ici), dans ce cas-là comment savoir si le site sur lequel on est n’as pas une copie destiné à récupérer vos données bancaires?

Je pourrais continuer longtemps comme ça à parler des défauts d’IE6 (l’absence de navigation par onglets, l’impossibilité de le désinstaller…), mais je vais plutôt te parler de mon point de vue de développeur (et un peu de designer). Si on continue à adapter les sites pour les personnes qui surfent encore sous IE6, elles ne verront pas l’intérêt de changer leurs habitudes. Comme Microsoft ne veux pas forcer les internautes à mettre à jour leur navigateur, autant le faire nous-même. Si les sites ne s’affichent pas ou ne fonctionnent pas sous IE6, pourquoi ne pas simplement afficher un message du genre « votre navigateur est devenu obsolète, merci de le mettre à jour » ?  (voir sevenup qui permet d’affiche proprement ce type de message).

En attendant je te laisse avec deux liens, un pour aller télécharger Firefox, un navigateur LIIIIIIBRE ! et l’autre pour aller dire adieu à IE6 (ou tout simplement pour lui tout ce que tu as toujours voulu lui dire ;) ) sur un twitter spécialement conçu pour ça.

tags catégorie : navigateurs web