+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : [CSS] 18 Vertical (/showthread.php?tid=5830)
[CSS] 18 Vertical - Viciousity - 29-11-2011
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-Vertical/tree/master/stylesheets
Et de les inclurais dans votre projet.
Ce qui est actuellement fait :
- Les listes
- Les citations
- Le code source.
- Les labels.
RE: [CSS] Verti - niahoo - 29-11-2011
Les listes bien sûr !
RE: [CSS] 18 Vertical - Viciousity - 30-11-2011
Repo mis à jour.
Code :
git clone https://github.com/Viciousity/18-VerticalRE: [CSS] 18 Vertical - srm - 30-11-2011
Et une démo sans rien avoir à télécharger ? :')
RE: [CSS] 18 Vertical - Viciousity - 30-11-2011
Tu sais pas cloner
???Sinon je suis en train de monter un mini-sinatra et je posterai tout sa sur heroku.
RE: [CSS] 18 Vertical - srm - 30-11-2011
J'ai la flemme de cloner pour voir à quoi ça ressemble.