Bonsoir, I’ve been expecting you…

A la croisée des codes du manga, du cinéma et de la bande-dessinée, voici un mini-site comme nous aimerions en voir plus souvent.Laconique, volontairement un poil inquitétant, Ben « The bodyguard » n’a pas le look (ni le sens de l’humour ?) du commercial moyen : mais que cherche-t’il donc à nous vendre ? En deux mots, la baseline pose le concept et permet de se connecter aux réseaux sociaux ;  une indication qui « pop » en bas de page nous invite à scroller pour en savoir plus…

Lire la suite…

Trois problèmes de CSS et leurs solutions

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 d’OS 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…

Votre site web en quelques clics !

cheap_sites

Ce type de proposition se rencontre de plus en plus : les hébergeurs et fournisseurs d’accès se disputent votre pratique, à grand coup d’arguments marketing et tarifaires…

Disons-le tout de suite, tout site web décent a un coût, parfois modeste lorsqu’il s’agit de small business, mais toujours en rapport avec le temps et l’expertise que lui aura consacré un web-designer honnête. Trouveriez-vous bien sérieux le concessionnaire auto qui vous proposerait une voiture neuve pour quelques centaines d’euros ?

Pour ce prix, vous n’aurez qu’un tacot même plus côté à l’Argus… Quant à vos concurrents les mieux informés, ils rouleront… en Smart ou en Porsche, selon leur budget. Devinez qui arrivera le premier ? Lire la suite…

Rollover déportés tout en CSS !

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.

remote_link1

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…

Ajax fait briller le web !

Certainement l’un des designs les plus remarqués de l’année ! L’excellente équipe de


érige la simplicité au rang d’œuvre d’art… La superposition des background, l’utilisation de scrollings en Ajax, le dépouillement de l’interface : efficacité maximum. Un peu plus de précision et de raffinement dans le travail sous Photoshop n’aurait pas nuit mais tout le reste est tellement cool… I love ‘em !

Raymond Gid : la typo pour les nuls

Raymond Gid, peintre, affichiste, graveur et typographe (1905-2000) a consacré son œuvre à prôner un usage raisonné de la typographie et des règles de composition.

L’avènement des technologies numériques lui semblait une source d’usage abusif ou erroné de ces règles : « Sauf les spécialistes – et les publicitaires (efficacité oblige !) qui se soucie de leur emploi ? Le papier imprimé surabonde. Or notre temps lit peu. Pourquoi condamner d’avance votre message à la poubelle ? »

Lire la suite…

Du rich media par tous les temps

Rudement efficace : voilà ma réaction en tombant sur le dernier-né des multiples sites « satellites » entourant la marque NIKE, prodigieusement présente sur le web depuis une dizaine d’années.

Nike ACG (pour All Conditions Gear) est en effet un remarquable concentré de rich media : vidéo (de bonne qualité), 3D temps réel, navigation animée « réactive » : d’un côté on en prends plein les yeux, de l’autre on découvre les produits de manière claire et intuitive. Lire la suite…