vertebral v0.1.1

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.