Install

Bower Package

$ bower install ambient

Install Ambient package.

ambient/
├── dist/
│    └── css/
│        ├── ambient.css
│        └── ambient.min.css
└── less/
│    └── core/
│        ├── layouts/
│        ├── skins/
└── ambient.less

Ambient package includes both the CSS files as well as the less/ code files.

Optional Bower

$ bower install ambient#dist --save

Optional Bower includes only the CSS files (--save as a dependency) in your project.

Download

ambient.min.css (30kb)

Github

All are welcome to contribute. Bring your ideas on how we can help design the code.

Ambient

Ambient is a project by Ken Buras. I am excited to contribute to the the advancement (and understanding) of HTML5 layout.

Ambient is built with the following.

Ambient projects

• CodePen gallery Live examples of Ambient
• Ambient IDE HTML5 document outliner / visual editor
• HTML5 Matrix If my calculations are correct, when this baby hits eighty-eight miles per hour

Resources

Here is a list of resources I have found to be the most helpful.

Articles

• HTML5 And The Document Outlining Algorithm Smashing Magazine
• Document outlines HTML5 Doctor
• Semantics in HTML 5 A List Apart
• A Complete Guide to Flexbox CSS-Tricks
• ARIA in HTML – there goes the neighborhood The Paciello Group

Projects

• Flexbugs: a community-curated list of flexbox issues
• HTML5 Working Draft Specification
• HTML5 Boilerplate
• Dive into HTML5
• HTML5 Doctor
• Prefixr
• Can I use
• Modernizr
• Font Awesome

Tools

• Document Outliner
• Mobile-Friendly Test