JT Yeek : cadeaux originaux geek et design

bbxdesign

CSS + WordPress + Web Design

February, 2009

Watchmen s’offre un jeu d’arcade en ligne

Billet

Pour faire patienter les impatients, le site Watchmen propose un jeu d’arcade: Watchmen Arcade Game.
Le jeu est un beat’m up à la Double Dragon ou Golden Axe, mais il est très loin d’en avoir le gameplay, même partiellement. C’est bien dommage.

watchmen-arcade-game

Le test audio contre les adolescents

Billet

Le Teenager Audio Test permet de vérifier si vous avez moins de 25 ans… en vous faisant écouter un bruit (infernal) que seules les personnes ayant moins de 25 ans peuvent entendre. C’est un dispositif qui a été mis en place dans certains centres commerciaux pour garder à l’écart les petits “voyous” que représentent les “jeunes”…

Train Horns

J’ai passé le test (ça me rassure sur la qualité de mon audition, sachant que j’ai 22 ans…).

Card Observer : une galerie de cartes de visite

Billet

Il y a souvent par ci, par , des posts traitants de cartes de visite originales. Card Observer en regroupe sous forme de galerie. Le site est simple et sympa, même si j’aurais apprécié une navigation plus originale et plus pratique entre chaque carte (avec au moins un aperçu).

card-observer1

Axa rate sa refonte de site

Billet

Je viens de découvrir sur 2803 que Axa avait fait une refonte de son site. Ce qui m’a le plus surpris dans le post de 2803, c’est que ce soit un post sponsorisé (traduisez par “post subjectif et honteusement élogieux”). Parce que la nouvelle version du site d’Axa ne manque pas de lacunes.

axa-menu

Un carrousel bien lourd

Malgré le fait que Flash gère le streaming, l’internaute doit attendre d’avoir bien chargé les 7 livres virtuels pour voir s’afficher quelque chose (presque 10 secondes d’attente). Même si l’effet “carrousel” est sympathique à voir, il est très loin d’être pratique. Et si les pages derrière ne suivent pas en terme de design et d’ergonomie, je ne vois pas l’intérêt d’inciter l’internaute à cliquer si ce n’est pour le perdre à la page suivante.

Pourquoi un menu en Flash ?

L’élément qui m’a surpris en premier est le menu de gauche, en Flash. Pourquoi en Flash? Pour le pivoter bizarrement et le rendre presque illisible (lisez-vous “Entrer vos mots clés” qui d’ailleurs devrait être “Entrez vos mots clés”)? Le fait qu’il soit pivoté suggère qu’il n’est pas intéractif, alors qu’il l’est.

Et le champ de recherche prédictif qui fait partie de ce que l’on peut considérer comme “l’état de l’art de ce qui peut se faire en terme d’interfaces riches” (si je reprend les mots du post de 2803) aurait facilement être réalisé en JS, et il en aurait été bien plus lisible.

Disposition bancale des éléments de navigation

Axa est à la fois banque et assurance. On peut accéder à l’un ou à l’autre en cliquant sur l’un des liens placés au-dessus du carrousel. Au lieu de dire “placés” je devrais dire “flottants” parce qu’ils semblent avoir été déposés là malencontreusement. Il faut d’ailleurs attendre que le carrousel ait été chargé en entier pour enfin voir ces liens qui a priori sont primordiaux. Et ne cliquez pas sur “Banque” car vous vous retrouverez sur un autre site (sans que cela soit indiqué…).

Et le reste…

Les pages intérieures du site mériteraient que l’on s’y penche très longuement. Les erreurs d’ergonomie sont multiples : checkboxes utilisées à mauvais escient, mauvaise présentation de l’information, incohérence du contenu…

Ce qui me choque le plus est qu’un bon blog comme 2803 ai décidé de jouer au jeu du post sponsorisé, qui n’est rien d’autre qu’une fenêtre de communication privilégiée, où la charte habituelle du blog s’efface devant les intérêts de l’entreprise commanditaire. Je continuerai bien sûr de lire 2803 qui regorge de très bons articles, mais j’espère vraiment ne plus voir ce genre de post.

PS: ne désactivez surtout pas JS pour aller sur le site d’Axa… Vous verrez ceci :

axa-sans-js

Colorsplash : un fond d’écran pour votre Mac

Billet

Pour les Mac users d’entre vous (je sais qu’il y en a au moins un:-) ), un fond d’écran spécialement conçu pour vous.
Bien sûr, vous pouvez l’installer sous Windows mais l’esprit y est moins…

colorsplash

Via SimpleBits

13 citations de programmeurs

Billet

Le développement de logiciel est une tâche ardue, à en croire les programmeurs eux-mêmes : 13 citations de programmeurs.

I have always wished for my computer to be as easy to use as my telephone; my wish has come true because I can no longer figure out how to use my telephone.

Le Magenta est une couleur

Billet

J’ai failli poster l’article qui disait que le magenta n’était pas une couleur. Mais il me paraissait un peu bancal. Et l’article, qui date d’il y a quelques semaines, à fait l’objet d’un buzz pas possible ces derniers jours.

Je poste aujourd’hui la réponse à cet article : le Magenta est une couleur.

En résumé, le premier article définissait une couleur comme étant une longueur d’onde particulière dans le spectre lumineux. Le second interprète cette définition comme réductive: la couleur est avant tout une interprétation de la lumière par notre cerveau et ne peut se restreindre à ce que l’on peut voir dans le spectre lumineux. (Corrigez-moi si je me suis trompé…).

Bref, je trouvais cette “bataille” assez sympathique car elle montre qu’un sujet aussi peu couvert habituellement, peut très vite apparaître au premier plan simplement parce que les internautes se l’approprient (comme moi) sans trop savoir la pertinence des propos (d’un côté ou de l’autre).

color-bag

Des menus CSS gratuits et compatibles partout

Billet

Si vous désirez créer un menu avec des <ul> et des CSS, voici le site qu’il vous faut : CSS Menus. Il regorge de plusieurs types de menus (horizontal, vertical, déroulant…) et les proposent même en téléchargement gratuit. Accessoirement, ce site constitue un bon moyen d’apprendre à créer des menus soi-même.

css-menus

Générateur de nuancier à partir d’une image

Billet

En uploadant une image sur le Colors Palette Generator de CSS Drive, vous obtenez un 4 nuanciers différents, ainsi que des fichiers CSS et .aco (pour Photoshop) associés.

Un exemple en utilisant une de mes photos prises récemment à New York:

empire-palette

La nouvelle règlementation 2009 de F1 expliquée en vidéo

Billet

Sebastian Vettel explique, dans cette magnifique vidéo, la nouvelle règlementation de la Formule 1 qui rentrera en vigueur cette année. Ludique et informatif.

Il y a notamment un bouton “Turbo” qui permet une augmentation ponctuelle de la puissance de la voiture.

12