This extension allows using Google Chrome extensions inside Firefox. The aim is to try to reduce the gap for the development of cross-browser extensions.

The first example is the « readme » extension, installed by default in Google Chrome extensions manager. With the same code, this chrome extension works in Firefox & Chrome in the same way.

Since it’s just a preview release, everything isn’t as polish as I want but you can already test extensions published on the Google chrome extension website, or try to development your own.

You can find it here or here, and I’m waiting for your feedback. You can find more information here.

Some screenshots :

browser action of "readme" Chrome extension

extensions management page

A cette occasion j’ai developpé une petite démo WebGL à partir des tutoriaux grâcieusement fournis sur le blog Learning Web.

Pour voir la démo pour la Cantine, ça se passe ici…

Yoono 7

Après quelques mois de labeur, Yoono 7 est enfin sorti officiellement. Vous pouvez le télécharger ici: www.yoono.com.

Pour ceux qui ne connaisse pas l’outil, il s’agit d’une extension Firefox qui permet d’accéder à son twitter, facebook… mais à son google talk, live messenger directement depuis le navigateur, sans perturber sa navigation. La version Desktop (c’est à dire le logiciel Yoono sans avoir besoin de Firefox, compatible PC & Mac) devrait sortir très rapidement aussi en version 7.

Yoono permet de voir en temps réel tous les partages de ses amis (les photos et les vidéos facebook par exemple), de discuter avec eux en direct mais également de partager son status, des images, des vidéos… à destination de ses amis.

Les grandes nouveautés de la version 7 :

• Le support du multi-compte (pour les accros de twitter par exemple).
• L’ajout de LinkedIn dans la liste des réseaux sociaux supportés.
• La possibilité de faire des recherches parmi la liste de ces amis et de leurs partages.
• La possibilité d’organiser tout ça en mettant ces amis dans des groupes (par exemple le groupe ami, boulot) et donc d’accéder directement aux amis et aux partages appartenant à ces groupes.
• Une grande amélioration des performances.
• Une interface graphique remaniée.

Je m’arrête là mais la liste est encore grande.

Sans oublier les autres fonctionnalités toujours présentes :

• Un outil découverte (pour voir des recommandations de pages web, de vidéos, d’images, de pages wikipedia… par rapport à la page vue).
• L’accès à ses flux RSS Google Reader & Digg.
• L’accès à ses mails Google, Hotmail & Yahoo Mail.
• Un outil pour prendre des web-notes (Faire des notes composés de textes, images et vidéos prises dans sites web visités).
• Un gadget musique et un gadget shopping.

Un grand bravo aux hommes de l’ombre qui ont permis à ce bel outil de voir la jour :

• John D. alias @johnnyd
• Xavier G. alias @reivax
• Stéphane P.  alias kilobug
• Alexandre P. alias Techno Barje
• Laurent Q. alias « the boss »
• Julien S. alias julianos
• Et sans oublier Moi même alias @mbarcikowski

N’hésitez pas à nous laisser des messages d’encouragements (sur Twitter grâce à Yoono), on se fera un plaisir à les lires. A très vite sur Yoono.

Télécharger Chromium

Tout d’abord il faut télécharger la version de développeur de Chrome. La compilation du projet n’étant pas très simple d’accès (c’est peu de le dire), nous irons récupérer directement un installeur. Heureusement il existe un dépôt qui offre des versions compilées du navigateur, mis à jour très fréquemment. Ça se passe ici : http://build.chromium.org/buildbot/snapshots/.
Pour l’instant seul la version Windows supporte le système d’extension. Il suffit dans d’aller dans le dossier « chromium-rel-xp » et récupérer le fichier « mini_installer.exe » de la version la plus récente.
Chromimum s’installe dans les « Documents and Settings » de l’utilisateur courant sous Windows Xp. Par exemple « C:\Documents and Settings\matoeil\Local Settings\Application Data\Chromium\Application\chrome.exe »

Créer son extension Chromium

Cette partie est reprise du tutoriel présent sur le site de chromium et adaptée.

1. Créez un dossier sur votre ordinateur qui va contenir le code de votre extension. Pour ce tutoriel, nous supposerons que le dossier en question sera « c:\myextension », mais il peut être placé n’importe où.
2. Dans ce dossier, créez un fichier texte nommé « manifest.json » et écrivez dans celui-ci:

   {
     "name": "Ma première Extension",
     "version": "1.0",
     "description": "La première extension que je fais.",
     "toolstrips": [
      "my_toolstrip.html"
     ]
   }

   Note : Attention à bien encoder les fichiers en UTF-8

3. Ajoutez dans le dossier un fichier texte nommé « my_toolstrip.html » et mettre le code suivant dans celui-ci:

   <div class="toolstrip-button">
       <span>Hello, World!</span></div>

4. Trouvez le raccourci Chromium (par exemple, faites un clic-droit sur l’icône Chromium placé sur votre bureau et choississez « Propriétés ») et ajoutez dans ces paramètres de lancement « –enable-extensions » et « –load-extension ». Par exemple :
   chrome.exe –enable-extensions –load-extension= »c:\myextension »
5. Rédémarrer Chromium. Vous devriez voir apparaître votre bouton dans une nouvelle barre d’outils présent dans le bas de la fenêtre de votre navigateur.
6. Vous voulez peut-être que le bouton fasse quelque chose? Ok, créez un nouveau fichier texte, toujours dans le même dossier, et nommez-me « hello_world.html », et mettre ce code dedans.
7. Maintenant changez le code dans « my_toolstrip.html » pour qu’il ressemble à cela:

   <div class="toolstrip-button" onclick="window.open('hello_world.html')">
       <span>Hello, World!</span></div>

8. Redémarrez Chromium et cliquez sur le bouton.
9. Vous pouvez faire une petite dance, vous venez de créer votre première extension Chromium

Vous trouverez ici tous les fichiers de cette extension.

Pour fêter la nouvelle version de son extension, Yoono organise un super concours de skin. Designers, à vos tablettes.

http://blog.yoono.com/blog/2008/11/show-us-your-skin-contest/

Yoono is happy to announce a contest to celebrate the launch of our latest version. Yoono 5.1 is in the wild and you can download it here. One of the coolest new features is we have included 4 skins that make Yoono look really good! We’ve added a few skins and we’re looking to the community to help us personalize Yoono even further. Make a skin, submit it to us and win prizes! We’re giving away over $1000 dollars in prizes to a slew of winners. The skin with the most votes wins the grand prize and a their work will be included in the next version of Yoono!