J’imagine que vous êtes nombreux à avoir remarqué les nouveaux boutons en haut de votre gmail préféré.L’intérêt principal de ces boutons étant qu’ils sont “multi-comportements”. En effet, moulte comportement différents leurs sont attribués.
Voici un article qui explique en détail le pourquoi du comment et qui apprend au premier venu la meilleure méthode pour reproduire ce design avec une page de démo bien foutue à lire avec firebug d’ouvert. Vous pourrez visualisez des propriétés CSS sympas tel que :
"html:not([lang*=""]) button.btn"
L’article est bien foutu et la page d’exemple très détaillée. Après d’un point de vu créatif, j’ai toujours la même angoisse : Celle de voir naître un design web hyper formatté, utilisant les même boutons, les mêmes mise en page, etc. Chose que l’on voit déjà dans le monde des applications web.
http://stopdesign.com/archive/2009/02/04/recreating-the-button.html
Jeu de briques
Snake
Pacman
Bubble