The Internet is not only a place where you can learn how to program. There are many useful online tools that can help the developer at different stages of the project and thus save a little time.
The author of the article, the translation of which we are publishing today, selected 9 such tools.
1. Can I Use
If you have ever wondered if any API (
localStorage , for example) is compatible with a certain browser, this means that the
Can I Use site is useful to you. It contains constantly updated information about which technologies support desktop and mobile browsers.
Testing localStorage support for various browsers2. Unminify
The
unminify.com resource is a free online tool for demining (unpacking, deobfuscating) JavaScript, CSS, and HTML code. It allows you to turn a minified code into a readable code. This is one of the most widely used resources for making code readable.
Want to figure out someone’s indented code or examine the contents of a file whose code is a single unreadable line? In order to do all this, just insert the code into the appropriate field on the Unminify resource. This will allow you to literally see right there what used to look incomprehensible, in a form convenient for perception.
Unminify.com resource3. Compressor
Image file sizes are what can make a significant contribution when loading web pages.
Compressor.io is a resource that aims to reduce the size of images while maintaining their quality. This site does an excellent job. As a result, there are almost no external differences between the original and compressed images.
Resource compressor.io4. Cloudcraft
The
Cloudcraft project helps design cloud systems and calculate the cost of cloud services. Its convenient interface allows you to create volumetric schemes by manipulating objects that are cloud infrastructure services (so far, however, only the
AWS platform is supported). In addition, it allows you to calculate the cost of using cloud architectures designed with its help.
Planning for cloud architecture using AWS5. Repl.it
On
repl.it, you can find a great online IDE. Perhaps - just the one you have been looking for. Here, in just a couple of seconds, you can access a development environment designed for almost any programming language or technology stack.
This project supports all modern programming languages. Among them are Python,
Kotlin ,
Ruby , JavaScript. Here you can install additional libraries or packages and use them directly, without having to download them to the local machine.
The resource allows you to share links to the working environment containing the code of a project.
Express application development in Node.js environment6. RequestBin
The
RequestBin project gives the developer access to HTTP endpoints that can collect all requests sent to them. This allows you to analyze such requests, check them and the data transferred to them.
These features can be very useful in cases, for example, when you need to debug Webhook requests from various sites, in situations where the structure of such requests and the features of the data available in them are not known in advance.
Data received by the endpoint in the POST request7. Web Code
Web Code is one of the best existing code generators. It allows you to automatically create code for a wide variety of needs, simply by setting the requirements for this code.
This tool can be very useful for web developers who are not particularly familiar with some aspects of HTML and CSS.
Generating CSS code that allows you to customize the borders of an element in different ways8. BundlePhobia
Since the advent of modern front-end frameworks, developers have been striving to reduce the size of their application bundles as much as possible and thus reduce the loading time for users of their projects.
The
BundlePhobia resource
is designed to help developers analyze how an npm package can increase the build size of an application.
You can download the
package.json file to this site and get a summary of the packages used in the project. Here you can find out the details about a separate package.
Figure out pdfmake library size9. Fingerprint.js
These days you won’t be surprised that collecting unique browser identifiers through a website is not an easy task.
To simplify the solution to this problem, you can use the wonderful
fingerprint.js library. It helps to generate special browser identifiers without using cookies, or such data that can be easily affected by dishonest users. It allows you to quickly collect detailed browser information that can be used either in its original form or by creating a hash based on them that allows you to identify a unique user.
This library allows you to create something like an analogue of the identifier of a mobile device UUID. You can use it through the CDN, and installing it as an npm package.
Retrieving user information from a browserDear readers! What tools to increase the productivity of a web developer would you add to this list?
