Developer Tools to Increase Your Productivity
9 tools that’ll make your life easier
The internet is not just here to help you learn how to code, there are a lot of useful online tools that can help you during various stages of development and save you precious time spent on each task.
Here’s a list of online tools that can come in handy for any developer out there (sorted in no particular order).
1. Can I Use
If you’ve ever wondered about browser compatibility for any web APIs (e.g.: local storage), Can I use is the place to go. It offers updated support tables to determine the support of APIs for desktop and mobile browsers.
Finding it hard to read someone’s code with no indentation or a file that contains only one line of unreadable code? Just copy-paste your code to Unminify and make it readable in less than a second.
Image sizes can be a major factor that determines the load time of your website.
Compressor.io is an online tool for reducing the size of your images without losing image quality. The tool is so good that there is almost no difference before and after compression of the image.
It has a budget tab, which will give you a breakdown of your costs for the current architecture.
Repl.it is the perfect online IDE that you have been looking for, all those years. You can boot any programming environment for your favorite language or tech stack in less than two seconds.
You can share your code directly by sharing the repl.it link and also embed a
repl.it for your users to interact with the code.
RequestBin gives you an instant HTTP endpoint that will collect all the requests sent so that you can interpret them easily to check and validate data.
It can be really useful when you have to debug webhook requests from various websites and you don’t know the exact structure or type of data that you might receive.
7. Web Code
Web Code is one of the best code generators out there. You can generate code for various basic and advanced needs by just entering your requirements.
This is very useful for web developers who are not familiar with playing around with HTML and CSS.
Ever since modern front-end frameworks have come into the picture, people have wanted to keep their bundle size as low as possible to reduce page load time for users.
BundlePhobia helps you analyze how much size an
npm package can add to your project.
You can upload your
package.json file directly to the website to get an analysis of all the packages in the project or search for individual package details.
Been there, done that. Getting a list of unique identifiers from browsers through a website is no easy task.
It’s the closest replacement to device UUID on a mobile devic, that you can get for your web project. You can use it over CDN or install it using the