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

0
(0)

Publicado

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.
Embellecer código html, css o javascript para entenderlo mejor 2
¿hay algo que podamos hacer para leer estas páginas web de un modo más amigable?

Embellecedores de código

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.

Veamos un ejemplo

El siguiente ejemplo de un documento html
Embellecer código html, css o javascript para entenderlo mejor 3
Se transforma a (se muestra únicamente un fragmento)
Embellecer código html, css o javascript para entenderlo mejor 4
¡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!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *