Web-based Tools

• Prototyping
  • Marvel
    Turn sketches, wireframes, PSDs and designs into interactive mobile and web prototypes in just a few clicks. All synced in real-time from Dropbox.
  • InVision
    A prototyping, collaboration & workflow platform
  • Atomic.io
    Design, prototyping and collaboration for pro designers. Almost the same as InVision above, but gives you the ability to build your prototype with web tools.
• Builder
  • Webflow
    Webflow is a website builder that automatically generates clean code as you design. You don’t have to rely on a developer to write code for you.

Frameworks

• ZURB Foundation
  • SASS/SCSS
    • Bourbon (for one-off/short-period projects)
    • Compass (for products/long-term projects)
• Twitter Bootstrap (LESS)

Utilities

• GUI Application for compilation of preprocess-frameworks:
  • Koala
  • CodeKit (OS X only)
• Bower (package manager)

Web Scaffolding Tool

• Yeoman
  • Yo (scaffold)
  • Gulp or Grunt (build system)
  • Bower (package manager)