37 lines
1.9 KiB
Markdown
37 lines
1.9 KiB
Markdown
KNACSS
|
||
======
|
||
http://www.knacss.com
|
||
|
||
KNACSS is a minimalist, responsive and extensible style sheet to kick-start your HTML / CSS projects.
|
||
|
||
Designed by [Alsacreations agency](http://alsacreations.fr) and used on a daily basis in production, KNACSS is not only a lightweight documented framework but also a CSS reset, adapted to every project no matter its size.
|
||
|
||
It handles basic elements, box sizing, margins, floats, simple and complex aligns, positioning, layout grids, gutters, old IE fallbacks and last but not least responsiveness, everything automagically!
|
||
|
||
Installation
|
||
-----------
|
||
There is nothing to install. It is only a CSS file you can call as usual in the head of your document with a link element:
|
||
|
||
<link rel="stylesheet" href="knacss.css" media="all">
|
||
|
||
You can also install KNACSS with [Bower](http://bower.io/) : ```bower install knacss```
|
||
|
||
… Or you can also choose the KNACSS Builder : http://knacss.com/builder/
|
||
|
||
|
||
Usage
|
||
-----
|
||
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.
|
||
Take the time to read the documentation before jumping in. Indeed, KNACSS doesn’t always suit beginners’ needs since a little thing can have big consequences.
|
||
|
||
## 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](http://mixture.io), [Prepros](http://alphapixels.com/prepros/), [Grunt](http://gruntjs.com), etc.).
|
||
|
||
Useful links
|
||
------------
|
||
* Website and download : http://knacss.com
|
||
* Tutorial : http://knacss.com/demos/tutoriel.html
|
||
* Commented code : http://knacss.com/knacss.html
|