LiveMockup jQuery Plugin

Hi to all, today I want to share with you a little yet useful jQuery Plugin I made to create dynamic wireframes and mockups online: LiveMockup!

DEMO       SOURCE

When you think about a UI you use to create some images that display UI components and how them reacts to User Interaction.

Each image contain at least one “virtual sensible area” that will be converted to a link, a button or something else DOM element to handle User Interaction.

This way you can tell your client “in fig.1 you can click on the first menu item, fig.2 display UI changes“.

LiveMockup can bring your wireframes to life by adding sensible area and define what image to display when clicking on it!

All things you need are:

• wireframe images
• basic HTML knowledge (UI, LI, IMG, I)
• jQuery and LiveMockup plugin

DEMO       SOURCE

Powered By DT Author Box

Written by MPeg

Hi, i’m Marco (aka MPeg) and i’m very appassionate in web interfaces developing. I like so much code style and optimization. I spoke PHP, Javascript, HTML5, CSS3 My best friends are CakePHP, CakePOWER, jQuery, LESS, TwitterBootstrap, Underscore, Backbone, Sencha Touch, jQueryUI, jQuery Mobile.

Author’s Website

Follow this author on Twitter