Clik here to view.
Les habitudes de scrolling à la loupe (Eyetracking)
Il y a certainement de la vie en dessous des 600px (fold). Mais quelle vie ? D’après l’étude Scrolling and attention réalisée par Jacob Nielsen, les utilisateurs passent 80% de leur temps à chercher...
View ArticleClik here to view.
La typothèque idéale par Smashing Magazine
J’arrive un peu après la bataille, mais que voulez-vous, il fallait bien que mon pauvre Modem Olitec 56K (1) prenne le temps de charger les 80+ plus belles polices de caractères pour un design...
View ArticleClik here to view.
Gridulator calcule la grille de votre design web
Gridulator — Cet outil en ligne créé par David Sleight permet de faciliter les calculs de votre grille de mise en page. Il suffit de spécifier la largeur de votre design, le nombre de colonnes que vous...
View ArticleClik here to view.
Le petit journal permanent de la TypOgrApHiE !
La typographie (souvent abrégée «typo») est à la fois l’art de créer des polices de caractère et de s’en servir. Il peut s’agir également de l’ensemble des règles en usage dans l’imprimerie pour la...
View ArticleClik here to view.
#WDFR — Imprimez votre grille pour dessiner vos croquis
Le dernier thème du WDFriday (#wdfr sur Twitter) était consacré aux croquis, maquettes et autres fils de fer (Wireframe) qui précèdent souvent le travail sur un logiciel de création comme Illustrator...
View ArticleClik here to view.
Grille de mise en page, « zoning » et gabarit avec Adobe InDesign
Après les croquis réalisés plus ou moins rapidement sur un coin de table face au client ou de retour à l’atelier, il est parfois nécessaire de passer à une phase plus industrielle afin de réaliser les...
View ArticleClik here to view.
Calculer une grille de mise en page « typo » avec le nombre d'Or
Le calcul d’une grille de mise en page modulaire avec le nombre d’Or est une bonne occasion pour mettre en pratique le manifeste pour un interlignage minimum syndical et les cinq règles pour améliorer...
View ArticleClik here to view.
Grille modulaire pour périphériques mobiles (iPhone, Android, iPad)
La résolution des périphériques mobiles comme les téléphones mobiles, les Smartphones (iPhone, Android) et les tablettes tactiles (iPad) est généralement de l’ordre de 240 x 320, 320 x 480 ou 480 x 640...
View ArticleClik here to view.
display: table et display: table-cell pour faire une mise en page web ?
Après la lecture du livre CSS avancées — Vers CSS3 et HTML5, je me suis amusé avec les propriétés de rendu en tableau avec CSS (à partir de la page 122 pour ceux qui ont l’ouvrage sous les yeux). Pour...
View ArticleClik here to view.
940.css version fluide — Grille de mise en page en pourcentage
La grille de mise en page 940.css — issue de la technique Calculer une grille de mise en page « typo » avec le nombre d’Or — existe désormais en version fluide avec des valeurs exprimées en pourcentage...
View Article
