#Ember Chi - Lightning Fast HTML/CSS Prototyping
Move blazingly fast with prototyping. Demo written for a talk. Use the following technologies:
- Live reloading of HTML/CSS.
- Use reusable components though
{{partials}}
. - Structure your layout using
{{outlet}}
. - Easily use SASS, LESS, or Stylus CSS preprocessors.
Happy prototyping!
- Install node.js (
brew install nodejs
on a Mac,apt-get install nodejs
on unix). - Install ember-cli (
npm install -g ember-cli
). - Install Bower (
npm install -g bower
). - Create a new Ember project (
ember new project-name
). - Install dependencies (
cd project-name && npm install && bower install
). - Start the server (
ember serve
). - Start editing
app/templates/application.hbs
andapp/styles/app.css
. - Learn about
{{outlet}}
s and{{partial}}
s to start reusing.
After doing the above, install the preprocessor of your choice:
- LESS:
npm install --save-dev broccoli-less-single
- Sass:
npm install --save-dev broccoli-sass
- Stylus:
npm install --save-dev broccoli-stylus-single
- Install node.js (
brew install nodejs
on a Mac,apt-get install nodejs
on unix). - Install ember-cli (
npm install -g ember-cli
). - Clone the repo (
git clone [email protected]:deanmarano/ember-chi.git
). - Install dependencies (
cd ember-chi && npm install
). - Start the server (
ember serve
).