KNACSS/README.md

42 lines
2.2 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 !
is a minimalist, responsive and extensible style sheet to kick-start your HTML / CSS projects.
2013-03-31 10:32:01 +02:00
2015-03-06 16:03:28 +01:00
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".
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
2013-12-28 21:57:59 +01:00
You can also install KNACSS with [Bower](http://bower.io/) : ```bower install knacss```
2014-06-28 09:49:22 +02:00
&hellip; Or you can also choose the KNACSS Builder : http://knacss.com/builder/
2013-06-25 19:43:19 +02:00
2015-03-06 16:03:28 +01:00
## Usage
2014-06-28 09:49:22 +02:00
KNACSS is a collection of ready to use styles and snippets to kick-start your project. Feel free to use it as a “reset”, then make it grow to suit your needs.
2013-03-31 12:45:09 +02:00
Take the time to read the documentation before jumping in. Indeed, KNACSS doesnt always suit beginners needs since a little thing can have big consequences.
2013-03-31 10:30:11 +02:00
2015-03-06 16:03:28 +01:00
## Préprocesseurs
### 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