Flask Version of Skeleton-Plus
- Install Python 3.x
- Install pip
- Install virtualenv
- Download zip, clone the repo
- CD to project folder
- Run
virtualenv venv(Create Virtual Env) - Run
.\venv\scripts\activateor.\venv\scripts\activate.bat(Enter Virtual Env) - Run
pip install -r dev-requirements.txt(Install Requirements)
- CD to project folder
- Run
python manage.py runserver - Browse to Main Page or Documentation
v3 is currently in development and will have huge changes. Check it out here
Skeleton-Plus is a dead simple, responsive boilerplate to kickstart any responsive web projects.
Check out skeleton-plus here for Documentation and Demo
The project contains a compiled skeleton.min.css for using it directly and scss files for those who would like to edit the files.
skeleton-plus/
├── index.html
├── package.json
├── gulpfile.js
├── css/
│ ├── normalize.min.css
| ├── normalize.css
| ├── skeleton-plus.css
│ └── skeleton-plus.min.css
└── scss/
├── _accordion.scss
├── _base.scss
├── _buttons.scss
├── _callouts.scss
├── _code.scss
├── _grid.scss
├── _input.scss
├── _list.scss
├── _navigation.scss
├── _table.scss
├── _tooltips.scss
├── _typographic.scss
├── _utilities.css
├── _variables.scss
└── skeleton-plus.scss
Skeleton-Plus is simple and lightweight. It styles raw html elements with other awesome features like Grids, Callouts. Nothing more.
- Has nearly ~900 lines of code (including comments and whitespaces)
- The minified version weighs less than 12KB and even less when gziped 😎
- It's just a starting point. Not a UI framework
Skeleton-Plus supports all the browsers including the older versions of the listed browsers below. But still IE has a large degradation prior to IE9
- Chrome Latest
- Opera Latest
- IE Latest
- FireFox Latest
- Safari Latest
You can simply add the line inside the <head> tag. No need of downloading, no need of compiling. Just plug and play
<link rel="stylesheet" href="https://cdn.rawgit.com/oldaniel/skeleton-plus/master/css/skeleton-plus.min.css" type="text/css" />You can install the project via Node.js NPM manager
$ npm install skeleton-plus --saveWhile, with Express.js you could use the following code:
app.use('/skeleton-plus', express.static(__dirname + '/node_modules/skeleton-plus/css/'))First, install all the dependencies :
$ npm install gulp -g && npm installAnd then, start the gulp-watch
$ gulp sass:watchA project by Daniel Oltmanns and Others for an awesome and better web.
- Thanks to Ryan Grove for an awesome CDN
- Thanks to Łukasz Dziedzic for Lato FontFace
