Il est bien connu que Gmail fait planter Firebug !

Si vous utilisez Gmail, la messagerie électronique de Google, avec le navigateur Mozilla Firefox embarquant l’extension Firebug, vous avez certainement eu droit à ce message : Il est bien connu que Firebug ralentit Gmail, sauf s’il est configuré correctement.

Je ne voudrais pas critiquer Google – cette petite PME – mais leur configuration de Firebug fait planter Firefox...

Je ne suis pas là pour critiquer mais pour apporter une solution !
Donc pour prévenir et éviter tout plantage de Firefox lorsque vous êtes sur Gmail, suivez cette courte procédure.
Outils -> Firebug -> Disable Firebug for mail.google.com

Voilà c’est tout!

Rappel : Firebug est une extension gratuite pour Firefox très plébiscitée dans le petit monde des développeurs web ! Mais le web ne se surfe pas qu’avec Firefox. Donc comment tester et déboguer ses scripts sur Internet Explorer, Opéra, Safari et compagnie ? Bonne question ! Hé bien les développeurs de Firebug y ont pensé ! Et nous offrent un ersatz simulant Firebug sur les autres navigateurs ! Cela se présente sous la forme d’un Javascript à intégrer à ses pages.

Dans un précédent article, je vous parlais des extensions Firefox utiles pour les développeurs web.
J’aimerais revenir sur une de ses extensions, Firebug et particulièrement sur son API Console.
Lorsque l’on développe en JavaScript il n’y a rien de plus frustrant que de ne pas pouvoir disposer d’une console afin d’y visualiser des informations.
Jusqu’alors je me contentais de la fonction alert(), pas très poussé me direz vous…
Récemment Mister Neopheus (aussi appelé Dieu dans certains milieux), m’a passé l’information que je vais vous transmettre à mon tour !

Fini les alert ! Bonjour l’API Console de Firebug.

Besoin d'un SlideShow (galerie d'images à d'filement automatique ou manuel) rapidement.
Pas envie de réinventer la roue à faire un système de galerie d'image web 2.0 ?
Pas non-plus envie de d'penser plus de 0,00001€ ?
Et encore moins envie de s'exploser le crâne contre un mur pour comprendre le fonctionnement de la configuration du système développé par un GDG (Gentil Développeur Geek).

Je vous propose aujourd'hui de découvrir deux SlideShow.

Le premier est développé par The Rubik's Man.
Vous le trouverez à léadresse suivante : http://www.javascriptfr.com/code.aspx?ID=39684
Vous trouverez un test ici du slide Show.
Le SlideShow se base sur ces librairies :
- prototype
- moo
- moo_fx

Description :
Voici un SlideShow facile à mettre en place et composé de plusieurs options bien sympas.
Il est parfait pour une galerie de blog.
Les transitions entre les images sont fluides.
Enfin c'est une réelle alternative au diaporama développé en flash.

Possibilité offerte :
Ce SlideShow comporte plusieurs possibilités de navigation.
deux zone sensitive (à droite et à gauche) sur l'image pour les faire défiler
un systéme de pagination (1 - 2 - 3 - 4 - ...)
un AutoPlay qui va afficher les images les une après les autres de manière automatique.

Contrôle de la vitesse de défilement des images
Contrôle de la vitesse des fondus entre chaque image
Re-dimensionnement des grandes images automatiquement par rapport à la taille de l'écran
Affichage d'un texte de description des images
Possibilité de mettre plusieurs SlideShow dans une même page.

Petit Hack :
Pour faire démarrer automatiquement le SlideShow lors du chargement de la page voici un petit hack.

function run_slide() { document.getElementById('book_PLAYbutton').click(); }
var timer = setTimeout("run_slide()", 500);

book étant le nom du diaporama (div id="book")

Second Slide show encore plus simple mais bien sympa.
Celui ci est développé par Kevin C. Smith.
Vous trouverez tout les scripts à cette adresse : http://slayeroffice.com/code/imageCrossFade/xfade2.html
Vous trouverez un test ici.
Description :
Ce SlideShow est très simple et sans fioriture, Il applique juste un fade entre deux images dont la couleur du fade est paramétrable dans le css.
Le seul défaut de ce système c'est que toutes les images sont affiché avec les même dimmention, il faut donc prévoir de mettre toute les images à la même taille.

Je ne sais pas pourquoi mais quand on crée des sites web, Firefox s’impose comme un outil de développement et non comme un outil de test à l’instar d’Internet Explorer.

L’avantage de Firefox est qu’il peut embarquer un certain nombre d’extension (plugin) développé par des passionnés !
J’en profite pour les remercier, car le résultat de leur travail m’est bien utile dans le mien.

J’ai référencé ici certaine des extensions (plugin) qui pourraient vous être utile pour le développement de site web avec Firefox.