Repéré dans le zapping web de « L’Édition spéciale » de Canal+, cet excellent projet d’animation d’après les travaux d’illustration de l’auteur allemand Fritz Kahn ( »Der Mensch als Industriepalast » – 1927).

C’est dans l’Allemagne des années 20, alors que la technologie industrielle semble atteindre son apogée que l’auteur et illustrateur Fritz Kahn conçoit ses descriptions métaphoriques de la « machine anatomique humaine ». L’idée est très opportune et les  superbes illustrations qui en découlent seront abondamment commentées. En 2006 un jeune designer récupère le concept et réalise cette fascinante vidéo.

Je ne dispose pas d’informations précises sur le projet final, a part le fait qu’étant prévu pour être interactif avec le public, il y a de grandes chances que le montage soit élaboré en Flash ; l’on appréciera également l’habillage sonore. J’adore !

Tombé par hasard sur ce code en fouinant sur le génial site css-tricks. L’astuce est de gérer une double zone de roll-over grâce aux CSS. Cela permet de mettre en relation une image et sa légende de manière très évidente et absolument propre.

Si vous préférez les images à droite et les légendes à gauche, pas de problème ; les images sont positionnées en absolute. Vous définirez quatre zones d’interactivité complètes, incluant texte et image, dans une ancre <a></a>. Il faut donc quatre identifiants précis pour ces div ; le reste n’est qu’une affaire de décoration : couleur, typo, border.

On peut voir l’exemple ici ; débrouillez-vous pour récupérer la source…

Les feuilles de style sont une invention merveilleuse : en permettant de gérer de manière indépendante le contenu et la présentation de votre site, elles facilitent grandement la tâche du concepteur-designer.

Malheureusement, leur maîtrise demande une solide expérience. Qui n’a pas un jour, malgré une CSS a priori nickel, été confronté à une série de décalages flippants lors d’un changement de plateforme ou de navigateur ?

Au delà des contraintes graphiques, le bon fonctionnement de vos CSS est révélatrice de la qualité de votre site. Ces quelques conseils vous permettrons de gérer un affichage parfait et une bonne structuration de vos données, quelque soit le contexte utilisateur. LIRE LA SUITE

OK, la saison des cadeaux est finie… Mais comme je suis un gars sympa, je vais vous faire profiter de quelques unes de mes meilleures sources d’info en ligne. Elles concernent bien évidemment la com, le web – social, technique (non, la CSS n’est pas un nouvel impôt…) ou graphique -, les réseaux et le multimédia. Si vous êtes concernés, suivez le guide…

LIRE LA SUITE

Trouvé sur StumbleUpon, cette parodie des logos de quinze grandes entreprises internationales est révélatrice des incertitudes qui affectent le monde des affaires depuis quelques mois. L’exercice n’est pas trés compliqué, je me suis déjà amusé à ce genre de détournement mais pas avec le même sens ni le même objectif… Voici une petite sélection des meilleurs logos, les autres sont visibles sur le blog Business Pandit.

LIRE LA SUITE

Un site déjà largement commenté depuis son apparition en 2005 ! Ce travail de recherche proposait de débattre d’une question ergonomique majeure, a suscité de nombreuses réactions, conformément aux souhaits de ses concepteurs.

A considérer sous un nouvel angle, au moment ou l’interface privilégiée avec notre chère machine tend à évoluer…

Essayez la manip avec le pad d’un portable ou les doigts, sur l’écran de l’iPhone ou de la PSP : il y a parfois un « accidental click » mais la navigation, très intuitive, reste rapide et précise.

LIRE LA SUITE