13e477d03c
If UI is loaded on a smaller screen, the svg will be cut in half as the height of the image will be smaller then the height of the svg. There could be other solutions for this, but this was the quickest, and it's sufficient for the purpose of the mockup.
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.