FOX CSS : un framework CSS light

J’ai bossé ces dernières semaines sur la création d’un framework CSS adapté à mes besoins. L’idée m’est venue quand le framework KNACSS a été publié. Avant cela, j’utilisais un simple reset, celui d’Eric Meyer. Mais le fait de repartir à zéro, et de manière aussi extrême, n’était pas la solution la plus satisfaisante à mes yeux. A l’opposé, utiliser des frameworks complexes, comme Twitter Bootstrap, ne répondait pas non plus à mes besoins.


L’approche de KNACSS est à mes yeux l’idéal : on a une base solide mais simple, pas trop contraignante, et légère. Elle est facilement modulable, bref elle n’a que des avantages. J’ai donc suivi ce modèle pour créer mon framework. En l’écrivant, j’ai voulu qu’il réponde aux impératifs suivants:

  • un framework facilement adaptable selon les contraintes
  • des resets légers, réduits au minimum
  • la correction de quelques inconsistances entre les différents navigateurs
  • l’intégration de HTML5
  • le passage à border-box pour se simplifier la vie
  • différentes possibilités de mise en page (float, inline-block, colonnes en % et px…)
  • un template “mobile-first” pour le RWD
  • l’ajout de styles basiques pour couleurs / boutons
  • le support de IE, à partir de IE7 (c’est une volonté personnelle de mon côté de complètement abandonner IE6 dans mes projets)

Je l’étofferai sans doute dans un futur plus ou moins proche. J’aimerais notamment rajouter plus d’éléments pour le responsive design. Voilà, si jamais vous en avez envie, n’hésitez pas à l’utiliser, en espérant qu’il vous sera aussi utile qu’à moi !


Je vous invite fortement à aller consulter , l'exemple sur lequel je me suis appuyé pour la base de FOX CSS, et Normalize, dont le but est d'uniformiser les comportements entre différents navigateurs.