29-11-2011, 07:19 PM
(Modification du message : 30-11-2011, 12:56 AM par Viciousity.)
18Vertical - Une typography facile a mettre en place.
https://github.com/Viciousity/18-Vertical
Pourquoi ce nom ?
Le 18 est en fait la base de la grille sur laquelle tous les éléments sont identifiés. Cette grille étant en séquence verticale, j'ai du beaucoup réfléchir pour le nom.
Pourquoi une grille ?
En fait, l'oeil a tendance à regrouper et analyser les choses selon l'identité visuelle des éléments qu'il aperçoit. Ainsi, dans la lecture d'un site, la couleur, la taille, mais surtout les éléments qui sortent de l'ordinaire ont tendance à attirer l'attention.
En utilisant une grille, on 'gomme' en fait les anomalies de placement, ainsi, le visiteur peut se focaliser sur la taille et la couleur des titres par exemples. En plus de cela, il est beaucoup plus agréable à l'oeil d'avoir une certaine monotonie pour lire une information.
Comment l'utiliser ?
Rien de plus simple, il vous suffit de télécharger les deux fichiers nommés respectivement meyer.reset.css et 18vertical.css disponible à l'adresse suivante : https://github.com/Viciousity/18-Vertica...tylesheets
Et de les inclurais dans votre projet.
Ce qui est actuellement fait :
https://github.com/Viciousity/18-Vertical
Pourquoi ce nom ?
Le 18 est en fait la base de la grille sur laquelle tous les éléments sont identifiés. Cette grille étant en séquence verticale, j'ai du beaucoup réfléchir pour le nom.
Pourquoi une grille ?
En fait, l'oeil a tendance à regrouper et analyser les choses selon l'identité visuelle des éléments qu'il aperçoit. Ainsi, dans la lecture d'un site, la couleur, la taille, mais surtout les éléments qui sortent de l'ordinaire ont tendance à attirer l'attention.
En utilisant une grille, on 'gomme' en fait les anomalies de placement, ainsi, le visiteur peut se focaliser sur la taille et la couleur des titres par exemples. En plus de cela, il est beaucoup plus agréable à l'oeil d'avoir une certaine monotonie pour lire une information.
Comment l'utiliser ?
Rien de plus simple, il vous suffit de télécharger les deux fichiers nommés respectivement meyer.reset.css et 18vertical.css disponible à l'adresse suivante : https://github.com/Viciousity/18-Vertica...tylesheets
Et de les inclurais dans votre projet.
Ce qui est actuellement fait :
- Les listes
- Les citations
- Le code source.
- Les labels.
???