Ambient

[Ambient] (http://ionlyseespots.github.io/ambient-design) is a CSS framework.

Ambient is an intuitive front-end framework for fast, app website development.

Ambient is an advanced CSS framework built as a lightweight & modular HTML5 layout methodology.

Please note that Ambient requires the use of [Flexible Box Layout Module] (http://caniuse.com/#feat=flexbox)

Features

Ambient makes it easy for you to [scaffold HTML5] (http://ionlyseespots.github.io/ambient-design/layout/index.html).

Quick Start

Install with [Bower] (http://bower.io/): bower install ambient

Read the [Get started page] (http://ionlyseespots.github.io/ambient-design/docs/index.html) for information and examples on getting started.

current release cycle: Chewbacca

Source

Ambient source makes use of [Node] (https://nodejs.org/) and [Grunt] (http://gruntjs.com/)

Development

This project is in active development.

• Website: http://ionlyseespots.github.io/ambient-design
• Get started: http://ionlyseespots.github.io/ambient-design/docs
• Features: http://ionlyseespots.github.io/ambient-design/layout
• Docs: http://ionlyseespots.github.io/ambient-design/design-patterns

Usage

Link to the Ambient CSS file and use HTML5 to layout your content. We have created a starting HTML5 example.

Inspiration

• http://css-tricks.com/snippets/css/a-guide-to-flexbox/
• http://www.smashingmagazine.com/2013/05/22/centering-elements-with-flexbox/
• http://philipwalton.github.io/solved-by-flexbox/
• http://oocss.org/
• http://www.google.com/design/spec/material-design/introduction.html
• http://getbootstrap.com/
• https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5
• https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes
• https://github.com/h5bp/html5-boilerplate