KNACSS 4.0 est arrivé… découvrez les nouveautés !

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"
  9. Responsive Webdesign
  10. Styles pour l'impression
  11. Styles divers (césures, Google Maps, liens d'évitement)
  12. Adaptations pour WordPress

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 2è div ou n'importe quoi d'autre</div>
    <div>un 3è div ou n'importe quoi d'autre</div>
</div>

Le résultat :

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