dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
feuille de styles CSS sur-vitaminée
232 commits 2 branches 63 tags 2.8 MiB
CSS 69.5%
SCSS 29.2%
JavaScript 1.3%
Find a file
raphaelgoettter 95e8334fee modifs de .flexbox-v et .flexbox-h
2015-03-06 16:22:20 +01:00
css modifs de .flexbox-v et .flexbox-h 2015-03-06 16:22:20 +01:00
doc test 2015-03-06 16:03:28 +01:00
less modifs de .flexbox-v et .flexbox-h 2015-03-06 16:22:20 +01:00
sass modifs de .flexbox-v et .flexbox-h 2015-03-06 16:22:20 +01:00
.editorconfig ajout du fichier .editorconfig 2015-03-05 14:37:34 +01:00
.gitattributes .git files 2013-03-31 21:31:04 +02:00
.gitignore compilation des fichiers CSS 2015-03-05 15:21:57 +01:00
bower.json 4.0.3 2015-03-06 10:00:51 +01:00
README.md modifs de .flexbox-v et .flexbox-h 2015-03-06 16:22:20 +01:00

README.md

KNACSS

http://www.knacss.com

KNACSS, c'est un peu comme une feuille de style CSS "reset" sur-vitaminée qui permet de commencer un projet à partir de zéro tout en tenant compte de bonnes pratiques générales (accessibilité, performance, responsive webdesign).

KNACSS prend en charge les styles de base, mais également la typographie, les modèles de boîte, les alignements et positionnements d'éléments, les grilles de mise en page, dans l'esprit d'être adapté à toutes les tailles d'écran (reponsive). Le tout automatiquement !

Conçu par l'agence web Alsacreations.fr et pensé pour être employé 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.

Installation

La version courte est "il n'y a rien à installer".

Selon votre environnement de travail vous suffit de récupérer la feuille de styles :

Les versions LESS et Sass seront bien évidemment plus malléables grâce à l'apport de variables et fonctions.

Usage

KNACSS n'est constitué que d'un seul fichier CSS (minifié ou non selon vos goûts), qu'il vous suffit d'ajouter à votre page HTML :

<link rel="stylesheet" href="knacss.css">

Il est également possible de l'installer (toutes versions) via Bower : bower install knacss

RTFM!

KNACSS se veut être un outil simple (contrairement aux usines à gaz que sont Bootstrap ou Foundation), mais évolutif. La contrepartie est que cela nécessite de votre part de bonnes connaissances en CSS et un petit effort de compréhension et de d'apprentissage des mécanismes de l'outil.

Une documentation détaillée et illustrée est en cours de rédaction. Je vous invite vivement à la parcourir avant de vous jeter sur KNACSS.

Préprocesseurs

Vendor Prefixes

If you use one of the pre-processed version of KNACSS (LESS / Sass), beware that all the properties are declared without vendor prefixes (-webkit-,-moz-,-ms-,…), to gain clarity, and length of initial code.

You will certainly need to add these vendor prefixes yourself (this is usually done automatically today with Autoprefixer, Mixture, Prepros, Grunt, etc.).

Liens utiles