Skip to content

Latest commit

 

History

History
144 lines (102 loc) · 4.18 KB

README.md

File metadata and controls

144 lines (102 loc) · 4.18 KB
Raw

Flask Version of Skeleton-Plus

Getting started

Install Global Dependencies

  • Install Python 3.x
  • Install pip
  • Install virtualenv

Install Local Dependencies

  • Download zip, clone the repo
  • CD to project folder
  • Run virtualenv venv (Create Virtual Env)
  • Run .\venv\scripts\activate or .\venv\scripts\activate.bat (Enter Virtual Env)
  • Run pip install -r dev-requirements.txt (Install Requirements)

Run Environment

GitHub issues GitHub stars GitHub forks npm

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

What's in the project?

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

Why it's awesome?

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

Browser support

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

Getting Started

HTML

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" />

NPM

You can install the project via Node.js NPM manager

$ npm install skeleton-plus --save

While, with Express.js you could use the following code:

app.use('/skeleton-plus', express.static(__dirname + '/node_modules/skeleton-plus/css/'))

Development

First, install all the dependencies :

$ npm install gulp -g && npm install

And then, start the gulp-watch

$ gulp sass:watch

Credits

A project by Daniel Oltmanns and Others for an awesome and better web.

Thanks

License

GitHub license