32750c5121
At least for the mockups I've chosen to use jQuery's animate function for this functionality instead of css3 transitions. The reason is that I have to compute widths with js, and the whole click event and class addition/removal is handled there.
Ultimate Hacking Keyboard - Agent mockups
Contains HTML, CSS and JS source of the Agent mockups.
They serve a double purpose:
- easy and flexible usage of the actual Bootstrap components
- test some basic interaction patterns by clicking around the main UI elements.
See it!
Try it!
If you want to see it on your screen follow this guide:
Clone this repository
git clone git@github.com:UltimateHackingKeyboard/agent-mockup.git
cd agent-mockup
Install bower
npm install -g bower
Get libraries used by the project
bower install
Additional information
In the repository you find a gulpfile.js for running browsersync, which speeds up our prototyping process. If you want to use it just run npm install in the project directory, then you can fire it up with gulp serve.