GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → oltdaniel → Skeleton Plus

oltdaniel / Skeleton Plus

Licence: mit
🎡 simple stripped down css framework

Labels

htmlcsscss-frameworkskeleton

Projects that are alternatives of or similar to Skeleton Plus

Php Library Starter Kit
A tool to quickly set up the base files of a PHP library project.
Stars: ✭ 75 (-25%)
Mutual labels:  skeleton
Laravel Package Maker
Get a 📦 skeleton and all other `make` commands from laravel base for package development.
Stars: ✭ 89 (-11%)
Mutual labels:  skeleton
Tacit
CSS Framework for Dummies, Without Classes
Stars: ✭ 1,344 (+1244%)
Mutual labels:  css-framework
Dredd Example
Example application using Dredd and CI
Stars: ✭ 79 (-21%)
Mutual labels:  skeleton
Avalanche
A package based CSS framework.
Stars: ✭ 86 (-14%)
Mutual labels:  css-framework
React Native Skeleton Content Nonexpo
A customizable skeleton-like loading placeholder for react native projects not using expo.
Stars: ✭ 92 (-8%)
Mutual labels:  skeleton
Creature godot
2D Skeletal Animation Creature Runtime for Godot Engine
Stars: ✭ 70 (-30%)
Mutual labels:  skeleton
Milligram
A minimalist CSS framework.
Stars: ✭ 9,568 (+9468%)
Mutual labels:  css-framework
Pico
Graceful & Minimal CSS design system in pure semantic HTML
Stars: ✭ 89 (-11%)
Mutual labels:  css-framework
Kanbasu
A lightweight CSS framework written in Sass.
Stars: ✭ 94 (-6%)
Mutual labels:  css-framework
Kernel.css
The CSS framework built for any kind of task
Stars: ✭ 80 (-20%)
Mutual labels:  css-framework
Minna Ui
😸 A fast, friendly, and fun web UI kit for everyone.
Stars: ✭ 86 (-14%)
Mutual labels:  css-framework
Setup
My own front end web development set up, covering everything from operating system to analytics.
Stars: ✭ 93 (-7%)
Mutual labels:  css-framework
Sanic Nginx Docker Example
Sanic + Nginx + Docker basic example
Stars: ✭ 77 (-23%)
Mutual labels:  skeleton
F3 Boilerplate
PHP7 Fat-Free Framework (http://fatfreeframework.com) example - A skeleton i18n web application which implements an MVC structure ( https://github.com/vijinho/FFMVC ) and includes the files from the https://getbootstrap.com project.
Stars: ✭ 97 (-3%)
Mutual labels:  skeleton
Skeleton
A ready-to-use CodeIgniter skeleton with tons of new features and a whole new concept of hooks (actions and filters) as well as a ready-to-use and application-free themes and plugins system. Facebook Page: http://bit.ly/2oHzpxC | Facebook Group: http://bit.ly/2o3KOrA. Help me carry on making more free stuff → http://bit.ly/2ppNujE ←
Stars: ✭ 74 (-26%)
Mutual labels:  skeleton
App
Spiral Framework Skeleton HTTP Application: Queue, Console, Cycle ORM
Stars: ✭ 90 (-10%)
Mutual labels:  skeleton
Aesthetic Css
A vaporwave CSS framework
Stars: ✭ 100 (+0%)
Mutual labels:  css-framework
Oh My Fullstack
🚀 Full stack web application skeleton (Next.js, Redux, RxJS, Immutable, Express)
Stars: ✭ 99 (-1%)
Mutual labels:  skeleton
Bodyskeletontracker
Human body skeleton detection an tracking from video camera in real time. It was developed for an Orbbec Astra camera DRGB (Depth-RGB), uses the OpenNI2 driver, it also works with Asus Xtion and Prime sense. It works with normal webcam too, in the case of background is smooth and white.
Stars: ✭ 94 (-6%)
Mutual labels:  skeleton
View All Similar Projects ➔

skeleton-plus 🎡

GitHub issues GitHub stars GitHub forks npm

skeleton-plus is a fresh looking but still simple css framework. (only ~7kb, gzip => 2.1kb)

About

skeleton-plus is a fresh looking but still simple css framework that should be taken as basis for your next website. We designed it to be flexible but still small, thanks to scss you need to change some variables and you have your own version of skeleton-plus 😎

How to use it

Thanks to the opportunities the open-source development offers us, there are thousand ways to use this libary or change it. Below here I list only a few of them.

Just use it

Add <link rel="stylesheet" href="css/skeleton-plus.min.css"> to your <head>. If you want to use it in production, use the following links from awesome CDN's (which I really thank):

https://cdn.rawgit.com/oldaniel/skeleton-plus/master/dist/skeleton-plus.min.css
https://unpkg.com/skeleton-plus/dist/skeleton-plus.min.css

Download it

skeleton-plus can be downloaded over NPM or Github with the following commands:

GitHub: $ git clone https://github.com/oldaniel/skeleton-plus

Npm: $ npm install skeleton-plus

Don't like the new design?

Jump back to version two by using:

Npm: $ npm install [email protected]

https://cdn.rawgit.com/oltdaniel/skeleton-plus/v2.0.0/css/skeleton.plus.min.css
https://cdn.rawgit.com/oltdaniel/skeleton-plus/v2.0.0/css/normalize.min.css

https://unpkg.com/[email protected]/css/skeleton-plus.min.css
https://unpkg.com/[email protected]/css/normalize.min.css

Change it

Clone and mix up things. If you think your edits are interesting for the public, just open a new pull request on that.

Here a brief overview of our folder structure:

skeleton-plus
├── dist # Our destination folder
│   ├── skeleton-plus.css
│   ├── skeleton-plus.min.css
│   └── index.html
├── src # Our source folder
│   ├── _base.scss
│   ├── _button.scss
│   ├── _extra.scss
│   ├── _grid.scss
│   ├── _input.scss
│   ├── _navigation.scss
│   ├── _table.scss
│   ├── _typography.scss
│   └── style.scss
├── LICENSE
├── README.md
├── gulpfile.js
└── package.json

Some gulp task you should know about:

  • scss compiles the scss to css
  • scss:min compress the compiled css files
  • watch executes scss and scss:min on any file change

Required tools for development:

  • Node.js
  • NPM
  • Gulp installed globally (npm install gulp -g)

Credits & License

A project by Daniel Oltmanns. Other amazing contributors here.

GitHub license

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].