Using The Best Blockquote Available

Il y a quelques années, Dan Cederholm a écrit un article pour inciter les développeurs Web à utiliser la meilleure version possible du symbole & (l’esperluette pour les francophones, et l’ampersand pour les anglophones).

Dans le même ordre d’idée, je me suis demandé s’il n’était pas possible d’essayer d’améliorer un élément aussi utile qu’important : le blockquote. Le bloc de citation permet d’ajouter du texte extérieur au document ce qui en fait un élément courant du lexique HTML. Par défaut, les blockquotes ont un style très simple : un simple espacement sur la gauche permet de signaler que la zone contient du le texte cité. Ce n’est pas terrible terrible quoi…

En parcourant le Web, je me suis rendu compte que la grande majorité des sites Internet modifient les styles CSS pour améliorer ce composant et le rendre plus lisible, plus compréhensible.

Lire la suite...

Adapter un site web pour les périphériques mobiles grâce aux CSS

Créer une version d’un site spécialement pour les mobiles ce n’est pas compliqué.

En fait, c’est très simple. En utilisant seulement quelques lignes de code, il est possible de repenser toute l’organisation d’un site Web, et d’offrir un superbe affichage sur les smartphones. Pour cela, on fait appel au viewport, à la balise @media, et surtout à quelques principes d’ergonomie qui vont changer la vie de votre site Web.

Dans ce cas précis, je m’intéresse essentiellement à l’iPhone, car c’est le périphérique mobile le plus répandu aujourd’hui (2011) mais c’est surtout un choix personnel. J’explique étape par étape dans cet article comment j’ai adapté mon site Web à l’iPhone, et comment vous pouvez l’adapter à votre propre usage.

Lire la suite...

Intelligent & Responsive UI - Une interface pensée pour l'utilisateur

old_chimi.jpg Il y a peu de temps, on m’a demandé au boulot de réaliser une interface graphique entièrement nouvelle pour un outil de suivi interne. Le délai était très court – il s’agissait d’un projet interne non-rémunéré – mais l’interface devait néanmoins s’adapter à l’affichage sur iPhone.

Parti du constat qu’un site Web beau et simple est plus attrayant qu’une interface moche et basique, et faisant partie des futurs utilisateurs, j’ai voulu faire en sorte que le design et les interactions soient le plus possible optimisés pour une utilisation agréable et rapide. A force de glaner des idées à droite à gauche, notamment sur les réseaux sociaux ou chez Google, je me suis rendu compte qu’une véritable interface graphique optimisée RIA (Rich Internet Application) pouvait intégralement changer son utilisation.

Voici donc une collection de « bonnes pratiques » pour réaliser des interfaces graphiques intelligentes et intuitives, agréables à utiliser et surtout … humaines.

Lire la suite...