Maintaining a well-formatted code, with comments, identation and separating as much as possible each web language are good practices to facilitate the maintenance of a website or web application.
Whether it is a code that we made a long time ago or even worse, someone else’s code, it can become a real headache to format the code to better understand its logic. The good news is that there are tools to organize the code of the main web languages:
HTML
HTML Tidy is an online version of the Tidy library, which formats code from direct HTML code or a URL. In addition to organizing the code, it also makes some optimizations such as grouping div’s, unifying classes and separating CSS from HTML.
Go to HTML Tidy
CSS
From the CSStidy library, at the time I assembled CSS Óptimo for personal use, but after giving it a design touch and translating it to Spanish, I think it can be a useful tool for everyone. It has the option to format the CSS code according to a selected degree of optimization.
Very useful to format CSS, but even more, to optimize it and reduce the weight of a stylesheet by more than 30%.
Go to CSS Optimum
PHP
PHP Formatter is a tool that from a PHP file generates an organized and formatted code, it even encodes the images so that they do not make a request to the server and the server load is reduced.
Go to Beautify PHP
Javascript
For Javascript, beautifier.io is an excellent choice.
Go to Beatifier.io
Photo by kroshka__nastya.
