Vertebral

Vertebral is a simple, responsive boilerplate to kickstart any responsive project.

Check out https://github.com/jkernech/vertebral for documentation and details.

Getting started

Clone the repo: git clone https://github.com/jkernech/vertebral.git Install dependencies: npm install

Why it's awesome

Vertebral is lightweight and simple. It styles only raw HTML elements (with a few exceptions) and provides a responsive grid. Nothing more.

Around 800 lines of CSS unminified and with comments
It's a starting point, not a UI framework
No compiling or installing...just vanilla CSS

What differs from Skeleton ?

Fixes/PR have been incorporated

Button disable styles
Formatting for date inputs
Text utilities for alignment
Handle :active state

cf. Skeleton issues and PR

Integrate normalize.css

Instead of having to add a css reference, normalize.css is directly embedded in vertebral.css

Features addition

Form fields
Links styling
Responsive images
Responsive embed utilities (iframe, video, embed...)
Block shapes
Text utilities

Styles for mobile platforms

Android
iOS
Windows Phone

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 Vertebral are free to use and abuse under the open-source MIT license.

Acknowledgement

Vertebral is based on Skeleton. Skeleton was created by Dave Gamache.