Prototype

https://www.invisionapp.com/
http://go.sitepoint.com/t/ViewEmail/y/7B55AD5FF2136DC9/A7927A91B0818E604936C359EC0425C0
https://marvelapp.com/
http://designmodo.com/prototyping-browser/
http://www.sitepoint.com/less-painful-prototyping-tips/
http://www.sitepoint.com/invision-marvel-justinmind-prototyping-tools-compared/
http://www.sitepoint.com/prototyping-appseed
http://www.sitepoint.com/app-prototyping-getting-started-facebook-origami/

http://www.sitepoint.com/build-a-terrific-prototypes-with-origami/
http://blog.bitovi.com/combining-documentation-with-prototypes-6/ - Axure

https://www.sitepoint.com/ratchets-push-js-prototyping-mobile-apps-multiple-screens/
https://www.sitepoint.com/prototype-mobile-apps-easily-ratchet/

Front-end developers and designers can possibly use JSFiddle to do front-end prototyping and coding using mocked JSON. You can share the URL with your team. JSFiddle may not be the right tool for the job, but you never know. Axure seems to be getting popular. If we are using ExtJS, we should use ExtJS Designer (the code generated should be directly usable in your final product deployment)

http://proto.io
https://sway.com/
http://www.makeuseof.com/tag/create-cloud-based-presentations-microsofts-powerpoint-destroyer-sway/
https://www.youtube.com/watch?v=5NckxvjOnr0 - Wakanda

http://webix.com/
https://wiki.servoy.com/display/public/DOCS/Intro+to+Servoy+Developer+Environment

JSFiddle:
http://jsfiddle.net/
http://doc.jsfiddle.net/basic/introduction.html
http://doc.jsfiddle.net/
http://blog.jsfiddle.net/

http://pencil.evolus.vn/
https://www.lucidchart.com/pages/examples/wireframe_software
https://wireframe.cc/
https://mockflow.com/
https://www.gliffy.com/
http://www.foreui.com/

JSBIN:
http://jsbin.com/
http://coding.smashingmagazine.com/2012/07/23/js-bin-built-for-sharing-education-and-real-time/

https://proto.io/
http://balsamiq.com/
https://moqups.com/
http://www.hotgloo.com/

http://readwrite.com/2014/05/27/wix-diy-website-building#awesm=~oFD7pirvXjTPj9
http://www.sitepoint.com/ratchets-push-js-prototyping-mobile-apps-multiple-screens
http://www.sitepoint.com/google-web-designer-production-ready-tool-toy

http://framerjs.com/
http://dancounsell.com/articles/prototyping-with-facebooks-origami
http://design-tool.herokuapp.com/
http://www.google.com/webdesigner/

http://www.sitepoint.com/advanced-web-design-without-code-webydo
Justinmind
InVision App
Axure
http://niceux.com/toolbox/
http://fireapp.handlino.com/

http://www.sitepoint.com/web-prototyping-for-touch-gestures/
http://www.alistapart.com/articles/dive-into-responsive-prototyping-with-foundation/
http://fireworks.smashingmagazine.com/2012/07/03/interactive-prototypes-timesavers-adobe-fireworks/
http://www.webdesignerdepot.com/2012/05/review-justinmind-prototyper-faster-simpler-prototyping/
http://fireworks.smashingmagazine.com/2012/06/25/create-interactive-prototypes-with-adobe-fireworks/
http://www.webdesignerdepot.com/2012/03/15-dummy-text-generators-you-should-know/
http://blog.handcraft.com/2010/07/how-37signals-does-html-prototyping/

Draft (an iPad application for HTML prototyping):
http://www.youtube.com/watch?v=NKXrbaK4yx0
http://news.ycombinator.com/item?id=1456367
http://www.macworld.com/article/1152324/draft_ipad.html
http://productblogarchive.37signals.com/products/draft/
http://37signals.com/svn/posts/2420-launch-draft-for-ipad

What is Pixate?

Pixate is an online tool designed to reduce the gap between designers and developers who work together on a same application project. Pixate gives you the ability to create complex UI animations and interactions for iOS and Android without writing a line of code.

To make an element interactive, you only need to choose the gesture you prefer from a panel and drop this on the element. Pixate provides seven default interactions/gesture: drag, tap, double tap, long press, rotate, pinch and scroll. You can then bind an animation to each interaction.

Another important feature of Pixate is the familiar use of layers which are extremely useful in managing different shapes and elements.

For me, what distinguishes Pixate from other similar tools is the simplicity of use: every aspect of the app can be quickly understood even by a non-experienced designer. Moreover, on the official site, you can find several video tutorials, some demos and a useful user guide which explains all the functions of the app.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License