Francois Guillaume Ribreau

[Twitter Unofficial API] Getting the tweet's number of favorites, RTs and replies

2012-01-26T14:46:00.000+01:00

I was updating an internal tool we use at brin.gr while suddenly I needed a way to find the number of times a specific tweet has been favorited. The Search API results didn't include this information even with include_entities set to true.

I knew there was an API for that since the official web & mobile app are able to show this. So after a little network monitoring I finally found the endpoint:

https://api.twitter.com/i/statuses/[tweet.id]/activity/summary.json
Note: the request must be done via OAuth. Sample payload:

{
   "favoriters":[113682166],
   "favoriters_count":"1",
   "repliers":[],
   "repliers_count":"0",
   "retweeters_count":"1",
   "retweeters":[113682166]
}

Forever-WebUI, Node-AMQP-dsl & Node-AMQP-tool

2011-12-15T11:33:00.001+01:00

I released three library/tool/cli this last months: Forever-WebUI, Node-amqp-dsl & Node-amqp-tool.

Let's start with Forever-WebUI. I use forever at Brin.gr for managing node processes but I've always found the workflow slow when wanting to restart multiple scripts. So I developed a web interface that lists all running scripts and allow the user to browse logs, restart or stop scripts.

npm install forever-webui && node node_modules/forever-webui/app.js
Note: if someone here knows how to update a backbone collection's view without having to remove the entire list and adding again one by one each view feel free to enlight me ;)

Next Node-AMQP-dsl & Node-AMQP-tool: Brin.gr rely heavily on RabbitMQ and as usual when using the same tool everyday the little annoying things quickly become a nightmare. So AMQP-dsl is a fluent interface for node-AMQP (more examples on Github) ...

And AMQP-tool is a simple CLI to easily import & export AMQP queue. For example, exporting 5000 messages from a queue into a file is easy as:

amqp-tool --host rabbitmq.local -u user -p azerty -q queuetest --count 5000 --export > dump.json

Voyage au coeur de JavaScript (ECMAScript 3)

2011-11-07T14:25:00.002+01:00

Voyage au coeur de JavaScript (ECMAScript 3) est une traduction de l'excellent article JavaScript. The Core de Dmitry Soshnikov.

Test de l'application iPhone MonNuage

2011-07-28T19:57:00.001+02:00

En réalité, il s'agit d'un test interactif, accessible ici.

PS: La partie interactive est un Proof of Concept testé sous Chrome 12 & Firefox 5 (plusieurs propriétés CSS3 sont requises). Le code sera bientôt disponible sur Github avec la documentation adéquate.

[Week-end Project] Nodejs language detection library using n-gram

2011-07-18T11:48:00.000+02:00

Node-language-detect is a NodeJS port of the PEAR package Text_LanguageDetect by Nicholas Pisarro.

DoYouBuzz - Redesign with custom css2 & css3

2011-06-20T13:00:00.001+02:00

Just another experiment with CSS2/CSS3. This time I've redesign my DoYouBuzz CV (best rendered in Google Chrome). I couldn't edit the HTML so every modifications was done using pure css.

PS: The 2 external fonts (google font) should be loaded before the custom css (currently they're loaded directly from the custom css file). So the animation might be buggy when the cv is loaded for the first time on Google Chrome or Safari.

Hackathon - Projet Big Brother

2011-06-20T07:00:00.002+02:00

Le vendredi 17 juin se déroulait à Nantes l'événement annuel régional de l'économie numérique et des acteurs du web j'ai nommé le Web2Day ! Evénement auquel j'ai eu la chance de pouvoir participer et notamment au Hackathon (malgré mon arrivée 30 minutes en retard -__-).

Malheureusement les groupes étaient déjà constitué, j'ai donc dû développer en solo. Par chance j'avais déjà une petite idée !

Une web app pour être alerté lorsque quelqu'un check-in (via foursquare) à un endroit. L'utilisateur peut alors surveiller plusieurs endroits en même temps.

Son utilisation est très simple:

Ouvrir Big Brother
Autoriser Big Brother sur Foursquare
Ajouter des endroits à surveiller (entreprises concurrentes ? Magasins concurrents ? ~~appartement d'un(e) ex/ennemi :) ?~~)
L'application vérifiera toutes les minutes s'il existe de nouveaux check-in pour les endroits à surveiller.
Si oui, une notification HTML5 (Chrome uniquement pour le moment) s'affichera sur le bureau.

Le tout repose sur Google Map, Foursquare, jQuery, HTML5 LocalStorage (permet d'enregistrer les points à surveiller entre 2 rechargements de page) et HTML5 Notification API (que j'aurai d'ailleurs pu lier à mon Proof Of Concept Growl pour plus d'effet).

Après deux bonnes heures de développement Big Brother fut enfin fonctionnel. S'ensuivit un pitch en *anglais* devant un jury composé, entre autre, de Chris Heilmann. Après délibération Big Brother à été sélectionné et m'a permis de remporter un Karotz (anciennement Nabaztag).

Cerise sur le gateau, le service sur lequel je travaille actuellement ( Brin.gr ), avec @SimonRobic, a été élu "coup de coeur" des pitch par le Jury, c'est très motivant pour la suite !

Je terminerai ce billet par un grand merci à tout ceux qui ont, de près ou de loin, permis à la Web2Day d'avoir eu lieu.

xImg - A JavaScript Cross-domain data sending library

2011-06-14T15:11:00.000+02:00

Sometimes cross-domain communication can be aweful in older browsers. xImg is a small lib which aims to provide a simple api in order to send cross-domain datas using HTTP GET request. xImg gracefully handles Internet Explorer HTTP GET 2,083 characters max url length and split datas into smaller packet if needed.

Fork xImg - A JavaScript Cross-domain data sending library on Github

[IRL] Week-End Blogueurs de l'Ouest à Saint Jean de Monts

2011-05-21T12:36:00.003+02:00

Il y a 2 semaines, les blogueuses et blogueurs de l'Ouest ont été invités à passer un Week-end à Saint Jean de Mont (Vendée). J'ai eu la chance d'en faire partie. La vidéo ci-dessus résume très bien les activités du Week-end. Au programme: char à voile, accro-branche, dîner spectacle, casino, golf. Bref, que du plaisir !

Envie d'en savoir plus ? Retrouvez les comptes rendus chez
@Autruche_blog #WEBO : Day 1 #WEBO : Day 2
@LeEvasblog I ❤ St Jean de Monts
@Pinupapple Weekend des Blogueurs de l'Ouest à Saint Jean de Monts
@DessousDeMarine #WEBO
@Enabis Si mes souvenirs sont bons #WEBO : le deuxième jour
@EloFoutrement WEBO un jour WEBO toujours...
@Mindalicious_b Les Blogueurs de L'Ouest se la jouent colonie de vacances à Saint Jean de Monts
@SimonRobic [BDO] Compte rendu du Weekend à Saint Jean de Monts #webo
@Dot_com Week-end entre blogueurs à Saint Jean de Monts

Ce week-end a aussi été l'occasion pour l'équipe de nous présenter le site Mes Histoires de Vacances (réalisé par Intuitlab) regroupant quantité de souvenirs à Saint Jean de Monts.

Encore un grand MERCI à toute l'équipe de Saint Jean de Mont pour nous avoir si gentiment accueilli notamment Delphine, Maeva, Xavier et Michel ainsi qu'à Nicolas de MonNuage pour l'organisation sans faille.

Si vous avez des questions concernant vos futures vacances à Saint Jean de Monts n'hésitez pas à contacter l'équipe via Twitter ou Facebook.

PlayFramework MVC2.NET DisplayForModel template tag

2011-05-11T22:24:00.000+02:00

The template tag DisplayForModel returns the HTML markup of each property of a specified model. It can create html forms and supports error validation and model validation.

PlayFramework DisplayForModel

Simple iPhone Particles App

2011-04-10T15:57:00.003+02:00

iPhone Particles is a simple app which use the HTML5 Canvas element for rendering.
It has been tested on Chrome & iPhone 4. iPhone Particles supports click, mousemove and touchmove events. Test it on fgribreau.com/Particles and fork it on Github.

jQuery-debounceargs - Debounce call while saving each arguments

2011-03-17T19:37:00.002+01:00

jQuery DeboungeArgs helps you debounce function call while saving arguments. In an RIA environment it may be useful if you want to group http requests to the database.

jQuery DebounceArgs on GitHub

Comment faire fonctionner PeerGuardian2 sur Mac OS X

2011-03-02T12:33:00.000+01:00

Je viens de découvrir que PeerGuardian2 était disponible pour MacOSX. Le problème est qu'il ne fonctionne pas une fois installé.

Après quelques recherches sur Google, j'ai trouvé qu'il était possible de faire fonctionner PG2 à la condition de lancer deux exécutables se trouvant dans le dossier PeerGuardian.app/Contents/Ressources/ à chaque démarrage de la machine. Voici donc un petit tutoriel permettant d'automatiser tout ça:

Installer PeerGuardian2
Lancer un terminal et copier/coller les lignes suivantes puis fermer le terminal.
Lancer Préférences Système > Comptes > onglet Ouverture
Clic sur + sélectionner PeerGuardian_loader.app puis ajouter
Clic sur + sélectionner PeerGuardian_logger.app puis ajouter
Fermer les Préférences Systeme
Lancer PeerGuardian,
Clic menu File > List Manager
Le List Manager devrait contenir plusieurs listes d'adresses IP à bloquer

Maintenant plus besoin de se soucier de PeerGuardian, les processus seront automatiquement lancés au chargement du système.

Growl Mac pour l'API de notification Google Chrome (poc)

2011-02-25T10:19:00.001+01:00

Extension Google Chrome Growl pour les notifications web

Peut-être avez-vous vu passé ce tweet:

Je comprends tout à fait que le staff en charge de Chrome ne souhaite pas développer des extensions spécifiquement pour Mac (ou Windows ou Linux). Mais même si Growl n'est pas intégré en natif sous Mac, il est dommage de ne pas en profiter lorsqu'il est présent sur la machine. L'autre raison de cette non implémentation est que Growl ne gère pas les notifications de type HTML alors que ce type de notification est possible via l'API Web Notification.

Enfin si aucune extension Google Chrome pour Growl Mac n'existe c'est parce qu'il est impossible d'appeler un exécutable (dans notre cas Growlnotify) depuis une extension (pour des raisons de sécurité bien évidement).

Il faudrait donc pouvoir exécuter un exécutable depuis une extension Google Chrome. Une solution possible est de communiquer via websocket avec un serveur NodeJS local qui se chargera d'exécuter Growlnotify:

L'extension ChromeGrowl surcharge la méthode createNotification ainsi que createHTMLNotification de l'API de notification. Voici l'extension en action:

Le support de createHTMLNotification est pour le moment quasiment inexistant car dans la majorité des cas une requête cross-domain est requise. La solution serait d'envoyer l'url au serveur node qui téléchargerait le contenu puis après analyse afficherait le plus d'informations possible via Growl.

Le code est disponible sur mon GitHub Chrome-Growl-Notification. Il s'agit d'un proof of concept réalisé en quelques heures n'hésitez pas à le forker pour l'améliorer ou corriger de possibles bugs.

EDIT: Je viens de découvrir qu'il faut payer une taxe de 5$ pour pouvoir publier des plugins sur le Google Chrome Extensions Directory. Je ne compte pas verser le moindre $ pour un petit POC, néanmoins si l'envie vous en dit vous pouvez toujours faire un don :).

Sources:

[Video] My work on Gam3r, CSS3 Goodness

2011-01-31T08:37:00.001+01:00

I've done some work lately on the Gam3r's design adding some CSS3 goodness. Here is a quick video summary.

Javascript: $=-[$=[]],$$=$/$+(!$+{})

2011-01-23T14:59:00.004+01:00

After having read this post yesterday. I feel like that was my turn to put my 2 cents. After some tests, I tweeted the javascript code below which return "boNjour":
$=-[$=[]],$$=$/$+(!$+{}),_=-~-~-~$,__=$$[(_*_)+~$],$$[_*_]+__+$$[$]+$$[-~(_*_)]+__+$$[_+-~-~$]+$$[_+-~$]

How ? Where are the letters ?

The first statement is:

$ = -[$=[]];

$ == 0

With this $ I can get all the letters I want for the word "bonjour" thanks to the second statement:

$$ =  $/$+(!$+{});

$$ == "NaNtrue[object Object]"

$/$+(!$+{}) ?

First of all, I wanted an n:

$/$ == 0/0 == NaN

typeof($/$) == "number"

Next an u & r:

$          == 0;

!$         == true

typeof(!$) == "boolean"

And finally the b o j:

true+{} == "true[object Object]" // Thanks to type coercion

!$+{}   == "true[object Object]"

Then, I needed to convert NaN (a number) to a string. Which is easy with javascript's type coercion:
number + string = string
So:

$/$ + (!$+{}) == "NaNtrue[object Object]"

$$ = $/$ + (!$+{});

The last statement of the code do the following:
$$[9]+$$[8]+$$[0]+$$[10]+$$[8]+$$[5]+$$[4] == "boNjour"

But... where are the numbers ?

The NOT operator is the anwser !
The ~ operator in JavaScript means -(N+1) so -~ = +1
if $ = 0 then -~-~-~$ = 3

Remember, we already have 0 (with $):
$ == 0
I started with a 3, because 3*3 = 9, (3*3)-1 = 8, (3*3)+1 = 10, (3+(1+1)) = 5 and 3+1 = 4. We can get all these numbers by playing around with $ & ~ :

-~-~-~0 == -~-~-~$ == 3

_ = -~-~-~$

Let's do it !

_*_ == 9

$$[_*_] == "b";

o is used 2 times so it has his own variable __ in order to reduce the code's length:

(_*_)+~$ == 9 + -1 == 8

__ = $$[(_*_)+~$];

__ == "o";

$$[0] == "N";

$$[$] == "N";

1 + (_*_) = 1 + 9 = 10 //With N=9, -(N+1) = -10 so

~9 == -10

-~(_*_) == 10

$$[-~(_*_)] == "j";

3 + (1+1) = 3 + -~-~0 = 5

_ + -~-~$ == 5

$$[_+-~-~$] == "u";

3 + 1 == 4

_ + -~$ == 4  // N=0, -(-(N+1)) = -(-1) = 1

$$[_+-~$] == "r";

And here we are:
$$[_*_]+__+$$[$]+$$[-~(_*_)]+__+$$[_+-~-~$]+$$[_+-~$] == "boNjour";

Your turn now :)

[Edit] Some converters already exists:

[MAJ] 123PeopleRemover, lancement du projet et réponse de 123People

2011-01-10T16:43:00.008+01:00

Pour suivre l'état du projet, rendez-vous sur le Twitter @FGRibreau

Le lancement

Hier soir (le 9 Janvier 2011) fut lancé 123People Remover. Je ne présenterai pas 123People ici, si vous ne connaissez pas ce service une recherche google vous éclairera. 123People Remover automatise la procédure ci-dessous disponible sur la page réputation de 123People:

Cependant, sur demande, nous pouvons à tout moment et sans délai restreindre les liens concernant explicitement votre personne. Nous vous encourageons donc à nous faire parvenir tous les liens pertinents afin de les enlever de notre moteur de recherche.

Pour identifier les liens qui vous concernent explicitement:

Recherchez votre Prénom et Nom sur 123people;

Cliquez sur chaque lien vous concernant explicitement;

Copiez le lien indiqué dans la trame grise sur la page suivante; (pour les images copier le lien affiché sous l'image après avoir cliqué dessus)

Envoyez-nous le ou les liens vous concernant pour les enlever de notre moteur de recherche, conforme aux lois autrichiennes sur la Protection des Données Privées.

A cause de cette astreignante procédure, l'idée d'un service tel que 123People Remover m'est venue à l'esprit. Un dimanche après-midi de développement intensif plus tard, le service est en ligne. Mais seulement après quelques heures de fonctionnement:
- 123People refuse de valider l'intégralité des demandes des utilisateurs
- 123People bloque le service (sans doute un bloquage par ip)

Le second problème n'en est pas un. J'avais effectivement anticipé ce problème et nous pouvons mettre à disposition à tout moment le code de la partie serveur. Permettant ainsi à la communauté de créer des miroirs accessible depuis 123People Remover via JSONP.

Concernant le premier problème, 123People refuse nos demandes de suppression et s'explique:

Cher M. Ribreau,

Nous avons bien pris connaissance de votre email et nous vous en remercions. Cependant votre demande n’a pas pu être traitée par notre équipe de service à la clientèle car cet email a été généré avec l’aide d’un script automatisé.

Veuillez lire cet email attentivement, suivez les instructions and envoyez-nous le ou les liens vous concernant explicitement. 123people ne crée pas de profils et il n’est pas possible de restreindre l’affichage des liens concernant une tierce personne (pouvant porter le même patronyme).

Nous attachons une grande importance à répondre aux besoins de nos utilisateurs conformément à la loi autrichienne sur la Protection des Données Privées et aux autres directives de l’Union Européenne.

123people est un moteur de recherche de personnes en temps réel, qui, au moment de votre demande, rassemble les informations associées au patronyme que vous recherchez, dès lors que ces données sont publiques et libres d´accès à tous. Avec 123people il vous est enfin possiblede surveiller et de contrôler votre identité numérique de manière simple et claire.

Veuillez prendre en compte qu’123people est une aide technique pour faciliter la recherche d’informations relatives aux patronymes. Nous ne pouvons pas garantir que les informations trouvées sur le web appartiennent à une seule personne. Plus le patronyme est courant, ex : "Jacques Dupont", plus le résultat de la recherche sera imprécis.

Nous suivons les directives très strictes de la loi autrichienne sur la Protection des Données Privées étant donné que notre siège est à Vienne, Autriche. Nous ne stockons aucunes données et ne créons pas de profils. Cela signifie que nous ne sommes pas en mesure de distinguer et de séparer les différentes personnes affichées dans nos résultats de recherche, mais uniquement entre leurs noms.

À chaque résultat de recherche il y a un certain degré d'imprécision, les résultats sont rarement attribuable à une seule et unique personne. Comme nous utilisons une technologie de recherche automatisée, nous ne pouvons pas garantir que les résultats soient à 100% précis. Nous comptons sur le "facteur humain", l'utilisateur, pour l’affectation définitive de l'information trouvée et l'évaluation de leur pertinence.

Pour ne plus apparaître sur 123people le plus simple serait de restreindre ou d’éditer le contenu de la source d’origine. Il disparaitra par la suite d’123people et des autres moteurs de recherche. Un petit symbole à côté du lien vous indique la source d’origine et vous permet d’identifier celle-ci. Veuillez prendre contact avec les opérateurs respectifs car la suppression de ces données est hors de notre sphère de compétence.

Cependant, sur demande, nous pouvons à tout moment et sans délai restreindre les liens concernant explicitement votre personne. Nous vous encourageons donc à nous faire parvenir tous les liens pertinents afin de les enlever de notre moteur de recherche.

Nota Bene : nous pouvons seulement restreindre les liens *vous* concernant explicitement.

Pour identifier les liens qui vous concernent explicitement:

1. Recherchez votre Prénom et Nom sur 123people;

2. Cliquez sur chaque lien vous concernant explicitement;

3. Copiez le lien indiqué dans la trame grise sur la page suivante; (pour les images copier le lien affiché sous l'image après avoir cliqué dessus)

4. Envoyez-nous le ou les liens vous concernant pour les enlever de notre moteur de recherche, conforme aux lois autrichiennes sur la Protection des Données Privées.

Pour plus de détails et screenshots (capture d’images) sur comment restreindre un lien, veuillez consulter la page suivante: http://www.123people.fr/page/reputation.

Nous restreindrons par la suite vos liens sur notre site pour qu’ils n’apparaissent plus lors d’une recherche ultérieure. Veuillez prendre en compte que vos données publiques ne seront pas effacées de leurs sources d’origine. Les contenus seront toujours trouvables par d’autres moteurs de recherche.

De par le monde plus de 40 millions d’internautes utilisent nos services. 123people a aidé de nombreuses personnes à identifier l’étendue de leur trace numérique. Nous sommes heureux de voir de plus en plus de personnes utiliser notre service pour retrouver des amis et membres de leur famille ou pour créer de nouveaux contacts d’affaires.

Nous sommes à votre entière disposition pour tout renseignement complémentaire.

Cordialement,

Txxxxx Pxxxxx

Customer Service Specialist

A l'instant où j'écris ces lignes Numérama vient de publier l'article: 123People bloque un outil qui facilite le retrait d'informations personnelles.

Discussion avec un responsable chez 123People

Quelques heures plus tard, j'ai pu entretenir un début de conversation avec le "Team Leader of Social Media and Internet Marketing" chez 123People. Voici l'intégralité de la conversation:

Dear Mr.Ribrerau,

my name is L. S. and I work at 123people as the Teamleader for Social Media and Internet Marketing.

This morning we spotted a twitter storm regarding your "123people remover" and we got several emails to our customer service department, originating from your tool.

Unfortunately, we cannot process those emails for several reasons including legal liability and data protection guidelines. We abide to several rules before restricting any links from our service, which, at the moment, makes it impossible for us to accept any emails originating from an automated service like yours.

We are committed to helping our customers and providing them with the best 123people experience. Our customer service agents are very active and specifically trained to reply to any customer request as soon as possible. Any inquiry is generally answered within 48hours.

Of course we understand that for some customers the link restriction procedure can be a bit tricky and your script shows that there is an interest in tools that can help them to get through the process more easily.

I think it would be interesting to further discuss this topic, as we have specific needs and procedures to follow whenever we get a link removal request. In cases whereby we cannot meet those requirements, we are forced to reject the request.

We are currently working on several solutions to help our customers to get through the process more easily, and the interest that your script is showing is an interesting demonstration of this need. If there's anything I can do to prove our commitment to our customers, don't hesitate to contact me.

I really hope to hear from you soon,

Best regards,

L. S.

Je répondis donc de façon très succinte. Sachant "We abide to several rules before restricting any links" j'ai donc demandé l'intégralité de ces règles afin que le service puisse être fonctionnel en proposant même de formater l'email spécifiquement afin de faciliter le travail du staff de 123People. Voici sa réponse:

Mr. Ribreau,

this is not a matter of my coworkers' work or reduced email, is a matter of freedom of search.

We find only publicly available information performing a realtime search, therefore the best and only way to make any information not to appear on 123people is to remove the information from the source.

The same respect for people that want to restrict information regarding themselves is deserved by people that want their information to be found.

There are two fundamental rights to consider:

The right to be found: we need to hand-process every link restriction request to be sure that it is a licit request. If we allow anyone to remove a link just because of his name is part of the request we could allow some kind of "homonym censorship" where Mr. John Smith, actor, is requesting the restriction of Mr John Smith, plumber, just because he wants to be the only popular one.

The right to search: we are a search engine and we want our customer to freely search online information. We are not publishing nor storing any private information. All the information found on our service is real time searched and includes only publicly available content. Our customers have the right to search the infos they want to find. If we allow anyone to restrict any link we are limiting our customers' right of search.

We ask our users to send us those specific links that are explicitly referring to their own person.

For this reason we cannot accept any automated third party script to automatically handle our results to compile a list of links, without any warranty that the service is not mangling the data, is not inserting malicious links, is not taking responsibility of the links provided to the users.

At the same time we are not going to allow any third party service to use our computational power to extract data without our prior agreement. This is not how we work and it cannot be accepted.

We want to provide the best service to our customers, that includes providing the best customer service, the best search experience, abiding all the rules to be compliant with the law.

We are also going to protect our service and our customers with the same integrity and strength we demonstrated so far.

We really appreciate the effort and the interest in this topic you demonstrate creating your tool. We would be also interested in any significant suggestion you could provide to improve the customer service procedure accordingly to the constraints we need to keep in consideration.

Best regards,

L. S.

Mise à jour, le 10 Janvier 2011 à 17h

Plusieurs utilisateurs ont vu leurs demandes validées car ils avaient auparavant effectués un tri dans les urls fournies par 123People Remover. Lorsque le service sera de nouveau disponible (car oui... il le sera !) vous pourrez visualiser rapidement le contenu d'un lien et l'ajouter ou non à l'email.

[Edit] Trickle clone (free iPhone/Android web app)

2010-12-27T22:49:00.003+01:00

Yesterday night while I was reading some news on my iPhone I discovered Trickle.

I was wondering if I would be able to develop a basic HTML5/Javascript clone in less than 3 hours. Alright, I was.

Test Trickle-clone on your iPhone using this url: http://fgribreau.com/trickle/

Disclaimer: This app is only a proof of concept, your iPhone may explose, burn, die...

[Update] Trickle seems to work on Android Too.
[Update 28 Dec.] The source code is now available on my GitHub.

How to get the jQuery's data of an iframe child element

2010-11-30T14:39:00.000+01:00

Since jQuery has his own way of handling data storage, getting data via jQuery.data() from an iframe child element will always return an empty object if the data was set using the iframe's jQuery.

jQuery AttributeObserver - Observe HTML elements attribute change

2010-09-12T12:24:00.000+02:00

With jQuery AttributeObserver you can bind a callback that will be triggered when an element's attribute value change, and... that's it.

Fork jQuery AttributeObserver on GitHub

jQuery FireEvent - A Plugin for firing real DOM events

2010-08-10T18:17:00.001+02:00

Or in other words: "How to fire real javascript events". But why? jQuery has already a trigger method for this kind of need ! If you can't get why you have to use this plugin. Try to inject jQuery on this Mootools demo page and run:
jQuery('#v_toggle').click(); //or .trigger('click')
Nothing happens... That's because Mootools & jQuery have their own way to create and fire events. They do this way to support bind namespacing, multiple binding ...

jQuery FireEvent allows you to fire real DOM events. Now, come back to the Mootools page, inject jQuery fireEvent plugin and run:
jQuery('#v_toggle').fireEvent('click');
Even if the v_toggle element was binded with some Mootools magic, because we're firing a real DOM event, all works great ! This plugin is really useful in high conflicted environment where we can't find if an element was binded by one or more javascript libraries.

Fork jQuery FireEvent on GitHub

[Video] Some experiments with HTML5 Canvas

2010-08-08T21:16:00.001+02:00

Here is some experiments I've done on a sunday afternoon with an HTML5 Canvas element and some neat javascript stuff. Enjoy !

[Snippet PHP] apc_exists for APC < 3.1.4

2010-08-02T16:59:00.005+02:00

Problem:

Fatal error: Call to undefined function apc_exists() in xxxx.php on line xx
That's because APC may not be activated or because your APC version is less than 3.1.4.

Fix:

How to know if $ is jQuery ?

2010-08-02T07:00:00.001+02:00

Sometime (mostly in highly conflicted environement) you may want to know if $ is really a jQuery alias. Because $ can be an alias for Mootools too (and of course other libs).

Here is a way to detect jQuery:

How to get the call-stack of a javascript function

2010-08-02T07:00:00.000+02:00

And to be more precise: How to get the call-stack of a Javascript function everytime she's called without blocking the execution.

From time to time you may want to see every call-stack of a specific function for profiling concerns.

Here is a naive approach:

When executed in firebug, only 1 Error is shown. We miss the alert() and the second call from doAnotherThing.

Solution? Prefer console.log instead of throw:

Now our 2 error (with call-stack) appear in Firebug while the alert('ok') pop-out as expected.