Grille typographique: la pratique avec SASS

Grille typographique: la pratique avec SASS

Dans le précédent article, nous avons repris les grands principes permettant l’élaboration d’une grille typographique. Dans cet article, nous allons mettre tout cela en pratique, en utilisant le langage SASS. L’objectif est d’obtenir une feuille de styles complète, décrivant une typographie qui respecte le rythme vertical.

Grille typographique: La théorie

Grille typographique: La théorie

Après la découverte de LESS, et de SASS, ma première idée pour exploiter ce langage, concernait la typographie. Même si les frameworks CSS proposent des styles pour la typographie, il est fréquent de devoir les modifier, pour changer la police, modifier la taille de base et/ou la taille des titres. Utiliser SASS pour se construire une feuille de styles typographique paramétrables est donc une idée assez logique.
Avant de rentrer dans le codage, il m’a semblé utile de faire un point sur les éléments clés de la typographie.


LESS: CSS avancé

LESS: CSS avancé

Même si CSS évolue plutôt bien, la sortie de CSS 3 a frustré pas mal de développeurs. Beaucoup réclamaient, et réclament toujours, la notion de variables et/ou de constantes, pour éviter la multiplication des mêmes valeurs numériques (couleurs, dimensions, …) dans leurs feuilles de styles. Malheureusement, CSS3 n’apporte pas cette fonctionnalité, et nos amis du W3C ne semblent pas persuadés de son utilité.

Heureusement, Alexis Sellier a pensé à nous, en nous proposant LESS, un outil qui améliore considérablement la syntaxe de CSS. Je vais donc vous parler aujourd’hui de LESS.

Framework CSS: Foundation

Framework CSS: Foundation

Presque quatre ans après avoir testé des frameworks CSS, je reviens sur le sujet, avec de nouveaux essais. Certains vont me dire que c’est une obsession. En fait, j’espère toujours trouver le framework qui me permettra de construire des thèmes, sans y passer des heures à cause de CSS.
Je me suis intéressé à deux frameworks en particulier, qui me semblent intéressants: Foundation, et Boostrap.