43c19e5d00
GRID: - Added LESS logic so that grid columns are calculated from the total width of the container VARIABLES: Hooked up color variables to fonts, buttons, border, backgrounds BREAKPOINTS: defined breakpoints by variables. GRUNT: Grunt will watch the less file and any time there is a change saved it will compile to the css/skeleton.css file.
68 lines
2.6 KiB
Markdown
68 lines
2.6 KiB
Markdown
# [Skeleton](http://getskeleton.com)
|
|
Skeleton is a simple, responsive boilerplate to kickstart any responsive project.
|
|
|
|
Check out <http://getskeleton.com> for documentation and details.
|
|
|
|
## Getting started
|
|
|
|
### Install Global Dependancies
|
|
* [Node.js](http://nodejs.org)
|
|
* [bower](http://bower.io): `[sudo] npm install bower -g`
|
|
* [grunt.js](http://grunt.js); `[sudo] npm install -g grunt-cli`
|
|
|
|
### Install Local Dependancies
|
|
* Download zip or clone the repo
|
|
* cd to project folder
|
|
* run `[sudo] npm install` (first time users)
|
|
* run `grunt` (to watch and compile less files)
|
|
|
|
### What's in the download?
|
|
|
|
The download includes Skeleton's CSS, Normalize CSS as a reset, a sample favicon, and an index.html as a starting point.
|
|
|
|
```
|
|
skeleton/
|
|
├── index.html
|
|
├── css/
|
|
│ ├── normalize.min.css
|
|
│ └── skeleton.css
|
|
├── less/
|
|
│ └── skeleton.css
|
|
├── images/
|
|
│ └── favicon.ico
|
|
└── README.md
|
|
|
|
```
|
|
|
|
### Why it's awesome
|
|
|
|
Skeleton is lightweight and simple. It styles only raw HTML elements (with a few exceptions) and provides a responsive grid. Nothing more.
|
|
- Minified, it's less than a kb
|
|
- It's a starting point, not a UI framework
|
|
- No compiling or installing...just vanilla CSS
|
|
|
|
|
|
## Browser support
|
|
|
|
- Chrome latest
|
|
- Firefox latest
|
|
- Opera latest
|
|
- Safari latest
|
|
- IE latest
|
|
|
|
The above list is non-exhaustive. Skeleton works perfectly with almost all older versions of the browsers above, though IE certainly has large degradation prior to IE9.
|
|
|
|
|
|
## License
|
|
|
|
All parts of Skeleton are free to use and abuse under the [open-source MIT license](http://opensource.org/licenses/mit-license.php).
|
|
|
|
|
|
## Colophon
|
|
|
|
Skeleton was built using [Sublime Text 3](http://www.sublimetext.com/3) and designed with [Sketch](http://bohemiancoding.com/sketch). The typeface [Raleway](http://www.google.com/fonts/specimen/Raleway) was created by [Matt McInerney](http://matt.cc/) and [Pablo Impallari](http://www.impallari.com/). Code highlighting by Google's [Prettify library](https://code.google.com/p/google-code-prettify/). Icons in the header of the documentation are all derivative work of icons from [The Noun Project](thenounproject.com). [Feather](http://thenounproject.com/term/feather/22073) by Zach VanDeHey, [Pen](http://thenounproject.com/term/pen/21163) (with cap) by Ed Harrison, [Pen](http://thenounproject.com/term/pen/32847) (with clicker) by Matthew Hall, and [Watch](http://thenounproject.com/term/watch/48015) by Julien Deveaux.
|
|
|
|
|
|
## Acknowledgement
|
|
|
|
Skeleton was created by [Dave Gamache](https://twitter.com/dhg) for a better web. |