Une maquette variable en fonction de la taille de la fenêtre

Catégories : Innovations - Web design

On connaît depuis longtemps les mises en page extensibles, où le texte s'étend en fonction de l'espace disponible.

Ce dont je vous parle ici est beaucoup plus subtil : un changement complet de la mise en page en fonction des conditions d'affichage.

Le site The Man in Blue vous en fait la brillante démonstration.

Voyez vous-même...

Si la fenêtre de votre navigateur offre plus de 800 pixels de largeur, le site adopte une mise en page en quatre colonnes :


En-deça de 800 pixels de largeur, le contenu est ramené à une seule colonne :


Testez la mise en page modulaire sur le site The Man in Blue.

Modelez vos graphiques avec Google Analytics

Catégories : Innovations - Outils

Google Analytics (solution gratuite d'analyse de vos statistiques de fréquentation) propose des graphiques réactifs.

Par un simple clic, il vous est possible de détacher ou rétracter n'importe quelle(s) partie(s) du "camembert". Par ailleurs, il vous est possible d'activer ou de désactiver indépendamment l'affichage des pourcentages liés à chaque partie du graphique.

Un moyen efficace de faire parler les chiffres.

A titre d'exemple, ci-dessous, j'ai choisi de mettre en exergue les 3% de visiteurs qui, sur 60questions.net, proviennent de mon autre site web - Redaction.be.

Graphique généré par Google Analytics
Graphique généré par Google Analytics ®

Un détail insignifiant, me direz-vous ? Mais l'innovation passe aussi par le détail.