We've put together some of the latest trending web applications, IDE's, web design and development resources, along with some other cool goodies on top.

To make sure your productivity is at its highest, it's always great to take some time to look into the latest available tools that could potentially save you copious amounts of time and effort. So lets begin.


Harpoon - Web Design Finance

Starting a new project or want to figure out how much money you need to make to stay profitable? Harpoon simplifies the entire process, providing you with the financial planning and advice to manage your income. Harpoon is still in development, but you can sign up and get the latest updates.


InstallRails - Web Design

Are you new to Ruby on Rails? InstallRails provides a step-by-step guide for installing Ruby on Rails. It explains all the tools and steps to get everything up and running in a basic and easy to understand way.


Hiro - Cloud Based Notepad

Hiro is an online notepad where you can store your ideas and notes throughout the day. Once you've got an account, it'll automatically resume where you left off, it securly syncs your notes across all your devices and best of all - it's free.

Google Web Designer

Google Web Designer

Google Web Designer is the newly released responsive HTML5 website builder from Google that we discussed a while ago, Adobe vs. Google - The Creative Cloud Contender. It lets you design a site in a friendly WYSIWYG environment, whilst giving you the choice to get stuck into the code, if that's what you'd prefer.


StackEdit - Markdown editor

StackEdit is a Markdown editor that lets you write and edit your Markdown files, as well as automatically saving and syncing them to the cloud on either a Google Drive or Dropbox account.


DiagnostiCSS - Web Design Inspector

DiagnostiCSS is the awesome tool that makes it easy for web designers to detect inaccessible or invalid HTML markup. It highlights inline styles, even attributes, invalid links, empty, deprecated elements, and much more.

You can use it alongside Ruby on Rails, as a HTML stylesheet and Sinatra. DiagnostiCSS can also be used as a bookmark widget, or, if you use Chrome, you can install the Chrome extension.

Font Combiner

Font Combiner - Custom Web Fonts

Font Combiner is a versatile web font creator and font improvement tool exposing advanced font features to the end user - kerning, subsetting, various hinting options and custom font glyph combinations.


Annyang - Web Speech Recognition

Annyang! is a small Javascript library that lets you take full control of voice commands on your website, allowing your visitors to control your site by just speaking. It currently has support for multiple languages, dependency free and is just 2kb in weight.


Flexbox - Hack-free CSS Code

Tired of hack-centric CSS code? Want to remove them annoying IE css-hacks, well now you can, by taking adavantage of Flexbox and its hack-free CSS solution. Flexbox provides mechanisms for transitions, animations, filters, better grids, responsive handling, and much more.

PHP Image Cache

PHP Image Cache

Image Cache is a lightweight PHP class that compresses, moves, and caches the image in the user's browser. Once your image has been cached, it will return the new source of the image in the image tag resulting in much improved loading times.

Make your Instagram beautiful. Preview your images before you post them ›