blog

Vestiges d’un CSS Guru

Catégorie : Design

Image Stack Exchange network

La page de l’ensemble des sites Stack Exchange est parfaite :

  • elle donne d’emblée un ordre d’idée de l’ampleur du réseau
  • la taille relative de chaque bloc permet d’établir une hiérarchie des sites
  • les icônes et les couleurs des blocs permettent l’identification rapide des sites déjà connus (Stack Overflow, Super User…) et des marques connues (WordPress, Ubuntu, Apple…) 1

Sans oublier l’ergonomie de base :

  • filtre (avec la double bordure, j’adore)
  • affichage (liste/grille)
  • tri (si on choisit la liste)

Nec plus ultra : un clic sur un bloc laisse place à sa version agrandie, dans une animation fluide et pratique.

Billet

Histoire du clavier AZERTY

Dans mon précédent billet, je ne demandais pas l’histoire du clavier QWERTY (que je connais déjà), mais celle du clavier AZERTY. J’ai essayé d’être clair en disant :

Je ne parle pas du QWERTY/AZERTY, mais juste des lettres A et Z (et M aussi, tiens).

Pourtant, j’ai reçu 6 mails de lecteurs qui m’ont expliqué l’origine du QWERTY mais aucun n’a été capable de m’expliquer pourquoi le A et Z (et M) ont été déplacés ! Ils m’ont tous cité ou dirigé vers l’article Wikipedia mais sachez que Wikipedia est pour moi soit le point de départ, soit le point d’arrivée de mes recherches. Je les remercie en tout cas de m’avoir répondu.

Un point commun entre ces lecteurs (à part @remouk) est aussi d’avoir succombé à la légende urbaine qui dit que la disposition QWERTY a été inventée pour ralentir les dactylos !

En un mot : c’est totalement FAUX.

(Tant que j’y suis, Thomas Edison n’a pas inventé l’ampoule électrique, la Muraille de Chine n’est pas visible depuis l’espace et le sucre n’est pas facteur d’hyperactivité chez les enfants).

Lire la suite →

Billet

Bootstrap et Ruby on Rails : même combat

Premier mot : j’adore Bootstrap.

Comme pour tout framework, j’étais très sceptique au départ, lorsqu’il est sorti en août dernier : un design tout fait ? Des CSS avec LESS ? Un amalgame contenu HTML / présentation ?

Mais la dernière version sortie il y a quelques semaines a vraiment rafiné le design et l’équilibre global, et amélioré un étonnant nombre d’éléments : boutons, menus, pagination, tabs, dropdowns…

Lire la suite →

Billet

Enfin ! Cambodia Vietnam 2010 !

Fin 2010, je partais avec une amie pour 2 semaines et demi en Asie. Depuis le départ, je savais que je voulais réaliser un site en anglais (pour ma famille aux Pays-Bas) qui retracerait notre voyage et utiliserait de nouvelles technologies HTML 5 et CSS 3. Même si le processus graphique a été plutôt rapide (< d’un mois), j’ai du jour au lendemain mis en pause la finalisation du site, alors qu’il était terminé à 80%.

Il y a 2 semaines, je décidais d’achever le site, enfin ! C’est probablement le dernier site que je réaliserai, étant donné que je ne suis professionnellement plus un Web Designer.

Lire la suite →

Lien

→ Le premier design de Google Calendar

La perfection au niveau des couleurs, du contraste, de l’espacement, de la hiérarchie, de l’équilibre.

Bon sang, je ne peux m’empêcher de regretter le passé ce coup ci.

Image Screen shot 2012-01-18 at 12.51.47 AM

La meilleure feature issue de la refonte de L’Equipe.fr.

Les commentaires étaient une usine à gaz innommable : du contenu illisible par des internautes inintelligibles, et un pseudo-formulaire en JavaScript.
Maintenant, la possibilité de noter les commentaires offrent aux (quelques) visiteurs intelligents la faculté d’être mis en valeur et de décrocher le précieux sésame, à savoir : être lu par bbx.

Image bamboo-stylus

Ma nouvelle prise de note numérique.