Web Development Tools

This toolkit is intended as a library and resource for designers and frontend developers, but it's important to first understand how the overall development environment works to best leverage the appropriate tool.

A/B Testing Software:

A/B testing (also known as split testing) is a simple process to test two versions of a page to determine which is more successful and to help businesses ensure that every change produces positive results.

Development Tools:
Heat Map Software:

Heatmap software reports how your visitors click, scroll and engage with your website so you can boost your conversion rates.

Image Compression Tools:
Interactive Mockup Tools:
Page Weight Assessment Tools:
Performance Optimizing Documentation:

Several ways to decrease page load:

  • File concatenation
  • Minify JS and CSS
  • CDN Hosted technology
  • Caching
  • Make as few HTTP requests as possible
  • Optimizing images
  • Use Sprites
  • Progessive JPGs
  • Use CSS3 to mimick imagery
  • Put JavaScript at the bottom
Usability Testing Software:
Web Accessibility Evaluation Tools:
JSFiddle Code Snippets: