Home

Awesome

<xmas-tree>

Web Components Experiment using CSS and Ambient Light API.

Attention: Ambient Light API only works in Firefox 22+ (Mac OS X).

Demo

Demo

Check it live.

Setup

  1. Install NodeJS, if you don't have it yet.

  2. Install GruntJS globally:

$ [sudo] npm install -g grunt-cli ```

  1. Install local dependencies:

$ npm install ```

  1. Run a local server:

$ grunt ```

Now you can see the website running in http://localhost:9000 :D

Usage

  1. Import Web Components' polyfill:

<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.0.20130816/polymer.min.js"></script> 
```

2. Import Custom Element:

```xml
<link rel="import" href="src/xmas-tree.html"> ```

  1. Start using it!

<xmas-tree></xmas-tree> ```

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

Web Components Gallery

This Web Component can be found in customelements.io, submit your project too!

License

MIT License © Bernard De Luna & Zeno Rocha