Page Comparison

...

Overview of Steps

Part 1: Building InfusionPreparing

1. Prepare your workspace - know where your project is going to be. In this example we will be using Desktop/my-project/
2. Install node.js - this gives you access to npm which is a repository for Open Source projects and libraries. This is how we will get the latest UI Options.
3. Install grunt

Part 2: Getting and Building Infusion

1. Get Infusion via npm
2. Build Infusion using npm and grunt
3. Copy the built Infusion libraries to your project
4. Delete unneeded files

Part 23: Integrating UI Options into Your Project

1. Add the UIO HTML snippets to your project's HTML pages
2. Add the UIO Javascript snippets to your project's HTML pages
3. Tweaking your site's styling and structure to work with UI Options

...

Sample Mac OS Command Line:

mkdir ~/Desktop/my-project/temp
cd ~/Desktop/my-project/temp
sudo npm install -g grunt-cli
npm install infusion
cd node_modules/infusion/
npm install
grunt
cd products
unzip infusion-all-2.0.0.zip
mv infusion ~/Desktop/my-project/

...

You can now delete the directory "temp" contained inside your project directory. It's no longer needed.

Part 3: Integrating UI Options into Your Project

Now that Infusion has been built and copied into your project, you can now add UI Options into your project.