Juste une grille ? Contentez-vous du fichier grillade.css, 4.2ko seulement !

Fonctionnalités

Conçu par l’agence web Alsacreations.fr et pensé pour être couplé avec des préprocesseurs tels que LESS ou Sass, le micro-framework KNACSS est employé quotidiennement sur toute sorte de projets web quel que soit son type ou son envergure.

« Made with » KNACSS

Voici un petit échantillon de sites web réalisés à l’aide d'une base CSS KNACSS :

voir toute la galerie →

Documentation

La documentation complète de KNACSS est hébergée sur Github.
Vous y trouverez en détail, avec codes et illustrations, les différentes sections suivantes :

  1. Comment débuter avec KNACSS
  2. Typographie et reset
  3. Gérer les alignements de base
  4. Gérer le positionnement des éléments
  5. Construire des grilles de mise en page
  6. Styler les tableaux
  7. Styler les formulaires
  8. Classes "visuelles" (marges et largeurs)
  9. Responsive Webdesign
  10. Styles pour l'impression
  11. Styles divers (césures, Google Maps, liens d'évitement)
  12. Adaptations pour WordPress

Un mémento PDF et un styleguide

Sachez qu'un pense-bête en PDF est disponible pour vous rappeler des classes utiles de KNACSS, et que vous trouverez un Guide de Styles en ligne à tester.

Une grille vite fait bien fait ?

Voici un exemple de code permettant d'obtenir une grille simple de 3 colonnes 

<div class="grid-3"> <!-- parent div (ou autre) de 3 colonnes -->
    <div>un div ou n'importe quoi d'autre</div>
    <div>un 2e div ou n'importe quoi d'autre</div>
    <div>un 3e div ou n'importe quoi d'autre</div>
</div>

Le résultat :

un div ou n'importe quoi d'autre
un 2e div ou n'importe quoi d'autre
un 3e div ou n'importe quoi d'autre