Another 10 Killer Tools For The Kick-Ass Web Developer

Following on from our previous popular article on 15 awesome tools for web developers, here another list of 10 tools for the kick-ass web developer.  This week we have a wide range of apps, tools and resources to make your development projects run smoother. From debugging to Bootstraps and some essential SEO reminders, this week’s list is a broad mix of tools that will come in handy throughout your web and app projects.

Everything in this list is either free or comes with a free option, while some of them you simply need to bookmark for later reference. You’ll find some of my favourite tools and resources in this article – a few of which I couldn’t do without – and a number that I hear too many good things about to ignore. All this plus a couple of essential resources I think any web developer needs in their collection.

Remote Debugging With Google Chrome DevTools

screencast

With Google Chrome DevTools you can hook up Android devices to your development machine for a powerhouse of remote debugging features direct to your mobile device.

Apiary

Screenshot 2014-09-22 at 15.53.35

Apiary is a killer tool for the whole design and development team that automatically builds interactive documentation for API designs to make the development stage easier.

Annyang

Screenshot 2014-09-22 at 15.53.20

Annyang brings the power of voice commands to your development projects in this teeny javascript library that won’t slow down performance.

Userium’s Usability Checklist

Screenshot 2014-09-22 at 15.53.03

Not so much a tool, but a resource in the shape of an interactive checklist for you to comb through your projects and check for usability issues.

Google PageSpeed Tools

Screenshot 2014-09-22 at 15.52.44

Web users are all speed freaks and Google’s PageSpeed Tools are here to help you analyse and optimise your sites to keep up with the pace.

BugHerd

Screenshot 2014-09-22 at 15.52.26

BugHerd is a bug tracker built by web developers that makes collecting feedback from non-tech users a breeze – a great tool for picking up everyday user issues the developer might miss.

Moz’s SEO Cheat Sheet 2.0 For Web Developers

Screenshot 2014-09-22 at 15.52.05

Another resource rather than tool, but the SEO Cheat Sheet For Web Developers by Moz is an invaluable reference throughout your projects to ensure your code keeps search engines happy.

Bootply

bootstrap

If you and your team are into Bootstrap then this is another great tool for designers and developers alike, with drag and drop as well as custom code features.

The Weekly Subscriptions

css-weekly

If you want to keep up with the latest developments in code then a good list of regular reading material is a must have. HTML5 Weekly, CSS Weekly, JavaScript Weekly and Node Weekly are a great place to start for regular, up-to-date material.

Net2ftp

net2ftp

If you want to edit your projects on the move, but don’t have access to an FTP client, give net2ftp a try. It’s an in browser FTP platform that lets you login, upload and edit web files.

Any Recommendations?

If you have any killer tools you think should make it on to our lists, get in touch and you could even see it in our next article. All credit will go to you of course!