IT:AD:Design:UX:Tools

* IT:AD:Balsamiq * https://github.com/evolus/pencil/ * IT:AD:Moqup * IT:AD:Mockingbird

* Invision

• Advantages:
  • Online:
  • Allows you to upload images and create click zones to navigate between images.
  • Images can be designed with other tools (eg: IT:AD:Balsamiq, etc.)
• Considerations:
  • requires a decent amount of work and planning before hand in order to get images ready to upload

Responsivepx offers a great way to check the status quo of your (responsive) web design.

Entering the url to your site – local or online – you can use the controls to adjust the width and height of your viewport to find exact breakpoint widths and use that information in your media queries. You can play with our responsive design here:

• http://responsivepx.com/
• http://ami.responsivedesign.is/

• http://speckyboy.com/2011/02/23/10-completely-free-wireframing-and-mockup-tools/