Pablo Prieto - Blog - javascript

Du nouveau du coté de l'intégration Flash

Pab. — Mon, 12 Nov 2007 11:26:00 +0100

Après avoir réglé son différent avec Eolas et conclu un accord "à l'amiable", Microsoft a décidé de supprimer l'avertissement d'activation pour les contenus Active X dans Internet Explorer. La mise à jour, prévue pour avril 2008 (!) nous fera donc enfin oublier le message "Cliquez ici pour activer et utiliser ce contrôle" sur les animations Flash.

Pendant ce temps, le développement de SWFObject se poursuit, Geoff Stearns travaille désormais avec Bobby van der Sluis et Michael Williams d'Adobe sur SWFObject 2.0, qui deviendra la méthode standard d'intégration Flash préconisée par Adobe. SWFObject 2 sera donc le successeur désigné de SWFObject, UFO et du Flash player detection kit d'Adobe. La beta 6 est actuellement disponible sur Google Code.

13 règles pour accélérer son site web

Pab. — Wed, 01 Aug 2007 11:24:00 +0200

Yahoo nous propose sur cette page 13 règles pour optimiser et accélérer l'affichage de son site.

En résumé et en français :

Minimiser le nombre de requêtes HTTP
Utiliser un réseau de diffusion de contenu ("Content Delivery Network")
Configurer un en-tête d'expiration pour tous les composants images, scripts et styles
Utiliser la compression Gzip
Placer les styles CSS dans la partie head de la page
Placer les scripts en bas de page
Eviter les expressions javascript dans les feuilles de styles
Utiliser des fichiers externes pour les scripts et les styles CSS
Réduire le nombre de résolutions DNS
Compresser le code Javascript (avec des outils comme JSMin)
Eviter les redirections
Retirer les scripts en double (visiblement ça arrive souvent quand on travaille en équipe...)
Configurer correctement les "entity tags" si besoin

Chaque règle est très bien expliquée et documentée, et Yahoo nous fournit même une extension pour Firebug permettant d'analyser la page en cours vis-à-vis de chacune de ces règles.

Firebug sans Firefox

Pab. — Wed, 16 May 2007 10:28:00 +0200

Utiliser la console de Firebug sur tous les navigateurs c'est possible grâce à Firebug Lite, la version allegée de Firebug. Ça se présente sous la forme d'un fichier javascript à inclure, puis la console s'affiche en appuyant sur F12 (Ctrl+F12 sous Mac, sinon ça lance Dashboard...)

Flash : bouton retour et url "propres" grâce à SWFAddress

Pab. — Thu, 25 Jan 2007 15:15:00 +0100

Une solution très intéressante pour concilier sites en flash, bouton back du navigateur, mise en favoris, réferencement et "pretty urls" : SWFAddress

Ça fonctionne avec SWFObject dont j'ai déjà parlé, plus un autre javascript à intégrer et un fichier .as à inclure dans son fichier source Flash.

Ensuite on actualise l'url depuis Flash avec un SWFAddress.setValue("toto") et un gestionnaire SWFAddress.onChange() permet de capter les changements d'url.

L'animation doit être exportée au format flash 8 minimum (utilisation d'External Interface)

Enfin les navigateurs supportés sont les suivants :

Mozilla Firefox 1+
Internet Explorer 6+
Safari 1.3+
Opera 9.02+
Camino 1+
Mozilla 1.8+
Netscape 8

Activer la console Javascript sous Safari

Pab. — Wed, 18 Oct 2006 19:09:00 +0200

Grâce à ce formidable programme, on peut d'un simple clic activer le débugger Javscript sous Safari :

Safari Enhancer

Le menu debug de Safari est en effet bien présent mais "caché" par défaut, Safari Enhancer permet donc (entre autre) de rendre ce menu visible et d'accéder à la console Javascript :