As developers we’re relying on web development tools more than ever before. And the more we depend on them the smarter and more effective they’re becoming.
A large chunk of tools we depend on are browser extensions. And with an endless array of them to choose from, (Google Chrome has over 50K), are you finding the best ones out there?
Of course, we all know and use a handful of the most popular extensions available but there are many that you’re probably not aware of and really should be using to boost your web development skills and lighten your coding load.
Below are 6 browser extensions you probably haven’t come across and must make room for in your web development toolkit:
1. JSON view
We all know how frustrating it is to have to download JSON files in order to view them. With the JSONView extension you can view a JSON file in your browser without having to download it.
The document is formatted, highlighted, plus arrays and objects can be collapsed. So, even if the JSON document contains errors, JSONView will still show the raw text.
Once you’ve got JSONView installed, check out http://jsonview.com/example.json to see the extension in action!
2. Live Reload
When it comes to other file changes (html, image, server-side script, etc) Live Reloader automatically reloads the page.
All files in ~/.js have jQuery 1.6 loaded, regardless of whether the site you’re hacking uses jQuery. And
~/.js/default.js is loaded on every request, meaning you can stick plugins or helper functions in it.
Get it: http://defunkt.io/dotjs/
A Chrome extension that lets you do CoffeeScript right from the console in Chrome’s Web Inspector.
Quickly browse through jQuery API documentation with autocomplete search.
A simple extension for jQuery developers that allows you to quickly search through API documentation.
Displays a short method description, a list of available parameters, and provides a direct link of this method on the jQuery site. All alternate signatures for the current method are also shown.
This Crossrider extension, developed by Dor Kalev, lets you see all the diffs for every commit on a single page.
Instead of having to spend time browsing through every commit to find out what the diffs are, you can now view them all on one page.
If you know of an awesome extension that you think we should have added, let us know in the comments below.