Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Interaction Framework
Branch: master
Pull request Compare This branch is 33 commits behind irinc:master.

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
_layouts
build
css
demo
documentation
downloads
images
intro
ixf
js
layout
test
.gitignore
LICENSE
NOTICE
README.md
_config.yml
index.html

README.md

Interaction Framework (IxF)

Version: 1.1.3

IxF is an open web framework used to quickly build out web application interfaces by having a good and consistent style, commonly used widgets, and an easy way to implement those widgets right out of the box. The goal of IxF is to make development and prototyping faster, to ensure best practices in UI design, and to ultimately make the user experience better.

Start Using IxF

Start using IxF in a project by downloading the KickStart.
Notice that the HTML tags have specific classes

Documentation & Demo

The IxF website uses IxF to demo and document the functionality.

Repo Organization

The build directory contains all of the source code and build script for IxF. All other directories and files (other than README.md, LICENSE, and NOTICE files) are for the website/demo.

Building IxF

  • Install Node.js.
  • Check out the master branch of IxF from github.
  • Look at build/build.js and make sure you understand what the build does. It concatenates the files (except jquery.js and jquery-ui.js) in build/scripts/lib into build/scripts/ixf-plugins.js. It compresses build/scripts/ixf-utilities.js and build/scripts/ixf-plugins.js into build/scripts/ixf-.min.js. It copies build/scripts/.js, build/scripts/3plib/jquery.min.js, build/styles/, and build/images/ to ixf/. It creates a downloads/ixf-kickstart.zip file containing build/kickstart/* and ixf/*.
  • If you are doing a new release, modify the versionNumber in build/build.js (line 8).
  • In a terminal or command prompt, cd to the build directory.
  • Run "node build.js".
  • Notice that the ixf directory is updated and the downloads/ixf-kickstart*.zip file has been generated.
  • Merge the changes in the ixf directory from the "master" branch to the "gh-pages" branch so that the website will use the latest build.

Running the IxF Website Locally

  • Install Jekkyl
  • In a terminal or command prompt, change to the directory where your IxF repo is installed.
  • Run "jekyll --server" command.
  • Open a browser window to http://localhost:4000

Updating Documentation

  • Commit changes to the "gh-pages" branch.
  • When a new version of IxF is released, update index.html, intro/changelog.html, and intro/kickstart.html.
  • Merge changes in the ixf directory from the "master" branch to the "gh-pages" branch.
Something went wrong with that request. Please try again.