avril 27

BIC : Le framework CSS arrive en 2.7.1

Je dois dire que j’aime beaucoup le titre, un peu comme si tout le monde attendais la nouvelle version de ce framework.

BIC, c’est quoi ?

BIC est tout simplement mon framework CSS. Créé en 2006, ce framework se destine avant tout aux intégrateurs et à tout ceux en charge du passage PSD/AI/PDF à une version xhtml. BIC est donc composé de plusieurs fichiers CSS permettant de gagner un peu (voir beaucoup) de temps en intégration grâce à l’utilisation de classe conventionnés et faciles à mémoriser. La première mise à disposition du framework c’est faite avec la version 1.0 avant d’être totalement abandonnée pour ne plus évoluer qu’avec moi. La version actuelle est maintenant estampillée 2.7.1 et à totalement été repensée.

Comment se compose le framework ?

Il utilise très simplement un fichier CSS d’appel baptisé screen.css. A l’intérieur de ce fichier, les appels à d’autres fichiers CSS permettant d’ajouter des classes. Chacun des fichiers CSS est documenté avec une table des matières et crédités en conséquence. Le fichier reset.css est par exemple basé sur celui d’Eric Meyer, le fichier grid.css est quant à lui basé sur 960.gs.

Comment installer le framework ?

Très simple, il suffit de désarchiver l’archive bic.tgz à la racine de votre template ou site. L’archive créera le fichier d’appel screen.css et un dossier « css » contenant les autres fichiers CSS. Une fois cette étape finie, vous pouvez inclure le framework dans votre structure xhtml ou équivalente.

1	<link href="screen.css" rel="stylesheet" type="text/css" media="screen, projection" />

Vous pourrez ensuite ouvrir le fichier screen.css pour créer vos différents style à la suite de ce qui est déjà fait.

Documentation

Aucune documentation n’existe pour le moment, celle-ci étant prévue pour la version 3.0 du framework – avec un nouveau nom. Le framework à été éprouvé de la façon suivante :

Un changement profond du framework est caractérisé par le premier numéro
Un changement mineur ou un ajout est caractérisé par le second numéro
Un correctif est caractérisé par le troisième numéro

Vous trouverez cependant de quoi vous documenter (en plus des questions que vous pourrez poser ici) sur mon autre blog ayant servi de labo pour une suite d’article sur la création d’un site internet.

Pour information la version 2 correspond à une refonte complète du framework, la version 2.7 correspond à un changement au niveau des familles de police et la 2.7.1 à un correctif (faute de frappe) dans une classe.