login
sat_ourne
login
Le 16/12/2010 à 12 h 21 min   

Je me suis exercé sur les manipulations 3D à l’aide des nouveautés des spécifications CSS 3D de la W3C.

  • Le premier point est que celles-ci ne sont supportées dans leur intégralité que par Safari à ce jour (16/12/2010), très partiellement par Chrome semble-t-il.
  • Le deuxième point est la difficulté pour un profane à les utiliser. Ainsi, on aurait pu penser que l’on pourrait placer les objet dans l’espace directement par une position selon les 3 axes (x,y,z) et non par l’intermédiaire d’une transformation. D’ailleurs tout ceci expliqué dans l’introduction, mais que voulez-vous je suis exigeant !!!
  • Le troisième point concerne la propriété ‘transform’ (-webkit-transform:) qu’il n’est pas possible de scinder en plusieurs propriété comme par exemple -webkit-transform-translateX. Il s’agit d’une chaîne de transformation

Malheureusement, une fois de plus, il s’agit de fonctionnalités à l’état “Draft” et le pré-fixage (-webkit) ne laisse rien augurer de bon quand à l’interprétation des spécifications par chacun des navigateurs.

Ceci dit, il est agréable d’imaginer le potentiel que cela représente de manipuler des “objets” directement en css, sans utiliser WebGL ou autre librairie javascript dont les performances sont liées directement au moteur JavaScript du navigateur (il est imaginable de penser que l’implémentation des css dans les différents navigateurs fournirait des performances équivalentes).

A tester ici et uniquement sur Safari pour l’instant : Bust a move (susceptible d’évoluer).

login
sat_ourne
login
Le 04/02/2010 à 21 h 33 min   

Depuis un certains nombre de mois, j’ai eu l’occasion d’utiliser différents frameworks JavaScript :

  • mootools
  • prototype
  • scriptaculous
  • Yahoo UI 2.62
  • jQuery
  • J’ai eu la bonne surprise de me voir confirmer sur cette page que  jQuery gagnait le match de la performance.

    A noter, lors de mes tests que les performances sous Google Chrome sont tout simplement ahurissantes par rapport à IE 8 : 50ms contre 287ms pour jQuery … L’avenir devrait confirmer cet état de fait.

    Notons aussi que cette page se trouve sur le site de Mootools !

    login
    sat_ourne
    login
    Le 14/10/2009 à 19 h 20 min   
    login
    sat_ourne
    login
    Le 18/08/2009 à 20 h 56 min   
    Puisque je vous dis qu'il est dans le move ce framework : He Got Game
    login
    sat_ourne
    login
    Le 23/06/2009 à 21 h 25 min   
    Faire des boutons ronds ou aux formes variées : Sans jQuery 😉 : <input style="filter: alpha(style=2, startX=0, startY=30, finishX=30, finishY=0, opacity=100, finishopacity=0);" type="submit" value="i'm the best" /> <input style="filter: alpha(style=1, startX=0, startY=30, finishX=30, finishY=0, opacity=100, finishopacity=0);" type="submit" value="i'm the best" /> <input style="filter: alpha(style=3, startX=0, startY=30, finishX=30, finishY=0, opacity=100, finishopacity=10);" type="submit" value="i'm the best" /> Le reste ici : http://www.xentrik.net/css/filters.php Edit : je viens d'installer Google Chrome, et je précise que celà ne marche que sous Internet Explorer :)
    Propulsé par WordPress   |   Template réalisé par Graphical Dream et modifié par "Moi"
    Haut de page