SkeletonPlus is a dead simple, responsive boilerplate to kickstart any responsive web projects.
The project contains a compiled app.min.css
for using it directly and css files for those who would like to edit the files.
skeleton-plus/
├── dist/
│ ├── css/
| | ├── app.min.css
| | └── app.min.css.map
| ├── fonts/
| | ├── forkawesome-webfont.eot
| | ├── forkawesome-webfont.svg
| | ├── forkawesome-webfont.ttf
| | ├── forkawesome-webfont.woff
| | └── forkawesome-webfont.woff2
| └── img
| └── MOTD_custom.png
├── src/
│ ├── css/
| | ├── fork-awesome.min.css
| | ├── fork-awesome.min.css.map
| | ├── Normalize.css
| | ├── Skeleton.css
| | └── SkeletonPlusAddon.css
| ├── fonts/
| | ├── forkawesome-webfont.eot
| | ├── forkawesome-webfont.svg
| | ├── forkawesome-webfont.ttf
| | ├── forkawesome-webfont.woff
| | └── forkawesome-webfont.woff2
| └── img
| └── MOTD_custom.png
├── .eslint.js
├── .gitignore
├── gulpfile.js
├── index.html
├── LICENSE
├── package-lock.json
├── package.json
└── README.md
SkeletonPlus is simple and lightweight. It styles raw html elements with other awesome features like Grids, Callouts. Nothing more.
- Has less than 1000 lines of code (including comments and whitespaces)
- 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/LucasCtrl/SkeletonPlus/5ef6b46d/dist/css/app.min.css" type="text/css" />
You can simply add the line inside the <head>
tag.
<link rel="stylesheet" type="text/css" media="screen" href="dist/css/app.min.css" />
First, install all the dependencies :
$ npm install gulp -g && npm install
Add some cool stuff in the project
$ gulp dev
And then, you just need to concat all files in one single file
$ gulp build
- Status bar color is very agressive (Russian or American design like semanticUI or Bulma)
- Augment status bar height
-
.rounded
or.squared
for cards - Make it responsive
A project by LucasAlt
Skeleton by dhg
Normalize.css by necolas
ForkAwesome by ForkAwesome