J’ai vu apparaître ces derniers jours des carrousels en 3D sur les pages des sites de vente en ligne Amazon et Alapage, drôle de coïncidence !
D’après Wikipedia, un carrousel est — notamment — « une attraction de type manège consistant en une plateforme tournante avec des sièges pour des passagers », c’est à dire ni plus ni moins qu’un manège.
Ce terme est aussi utilisé en photographie pour désigner les bacs circulaires que l’on utilise avec les projecteurs de diapositives, ou en musique pour désigner les supports des disques dans les jukeboxes.
Au niveau des interfaces graphiques, la navigation dans une liste représentée par un carrousel en 3 dimensions fait petit à petit son chemin. Elle donne une impression de manipulation physique des objets qui améliore l’ergonomie et l’intuitivité de l’interface.
Apple l’a bien compris en rachetant CoverFlow, un carrousel — non circulaire celui-ci — permettant de sélectionner de la musique dans iTunes en visualisant les pochettes :
Microsoft a aussi fait la démonstration des capacités 3D de Windows Presentation Foundation et de Silverlight — dans Popfly par exemple — à l’aide de carrousels.
Le carrousel d’Amazon est en Flash, une technologie vectorielle, et donc particulièrement bien adaptée à la simulation de la 3D par déformation :
Mais il n’est pas nécessaire de disposer d’une technologie spécifiquement dédiée ou adaptée à la 3D pour réaliser de tels carrousels, comme le montre aujourd’hui Alapage :
Ce carrousel s’appuie tout simplement sur l’élément « 3D Carousel » de l’excellent plugin Interface de la librairie JavaScript jQuery.
La théorie, c’est quand on sait tout et que rien ne fonctionne.
La pratique, c’est quand tout fonctionne et que personne ne sait pourquoi.
Je vous avais parlé il y a quelque temps de Wordle qui permet de faire de jolis nuages de tags, et voilà qu’aujourd’hui je découvre Textorizer, qui permet lui aussi de mettre en forme des mots, mais de façon plus belle encore, puisqu’en représentant une image.
C’est sans doute très bête, mais ça me fait toujours sourire de voir des petits bugs pas méchants sur des sites ou applications développées par des boîtes de renom genre Apple.
Derniers commentaires
MM sur Catching the sun : 566Comparer les prix de la reproduction de Rolex et des montres authentiques de RolexAu cas où (...)
Mortimer sur Amusons nous avec des boucles SPIP et les petits nouveaux #GET, #SET et #ARRAY : Pour éviter que ça plante quand il n’y a pas de résultat dans la boucle de sélection _sites, il (...)
Clochix sur Wordle fait de jolis nuages de tags : Hello, Avec les transformations CSS3 (qui fonctionnent déjà dans webkit et seront dans FF 3.1) (...)
Oncle Tom sur Textorizer met les mots en images et inversement : Yes le rendu est sympa. De même que les softs recréant une image à partir de milliers d’autres (...)
clochix sur Nouvelle tempête sur les flux RSS, réduisons les intermédiaires ! : Hello, avec du retard parce que justement... je me suis désabonné de tes flux parce que de (...)
Acouphene sur Nouvelle tempête sur les flux RSS, réduisons les intermédiaires ! : Et dire que je viens juste de délaisser FeedBlitz pour FeedBurner... J’espère que je ne vais pas (...)
Vincent sur Faut-il que je revienne à un unique flux RSS ? : Perso j’ai le flux avec uniquement les billets du blog parce que c’est ce qui m’intéresse (...)
NiKo sur Faut-il que je revienne à un unique flux RSS ? : Perso j’aime bien les pages du type de celle de Simon Willison, ça donne tout de même un peu de (...)
Yemek Tarifleri sur Le même agenda que Gastero Prod avec SPIP : bonjour je suis néophyte en ce qui concerne SPIP et je cherche à implementer un module agenda (...)
NiCoS sur Nouvelle tempête sur les flux RSS, réduisons les intermédiaires ! : Et moi qui pensait que c’était lié à des svn update de SPIP... :-P Pas mal en tous cas le (...)