17 juin 2010

1stwebdesigner propose un tutoriel permettant de créer une ombre portée dynamique à base de CSS / Spriting / jQuery sur les éléments d’une page web en fonction d’une source lumineuse placée sur la page. Ce n’est pas clair ? Je vous invite tout d’abord à jet un œil à cette page de démonstration exceptionnelle (n’oubliez...

1 juin 2010

jScratchcard est un plugin pour le framework JavaScript jQuery permettant de créer des zones grattables à la manière des jeux de grattages que l’on retrouve chez nos buralistes. Il devient alors possible d’imaginer la création de toutes sortes de jeux de grattages directement en HTML / CSS / jQuery (rappelons que ce type de jeux existe déjà...

21 mai 2010

Tout simplement… impressionnant ! A l’occasion des 30 ans de PAC-MAN Google à mis en ligne un nouveau logo interactif qui se transforme en jeux video lorsqu’on clique dessus ! Il est alors possible de jouer à PAC-MAN à l’intérieur du logo lui-même ! Petite astuce, cliquez sur le bouton « Insérer Pièces(s) »...

1 mai 2010

Dans notre série sur les jeux vidéos basés sur des technologies web, cet exemple est de loin le plus impressionnant ! Il s’agit d’un Tetris en 3D nommé Torus réalisé en HTML 5 à l’aide de l’élément canvas ! Cette fois-ci, ce jeux créé par Ben Joffe dispose d’un rendu d’une fluidité exceptionnelle et d’un...

Savez-vous qu’il est très simplement possible de faire pivoter un site web selon un angle précis via du CSS et la propriété -moz-transform ? La page web subiera une rotation dans sans totalité et le rendu sera fonctionnel au minimum sous le navigateur Firefox. Voici le code permettant cette rotation, notez que vous devez adapter la valeur de la...