Occupy Flash, la lutte anti-Flash continue

Catégorie software  |  Tag , ,   |  2 Commentaires

Ce n’est pas parce qu’on a gagné une bataille (voir même plusieurs) qu’on a gagné la guerre… Et si on ne veut pas que Flash devienne le nouveau IE6, mieux vaut continuer la lutte. Alors pour ceux qui n’avaient pas déjà suivi mes conseils pour se débarrasser de Flash, Occupy Flash en rajoute une couche et essaye de convaincre les derniers réticents à franchir le cap, pour un monde meilleur.

J’aime beaucoup le style graphique “à l’ancienne” de ce mouvement et, au delà de la forme, le fond est pertinent et certaines remarques touchent juste:

Now let’s be clear: Disabling Flash Player in your browser will likely mean that some of the sites you use regularly are less usable (We’re looking at you, Google Analytics. For shame!). Should you choose to join the movement, there will be some pain and sacrifice involved in your decision. But the more of us who run browsers that don’t support Flash, the quicker that pain will subside.

Sans Flash (ou presque)

Dans mon article sur Lion et également dans les commentaires lors d’échanges avec Greg, j’évoquais ne plus utiliser Google Chrome que pour les sites nécessitant Flash et être passé Flash-free sur Safari à plein temps. Dans le long article ci-dessous, j’essaye d’expliquer la façon dont je fonctionne plus précisément.

Avant de commencer, un peu d’histoire

Après avoir encensé Google Chrome dans de nombreux articles, il est arrivé ceci (et là, c’est le drame…). Quelques jours plus tard, je décidais de basculer sous Safari et comme ma grand-mère disait “Parti pour nettoyer, autant faire briller”, j’ai poussé le vice dans le sens opposé de Google: en supprimant autant que possible toute utilisation de Flash dans ma navigation de tous les jours (et vu que ça ne me pose pas plus de problème que ça sur mon iPhone comme sur mon iPad, ça ne pouvait pas être si dramatique qu’on veut bien nous le faire croire).

Principe d’une vie sans Flash

L’idée est assez simple: il suffit de supprimer le plugin Flash de son système. Ensuite, toute la navigation se faisant au sein de Safari est garantie sans Flash. Par contre, pour pouvoir continuer à consulter les vidéos de YouTube, de Vimeo et même de Facebook malgré l’absence de Flash, l’extension pour Safari Youtube5 se révèle indispensable. Elle remplacera automatiquement la version Flash des vidéos par son équivalent en HTML5 si elle existe. Petite cerise sur le gâteau, un player entièrement HTML5 et beaucoup plus sexy remplacera le player natif des sites en question (N’y a t’il que moi qui trouve le player YouTube horrible?).

Bien évidemment, cette méthode assez radicale peut poser quelques problèmes, puisque certaines vidéos non-encodées en H.264 ne seront pas visualisables, de même que de nombreux sites réalisés tout ou partie en Flash (oui, il y en a encore… Les sites en Flash, c’est un peu le IE6 des temps modernes, on n’arrive jamais à s’en débarrasser totalement). Quoi qu’il en soit, ce n’est pas bien grave puisqu’il suffit dans ces cas-là d’ouvrir Google Chrome qui possède, lui, un plugin Flash totalement intégré et ne fait donc pas appel à celui du système que nous avons supprimé. Il pourra donc consulter tous les sites nécessitant obligatoirement Flash sans aucun problème. Mais afin de simplifier les choses, il faudra pouvoir faire appel directement à Chrome par un raccourci clavier qui ouvrira directement la page sur laquelle on se trouve actuellement sous Safari.

How to

Alors, là, je n’ai rien inventé, j’ai juste suivi les différents conseils exposés de ci de là par ceux ayant également fait ce choix. Le premier étant John Gruber qui explique en détail sur Daring Fireball la marche à suivre. Je synthétise ci-dessous:

  1. Supprimer le plugin Flash du système: cela revient à virer les fichiers Flash Player.plugin, flashplayer.xpt, et NP-PPC-Dir-Shockwave du répertoire /Library/Internet Plug-Ins. Comme suggéré, les déplacer dans un nouveau répertoire appelé /Library/Internet Plug-Ins (Disabled) par exemple, suffit largement.
  2. Se délogger et se relogger: Voila, votre système est Flash-free.
  3. Installer l’extension Youtube5 sous Safari.
  4. Installer Google Chrome (si ce n’était pas déjà fait).
  5. Pour ouvrir dans Google Chrome d’un simple raccourci clavier (⌘G, par exemple) la page actuellement ouverte sous Safari, il suffira d’installer FastScripts, d’y ajouter ce script (dans /Users/VotreNom/Library/Scripts) et enfin d’assigner le raccourci clavier de votre choix dans l’onglet Script Shortcuts des Preferences de FastScripts.


Quelques moins, mais beaucoup de plus

Dans la liste des moins:

  • De nombreux sites sont encore totalement ou en partie en Flash, ce qui nécessite de basculer sous Chrome pour les visualiser (bon, ceci dit, avec la manip expliquée ci-dessus, cela ne prend qu’une demi-seconde d’ouvrir la page… Merci à Google Chrome qui est toujours très rapide au lancement - à la différence d’un Firefox - ainsi qu’à mon récent passage sur SSD).
  • Comme nous avons supprimé le plugin Flash au niveau du système, il n’y a pas que le navigateur qui est impacté, mais toutes les applications, comme par exemple Reeder que j’utilise pour lire mes flux RSS. Mais là encore, il suffit de demander à ouvrir l’article directement dans Safari (puis dans Chrome si nécessaire).

Ce sont les 2 seuls points négatifs que j’arrive à trouver et après de nombreux mois d’utilisation, je m’aperçois que la plupart des vidéos que je ne peux pas jouer autrement qu’en Flash, ce sont des vidéos issues de Facebook, genre lolcats ou de sites dont le seul intérêt est de faire des page-views…

Plus surprenant encore et nous en plaisantions dans des échanges d’emails avec une des personnes qui commentent régulièrement sur ce blog (il se reconnaitra), qui sous-entendait que les sites pornos n’étaient plus non plus accessibles. Mais même eux ont compris l’intérêt de proposer une alternative à Flash du fait de l’audience potentielle des iDevices (plus de 200 millions d’appareils, tout de même), et sont donc pour la plupart parfaitement fonctionnels sans Flash (oui, oui, j’ai vérifié, professionnalisme oblige).

Dans la liste des plus:

  • Un gain en fonctionnement sur batterie de mon MBP d’au moins 30%. Ce qui n’est pas négligeable, car c’est vraiment ce qui pêche le plus aujourd’hui sur ma vieille machine de fin 2008.
  • Terminé les ventilos qui se mettent à tourner à fond à la moindre vidéo.
  • Consommation CPU et mémoire réduite également après des heures de surf et parfois des dizaines d’onglets ouverts simultanément.
  • Plus aucune pub en Flash non plus, pendant ma navigation.

Aujourd’hui et après 7 mois de mise en pratique, je suis totalement satisfait de ce mode de fonctionnement et je n’envisage pas une seule seconde de réinstaller le plugin Flash. J’ai appris à m’en passer et mon expérience de tous les jours me confirme que j’ai fait le bon choix. Par ailleurs, j’aime de plus en plus utiliser Safari et la petite mise à jour apportée avec Lion n’a fait que me conforter dans ce ce sens.

De l’Ambilight sur les videos en HTML5

Catégorie web  |  Tag , , , ,   |  Pas de commentaires

Vous connaissez certainement le concept d’Ambilight, inventé par Philips Electronics pour ses fameux téléviseurs éponymes, qui consiste à générer des effets de lumière autour de la télé correspondants au contenu vidéo pour une expérience plus immersive.

Le plugin Ambilight for <video> tag propose de reproduire cet effet sur les videos en HTML5. Vous pouvez le voir en action sur le lien suivant.

Plutôt joli, non ? Si vous voulez en savoir plus, et que vous parlez russe, c’est sur le blog du développeur (version google-traduite en français ici).

Mes plugins WordPress

Catégorie blog  |  Tag ,   |  Pas de commentaires

Je viens de mettre à jour ma page A propos dans laquelle je liste tous les plugins que j’utilise pour ce blog. J’en profite donc pour partager tout cela avec vous. Beaucoup de grands classiques dans cette liste, et peut être quelques plugins qui pourront vous être utile. Personnellement, j’essaye de ne pas trop en ajouter pour ne pas alourdir le blog inutilement. La sélection est impitoyable et je ne garde que le meilleur…

  • AJAX Comments - permet de poster des commentaires rapidement sans quitter ou recharger la page entière
  • Askimet - filtre anti-spam pour les commentaires
  • Compact Monthly Archives - affiche une vue mensuelle des archives très compacte au lieu de la longue liste par défaut (idéal pour la sidebar pour moi)
  • Dean’s Permalink Migration - permet de modifier la structure de vos permaliens sans perdre les anciens liens vers votre blog, et ainsi conserver son référencement.
  • FeedBurner FeedSmith - redirige le flux RSS d’origine WordPress vers un flux FeedBurner, afin de s’assurer que tous les abonnés utilisent le même flux RSS
  • Get Recent Comments - permet d’afficher les derniers commentaires reçus dans votre sidebar
  • Google XML Sitemaps - génère un sitemap automatiquement
  • runPHP - permet d’inserer du code PHP dans un article ou dans une page
  • Simple JQuery Lightbox - effet lightbox pour l’affichage des images
  • Simple Tags - améliore la gestion des tags sous WordPress: auto-complétion, suggestion, nuage de tags, articles relatifs…
  • Smart Archives - une façon simple et efficace de présenter la page d’archives
  • Subscribe To Comments - permet à vos lecteurs de recevoir une notification lorsqu’un commentaire est ajouté à un article
  • Theme Test Drive - permet de tester un thème en tant qu’administrateur, pendant que les visiteurs classiques voient toujours le thème par défaut. J’en ai parlé ici.
  • WordPress Database Backup - sauvegarde à la demande ou automatique schedulée de la base de données de WordPress
  • WP-PageNavi - ajoute un système de navigation par page

Voila, et n’hésitez pas à partager en commentaire vos propres indispensables.

Sauvegardez et restaurez tout votre environnement Firefox avec FEBE

Ayant récemment réinstallé mon PC, je me suis rendu compte que la re-configuration de Firefox me prenait beaucoup de temps. En effet, entre l’installation de mon thème préféré, de mes nombreuses extensions, mes petites configurations perso dans les différents menus, ma barre de marque-pages personnelle, et tutti quanti…, c’est presque plus long à faire que d’installer le Servive Pack 2 de Windows XP (ça, c’est de la comparaison!).

Puis je suis tombé sur l’extension FEBE (littéralement: Firefox Environment Backup Extension), qui comme son nom l’indique va vous permettre de sauvegarder tout votre environnement Firefox de façon très simple. Et quand je dis tout, c’est vraiment tout: thèmes, extensions, marque-pages, préférences, cookies, fichiers userChrome.css et userContent.css, noms d’utilisateurs et mots de passe, plugins de recherche, historiques, et j’en passe…

Cliquez sur toutes les images ci-dessous pour les voir en grand

Ensuite, vous spécifiez l’emplacement de la sauvegarde (possibilité d’horodater les sauvegardes pour conserver de multiples versions), et vous planifiez le tout de façon très fine (sauvegarde journalière, hebdomadaire ou mensuelle) ou déclenchez la sauvegarde manuellement. La planification se révèle être un plus indéniable, car cela vous permet d’être sûr de sauvegarder régulièrement vos marques-pages et même des versions à jour de vos extensions par exemple.

Ainsi, après une ré-installation complète de Firefox, ou si vous souhaitez dupliquer votre environnement Firefox d’un ordinateur vers un autre, il vous suffira juste de réinstaller l’extension FEBE et de restaurer ce que vous souhaitez (soit le profil complet, soit seulement certaines parties, comme par exemple, telle ou telle extension). Le gain de temps est indéniable!

FEBE rejoint donc ma longue liste d’extensions indispensables pour Firefox, qu’il faudra d’ailleurs que je partage avec vous dans un prochain article.

Plugin WordPress: Theme Test Drive

Catégorie blog  |  Tag , , ,   |  Pas de commentaires

C’est marrant comme certaines idées simples peuvent vous faciliter la vie, tel ce plugin pour WordPress: Theme Test Drive.


Cliquez sur l’image pour la voir en grand

Le principe est d’une simplicité déconcertante: vous allez pouvoir tester un nouveau thème pour votre blog directement sur celui-ci, et sans risque pour vos visiteurs. En effet, le thème sélectionné dans les options de Theme Test Drive ne sera visible que par vous (administrateur), vos visiteurs, quant à eux, resteront sur le thème par défaut. A classer dans les indispensables si comme moi, vous passez votre temps à modifier ou changer votre thème.

Via: Blogging Tips

Inclure facilement des vidéos dans ses articles sous WordPress

Catégorie blog  |  Tag , , , , , , ,   |  7 Commentaires

Un truc qui m’a toujours profondément saoulé sous WordPress et notamment dans son éditeur WYSIWYG, ce sont les vidéos embedded (ou embarquées en bon français) en provenance de Youtube, Dailymotion et autre Google Video. Lorsque vous ajoutez le code objet d’une vidéo dans votre billet, il faut que ce soit la dernière chose à faire avant publication, sinon votre code se retrouve chamboulé à la première occasion et les balises html ne sont plus correctement fermées. De fait, les pages de votre blog affichant le billet en question ne ressemblent plus à rien. Et après publication, il faut là encore éviter de ré-éditer l’article sous peine de devoir se retaper la vérification du code de l’objet vidéo. Bref, un merdier pas possible.

Alors, je n’avais jamais cherché, mais en fait il existe un plugin WordPress très pratique pour éviter ce désagrément. Il s’agit d’Embedded Video with Link, qui va tout simplement ajouter une icône dans l’éditeur WYSIWYG de WordPress.

L'icône d'Embedded Video with Link dans l'éditeur

En cliquant dessus, il est alors possible de choisir le site du portail hébergeant la vidéo (parmi une liste presque exhaustive) et de donner la référence de la vidéo que l’on souhaite inclure dans l’article.

La fenêtre d'ajout d'une vidéo

Une fois cette action effectuée, vous vous retrouvez avec une simple ligne de texte ressemblant à ça, dans votre éditeur:

La ligne de texte correspondant à la vidéo embedded

Plus besoin d’inclure le code fournit par le site de vidéo, c’est le plugin qui se chargera de faire le remplacement au moment de l’affichage de la page, et ce sans problème de balises html. C’est alors un jeu d’enfant d’inclure des vidéos, de les déplacer dans son article et de ré-éditer ultérieurement l’article sans soucis. D’autres options permettent de paramétrer l’affichage d’un lien sous la vidéo (pratique surtout pour les flux RSS, tous les lecteurs de flux n’affichant pas correctement ce type de contenu).

Autre avantage de ce plugin, en lui adjoignant le lecteur vidéo Flash qui va bien, vous pouvez diffuser vos propres vidéos localement, sans avoir à les uploader sur des plateformes de partage comme Youtube.

Mise à jour du blog

Catégorie blog  |  Tag , ,   |  4 Commentaires

J’ai profité de la mise à jour en WordPress 2.3.1 de ce blog pour opérer de grands changements et d’autres plus modestes.

  • Parmi les choses qui ne tapent pas forcement dans l’oeil tout de suite, le changement de domaine. J’abandonne les pages perso de Free décidément vraiment trop lentes, pour un hébergement digne de ce nom (chez 1and1 pour ne pas les citer), judicieusement conseillé par frenchbigdog. Au passage donc, un nouveau domaine rien qu’a moi: http://faaabulous.fr. Je vous invite à mettre à jour vos bookmarks. Ceci dit, un bon coup de redirection 301 sur mon ancien domaine Free devrait permettre à l’intégralité des liens pointant là-bas d’être automatiquement redirigés ici (afin de ne pas perdre mon référencement).
  • Comme je l’avais annoncé dans mon précédent billet, j’en ai aussi profité pour modifier la structure des permaliens, afin de faire apparaitre la catégorie de l’article dans le lien. C’est chose faite à l’aide de l’excellent et on-ne-peut-plus-simple plugin Dean’s Permalink Migration.
  • Autre changement majeur, le thème. Entièrement réalisé par mes soins, à l’aide de l’excellent tutoriel de Francis. Il n’est pas totalement terminé, mais déjà suffisamment fonctionnel pour permettre une mise en ligne. Testé sous Firefox et IE sans constater de problème majeur, je vous invite toutefois à me signaler tout bug d’affichage.
  • Coté plugins, j’ai récupéré la plupart de ceux que j’utilisais déjà et en ai ajouté de bien pratiques. La liste, pour l’instant non-commentée, est disponible sur la page A propos de ce blog. Je compte en ajouter quelques autres prochainement dès que le temps me le permettra, je vous tiendrais au courant.

Il me reste encore pas mal de boulot sur les catégories et tags des articles, mais je le ferais au fil du temps. J’espère que le rendu du blog vous plaira et m’attaque à partir de là à reprendre une fréquence de rédaction plus régulière (mon emploi du temps professionnel s’éclaircissant… ouf!).