Mobile screen mockup prototype for iPhone and Android using KineticJS & jQuery UI
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
node_modules
public
routes
views
README.md
app.js
package.json

README.md

Simple Mobile Mockup

Mobile screen mockup prototype for iPhone and Android using KineticJS & jQuery UI.

Demo: http://ngo-hung.com/project/mobile_mockup

Users can drag shapes to HTML5 Canvas to build an appplication mockup screen.

The project makes use of the following components:

  • jQuery UI for drag/drop image widgets to HTML5 canvas
  • KineticJS (v3.9.4) for canvas drawing/images exporting
  • jQuery Hot Keys plugin to support keyboard events such as arrow keys, Delete
  • Color Picker plugin to select color
  • Tiny Scrollbar plugin to add vertical scrollbar support
  • Images taken from Graffletopia iPhone sets

To run:

  1. Install node.js
  2. Type

node app.js

and open http://localhost:3000