Mot clé - javascript

Fil des billets - Fil des commentaires

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

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

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 :

  1. Minimiser le nombre de requêtes HTTP
  2. Utiliser un réseau de diffusion de contenu ("Content Delivery Network")
  3. Configurer un en-tête d'expiration pour tous les composants images, scripts et styles
  4. Utiliser la compression Gzip
  5. Placer les styles CSS dans la partie head de la page
  6. Placer les scripts en bas de page
  7. Eviter les expressions javascript dans les feuilles de styles
  8. Utiliser des fichiers externes pour les scripts et les styles CSS
  9. Réduire le nombre de résolutions DNS
  10. Compresser le code Javascript (avec des outils comme JSMin)
  11. Eviter les redirections
  12. Retirer les scripts en double (visiblement ça arrive souvent quand on travaille en équipe...)
  13. 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

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...)

Firebug Lite

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

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

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 :