5 tools every web developer should be using

July 10, 2015

Developers, please raise your hand if you think that the website development process could be more streamlined. Building a website is a complex and difficult task, and it's hard as a developer to break old habits and test out new tools.

The Prototype developer team put together a list of the tools they swear by when it comes to web development. Can you spot any of your preferences?

1. Web Essentials from Visual Studio

Category:  Visual Studio ExtensionPrice: FreeOS: OS X, Windows, Linux

Get it here

Mohammed, our Interactive Producer couldn't express enough how important Web Essentials is to the web development tool kit. This must-have extension has many useful features for most developers, specifically if you write CSS, HTML, JavaScript, Markdown, CoffeeScript, LESS, Sass, Grunt, Gulp, npm and Bower. Recent updates to the plugin mean it no longer contains features for bundling and minifying JavaScript, CSS and HTML however they now have their own extensions (Bundler & Minifier and Web Compiler) to improve the features of this plugin.

2. Balsamiq

Category: WireframingPrice: $89 per license with a free 30-day-trialOS: OS X, Windows

Get it here

The Balsamiq wireframing tool is a firm favourite in the web developer community. It as many drag-and-drop features and each is in the style of a hand drawing. This format keeps the mock-ups sketch-like and rough to convey that the wireframe is still in progress. The hope is to encourage as much feedback from the client as possible. The simplicity of Balsamiq means that it is not designed to show interactions, but just an image of the interface and it has conquered the creation of a simple, static wireframe.

3. Sublime Text

Category: Text EditorPrice: Free to download and evaluate, $70 for a personal licenseOS: OS X, Windows, Linux

Get it here

Khodor, our Lead Web Developer uses Sublime Text Editor as his main development text editor. It is not a full fetched integrated development environment (IDE), but its a powerful text editor with blazing speed.There's nothing you can do in regular IDEs that you can't do with Sublime plugins. In addition the extensive list of plugins and the incredible community support makes it a "swiss knife" of web development.

4. Appspector

Category: Developer ToolsPrice: FreeOS: Google Chrome Extension on all operating systems

This extension reveals technologies in use in an application both server and client side. It doesn't always reveal everything about a site but for most it will reveal the server technology such as PHP .NET and Javascript. It also reveals client side technologies such as Google Tag Manager and popular CMS's such as Wordpress.

5. Adobe Edge Inspect

Category: Platform TestingPrice: Free for one device monthly subscription of $9.99 for unlimited devicesOS: OS X Windows

Get it here

This tool is a cross browser-testing tool for developers looking to target mobile browsers (which should be most developers by now). The tool wirelessly connects multiple iOS and Android devices to your computer so you can view real-time results from changes to HTML CSS and Javascript.

Do you have a web developer tool that you can't live without? Let us know below so we can feature them in our next blog post!

'

Written by
Alexander Rauser
Alexander Rauser

CEO

Alexander Rauser is the author of Boardroom Guide to Digital Accountability and Digital Strategy: A Guide to Digital Business Transformation, and creator of the DSX Program, a digital strategy and transformation program for Enterprises.

Related Articles

Subscribe to our blog

Subscribe to our blog to receive relevant news and tips about digital transformation, app development, website development, UX, and UI design. Promise we won't spam you.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.