/xmas-tree

Web Components Experiment using CSS and Ambient Light API.

Primary LanguageJavaScript

<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:

    

    3. 



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


    

  1. 

    Install local dependencies:
    

    

    2. 



$ npm install
```


    

  1. 

    Run a local server:
    

    

    2. 



$ grunt
```


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


Usage


    

  1. 

    Import Web Components' polyfill:
    

    

    2. 


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

```



    

  1. 

    Import Custom Element:
    

    

    2. 



	```

    

  1. 

    Start using it!
    

    

    2. 




```


Contributing


    

  1. Fork it!
    2. 

  2. Create your feature branch: git checkout -b my-new-feature
    3. 

  3. Commit your changes: git commit -m 'Add some feature'
    4. 

  4. Push to the branch: git push origin my-new-feature
    5. 

  5. Submit a pull request :D
    6. 



Web Components Gallery


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


License


MIT License © Bernard De Luna & Zeno Rocha