jQuery: transformations CSS animées pour Opera 10.50

J’ai découvert il y a quelques temps les transformations CSS d’abord disponibles sur WebKit (le moteur de rendu derrière Safari et Google Chrome), puis s’est rajouté Firefox, et dernièrement Opera avec la version 10.50.

Comme toujours les implémentations sont différentes (sans parler d’Internet Explorer qui ne les supporte pas du tout…) mais le script de Zachstronaut (un « hotpatch » de jQuery enfait, qui ajoute la propriété transform à la fonction $.css() et rotate ainsi que scale à $.animate()) fonctionnait bien sous WebKit et Firefox…

Malheureusement l’implémentation des Transformations CSS d’Opera ne retournais pas de valeurs « lisibles » mais une matrice de données, pour laquelle je n’ai pas trouvée de documentation. J’ai donc pris quelques détours, et en passant par la fonction getComputedStyle() j’ai pu récupérer le nécessaire pour faire fonctionner les animation sur Opera.

La version modifiée du script se trouve par là (vous y trouverez aussi un example pour ceux qui ne connaissent pas les transformations CSS).

LMGTFY.com, ou « comment les aider à chercher? »

Si l’on a le malheur de passer comme « geek » (ou expert des « nouvelles technologies » – pour être politiquement correcte)  on se retrouve souvent à jouer la Hotline pour les amis et autres connaissances. La plupart du temps il nous reste qu’a lancer un moteur de recherche.

La science "Google"

La science "Google"

Pour nous aider, les gens derrière LMGTFY, pour Let Me Google That For You, ont créé leurs site; vous entrez une recherche, et le site vous génère une « animation » qui montre comment il faut chercher avec Google. Vous envoyez le liens à votre connaissance et vous la laissez apprendre…

Une belle idée je trouve – Amusez vous ;)

P.S.: Pour les fans du logos Google: les Google Doodles (c’est la collection officielle de tous les logos thematiques :P )