Get started

What is Ambient?

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

Chewbacca release v1.4.1

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)

Download

Github

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

Clone or fork the repo

HTML5

Ambient makes it easy for you to scaffold HTML.

Examples

Holy Grail

View example

Portrait

View example

Landscape

View example

Centered

View example

Email

View example

null

This space intentionally left blank.


Move the web forward

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.

Project Description
Normalize.css A project by Nicolas Gallagher and Jonathan Neal
Less A project by lots of people
cursor-reset.css A project by Tim Murtaugh
Typeplate.css A project by Dennis Gaebel and Zachary Kain
HTML5 Boilerplate A project by lots of people

Ambient projects

Resources

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

Articles

Projects

Tools