Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

a yeoman generator for the 'chaos' flex / flash to HTML5 boilerplate

branch: master
README.md

generator-chaos Build Status

NPM

alt tag

Maintainer: Barry Morwood

Chaos is a boilerplate used to generate HTML5 interactive standalone web applications.

Chaos is based on the 'carngorhm' design pattern used to create flash / flex style web applications. If in another life you were a Flex / Flash developer and want a familiar developing landscape or you are looking for portable web application, you are in the right place.

http://en.wikipedia.org/wiki/Cairngorm_%28Flex_framework%29

Included right out of the box.

  • built in localization using http://i18next.com.
  • code documentation using http://yui.github.io/yuidoc/.
  • pre-loader.
  • grunt build tasks.
  • basic web application scaffolding.
  • simple setup to integrate into any web page.
  • works on all modern browsers; I still need to check older versions of IE.

grunt tasks

build and open application

$ grunt

create documentation

$ grunt yuidoc

samples - coming soon!

Usage

Install yeoman using NPM.

$ npm install -g yo

Install: npm install -g generator-chaos

Make a new directory and cd into it:

mkdir my-new-project && cd $_

Run yo chaos

yo chaos

chaos will ask for a namespace, enter your namespace and hit enter.

Options

  • --skip-install

    Skips the automatic execution of bower and npm after scaffolding has finished.

Generators

Available generators:

  • command
  • controller
  • event
  • initializer
  • model
  • proxy
  • service
  • singleton
  • view model
  • view
  • less
yo chaos:entity [object name]

this is a multiple choice selector, you can also use the 'All' to generate all entities. choose from the available list items, you can select any combination you want.

Typical workflow

yo chaos # generates your application base and build workflow
[enter namespace]
yo chaos:entity blog
[choose view & view model]
grunt

NOTE: Do not put beginning or trailing slashes on the directory structure!

License

MIT License

CCS updates

why css background imgs over img tags

Something went wrong with that request. Please try again.