KNACSS/README.md

51 lines
2.8 KiB
Markdown
Raw Normal View History

2015-03-06 16:03:28 +01:00
# KNACSS
2013-03-31 10:52:41 +02:00
http://www.knacss.com
2013-03-31 10:30:11 +02:00
2015-03-06 16:03:28 +01:00
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](http://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.
2013-03-31 10:32:01 +02:00
2015-03-06 16:03:28 +01:00
## Installation
2013-03-31 10:30:11 +02:00
2015-03-06 16:03:28 +01:00
La version courte est "il n'y a rien à installer".
2015-03-06 16:22:20 +01:00
Selon votre environnement de travail vous suffit de récupérer la feuille de styles :
- en version [CSS classique](https://raw.githubusercontent.com/raphaelgoetter/KNACSS/master/css/knacss-unminified.css) (ou [minifié](vhttps://raw.githubusercontent.com/raphaelgoetter/KNACSS/master/css/knacss.css))
- en version [LESS](https://github.com/raphaelgoetter/KNACSS/tree/master/less)
- en version [Sass](https://github.com/raphaelgoetter/KNACSS/tree/master/sass)
_Les versions LESS et Sass seront bien évidemment plus malléables grâce à l'apport de variables et fonctions._
## Usage
2015-03-06 16:03:28 +01:00
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 :
2013-03-31 10:30:11 +02:00
2015-03-06 16:03:28 +01:00
<link rel="stylesheet" href="knacss.css">
2013-03-31 10:30:11 +02:00
2015-03-06 16:22:20 +01:00
Il est également possible de l'installer (toutes versions) via [Bower](http://bower.io/) : ```bower install knacss```
2013-12-28 21:57:59 +01:00
2015-03-06 16:22:20 +01:00
## RTFM!
2013-06-25 19:43:19 +02:00
2015-03-06 16:22:20 +01:00
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.
2015-03-06 16:22:20 +01:00
Une [**documentation**](https://github.com/raphaelgoetter/KNACSS/tree/master/doc) détaillée et illustrée est en cours de rédaction. Je vous invite vivement à la parcourir avant de vous jeter sur KNACSS.
2015-03-06 16:03:28 +01:00
2013-03-31 10:30:11 +02:00
2015-03-06 16:03:28 +01:00
## Préprocesseurs
2015-03-06 16:22:20 +01:00
### Vendor Prefixes
2014-05-12 11:01:36 +02:00
2014-06-28 09:49:22 +02:00
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.
2014-05-12 11:01:36 +02:00
2014-06-28 10:11:49 +02:00
You will certainly need to add these vendor prefixes yourself (this is usually done automatically today with Autoprefixer, [Mixture](http://mixture.io), [Prepros](http://alphapixels.com/prepros/), [Grunt](http://gruntjs.com), etc.).
2014-05-12 11:01:36 +02:00
2015-03-06 16:03:28 +01:00
## Liens utiles
2014-06-28 10:11:49 +02:00
* Website and download : http://knacss.com
2014-07-07 21:07:34 +02:00
* Documentation : http://knacss.com/doc.html