eclaireur.net

Actuellement la technologie Flash d'Adobe (promue par feu Macromedia), est devenue quasi incontournable. Elle se met dans tout les sites, surtout pour les publicités et certains éléments avec des effets visuels. Je ne vais pas vous parler de l'ergonomie et de l'usabilité de Flash (je vous conseillerai cet excellent article d'ergolab sur l'ergonomie flash). En revanche je vais vous présenter la meilleur façon de rendre les animations Flash accessibles pour les internautes et leur navigateurs.

Pour commencer

L'insertion d'un document flash au sein d'une page web passe par l'utilisation de balises spécifiques. Voici un exemple de ce que vous pouvez retrouver :

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="980" height="550"
   codebase="http://download.macromedia.com/.../swflash.cab#version=8,0,0,0">
   <param name="movie" value="document.swf" />
   <embed src="document.swf" width="280" height="250" type="application/x-shockwave-flash"
      pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

La balise <object> et la balise <embed> jouent le même rôle : insérer l'animation au sein de la page. Et pourquoi 2 balises? Ses 2 balises servaient pour que l'insertion du flash se fasse dans tous les navigateurs... Malheureusement si l'on considère la norme XHTML, ce code n'est pas valide :

• la balise <embed> n'a plus lieu d'être
• l'attribut codebase ne doit pas référencer une url externe
• il manque certains attributs pour que les navigateurs puissent charger le document

... lire la suite de cet article »

Depuis maintenant une semaine j’utilise un nouveau plugin (et oui encore un!) qui m’aide dans la rédaction des articles de ce blog. Il s’agit de de ScribeFire, une fantastique extension pour écrire rapidement sur votre blog. Accessible directement depuis le petit icône en bas de page, cet outil vous fera gagner du temps. Cependant il ne fonctionne pas avec tous les types de blogs mais avec la plupart des systèmes de publication (WordPress, Blogger, Drupal, Movable Type) et des services (WordPress.com, Typepad.com, Live Journal, Performancing, MS live Spaces,… ). Pour une présentation complète allez voir l’article ScribeFire sur tapahont.info.

Un autre outil que j’ai découvert sur le blog de Benoit Descary : BlogRovR. Cet outil permet une navigation transversale dans les blogs que nous avons l’habitude de lire. En gros lorsque vous naviguez et que vous tombez sur un site qui vous intéresse, BlogRovR affichera dans le coin inférieur droit un menu sur lequel vous trouverez la liste des blogues qui ont écrit un billet à propos de ce site. Cela vous évite de rechercher de l’information, elle s’affiche sans même la demander. Au préalable vous devez importer tous vos flux RSS à l’aide d’un fichier OPML après avoir installé l’extension BlogRovR dédiée pour Firefox. Pour plus d’information allez visionner la démonstration des fonctionnalités par Benoit Descary.

… lire la suite de cet article »

Lors d’un précedent article je présentais les 50 extensions firefox qui selon moi sont indispensables mais depuis peu j’en ai une nouvelle… Il s’agit de ScreenGrab

Son principe

Vous avez toujours rêvé de capturer en un clic le Jpeg complet d’une belle page Web? Sans les fameuses barres de navigation qui nous oblige à retravailler une copie d’écran pour obtenir une image propre? C’est possible maintenant. Grâce à l’extension ScreenGrab pour Firefox, vous allez désormais pouvoir faire un shoot d’une page complète, même sans voir le reste de la page sur votre navigateur.

… lire la suite de cet article »