Embellecer código html, css o javascript para entenderlo mejor

Cuando miras el código fuente de páginas web en internet es habitual que sean ilegibles.

Cuando te pilla de nuevo sueles pensar que se debe tratar de un error.

Luego descubres que es una práctica habitual para reducir el peso de los documentos web y así optimizar su carga.

¿hay algo que podamos hacer para leer estas páginas web de un modo más amigable?

Los embellecedores de código son programas capaces de comprimir un documento .css, .html o .js. O de hacer el paso contrario.

En internet podemos encontrar muchas páginas que ofrecen este servicio a cambio de mostrarte publicidad.

Veamos algunos de los que a mi me gustan:

• http://minifycode.com/. Me gusta por su sencillez. Su punto débil es que no tiene certificado SSL.
• https://codebeautify.org/. Tantas opciones asustan. La parte buena es que no te faltará ninguna. Es útil para muchos más lenguajes de programación e incluso para texto plano.
• https://ctrlq.org/beautifier/ . Es estrictamente un embellecedor. No comprime código. Me gusta por su sencillez y limpieza. Es fácil de usar y para tabular código de los 3 el que más me gusta.

El siguiente ejemplo de un documento html

Se transforma a (se muestra únicamente un fragmento)

¡Hola!

Querido lector,

¡Ya no hay excusa para leer cualquier código web!

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!