Tiny Typo

ça envoie côté URLs…

j’avais oublié #semantic-ui

J’ai passé un peu de temps à lire la doc ce matin, et l’impression que j’en ai pour l’instant, c’est que c’est (encore) un énôôrme truc qui fait tout à la fois et même plus. Je ne doute point que l’on puisse n’en prendre que telle ou telle partie, mais ce n’est ni formulé comme ça, ni conçu pour ça à la base.

J’avais eu meilleure impression quand j’avais lu les sites de Bourbon par exemple, qui a une grille totalement séparée, et pareil pour les styles typo/couleurs qui sont dans un module séparé.

Peut-être que je me fourvoie, mais actuellement mes recherches se tournent plutôt vers trouver chaque grandes fonctions séparément, du moment que c’est bien fichu (mais plusieurs peuvent être dans le même framework aussi hein, s’il est bien fait). Par exemple
– un reset intéressant (meyer ou normalize suivant les écoles)
– une base typo lisible et pratique (tinytypo de @tetue)
– une grille facile conçue avant tout en mixins (Neat de Bourbon par ex)
– etc :)

Oui, c’est aussi mon approche. Et ma pratique. Depuis des années maintenant. Avec la méthode Daisy, qui est faite précisément pour ça, pour modulariser son cadre de travail (framework) en intégration.

Plus ça va, plus je me dis qu’il faudrait que je publie un retour d’expérience…

Oui, mille fois. Prendre le meilleur de ci et le meilleur de ça pour créer son meilleur à soi.

Ceci dit, ce n’est pas trivial : ça demande une bonne compréhension de la logique CSS (héritage, cascade, framework), au moins pour poser ce socle, mais aussi ensuite, dans une moindre mesure, pour s’en servir avec plus de bénéfice que de contrainte :)

Oui @nicod_ : pour se construire un framework il faut utiliser des solutions déjà modulaires ou savoir les modulariser. Ce n’est effectivement pas le cas de KNACSS, qui se veut feuille unique, et qu’il faut donc étudier et morceller. C’est ce que j’avais fait pour un précédent projet, pour lequel j’avais surtout gardé la grille de KNACSS, avec Tiny Typo, évidemment :)

Oui c’est ce que j’allais dire, Knacss n’est pas fait pour être modulaire, donc forcément ça complique les choses pour n’en prendre qu’une partie. Mais pour les frameworks déjà conçus en plusieurs feuilles bien découpées, c’est quand même un peu plus facile.

@TiBounise : ah bin, c’est Tiny Typo ! en moins complet :
▻http://tinytypo.tetue.net/tinytypo.html

y’a personne sur irc :’-( mais sinon c’est chouette. Qq trucs :

– Dans la page de présentation ça parle de « medias.css » mais dans le zip c’est media.css (au singulier)
– Il sert à quoi le tinytypo.css dans le zip ?
– dans typo.css ça remet h1, h2, h3 etc. à margin/padding : 0, alors que c’est déjà fait dans le reset, c’est un peu superflu du coup
– je trouve que le <small> on ne voit pas de différence avec le texte normal quand on a la page à la taille par défaut (j’ai dû aller regarder dans le code de la page pour voir si le tag avait pas été oublié ^ ^), mais c’est ptet dû à la police utilisée aussi

Merki.

– Dans la page de présentation ça parle de « medias.css » mais dans le zip c’est media.css (au singulier)

C’est corrigé (au prochain up), merci !

– Il sert à quoi le tinytypo.css dans le zip ?

C’est LE fichier ! Voir la doc : ▻http://tinytypo.tetue.net/#download

– dans typo.css ça remet h1, h2, h3 etc. à margin/padding : 0, alors que c’est déjà fait dans le reset, c’est un peu superflu du coup

Sauf si tu n’utilises pas de reset ;)

– je trouve que le <small> on ne voit pas de différence avec le texte normal quand on a la page à la taille par défaut (j’ai dû aller regarder dans le code de la page pour voir si le tag avait pas été oublié ^ ^), mais c’est ptet dû à la police utilisée aussi

Ou à tes préférences du navigateur ? Une capture d’écran ?

Rendez-vous sur IRC ;)

Ah oui j’avais lu en diagonale pardon.

Pour le <small> :

http://i.kd2.org/i/40/6F6dsUmkg.tinytypo.png