¿Necesitas Maquetar o Diseñar una web? ... Consulta nuestra sección Maquetación Freelance o solicita presupuesto a elmaquetadorweb@gmail.com

20.5.15

Ordenar y Comprimir CSS, HTML, Javascript, jQuery, JSON, Perl, PHP, Python, Ruby, Sql y XML

Cuando programamos es muy importante tener nuestro código bien ordenado. A continuación os vamos a mostrar como hacerlo desde diferentes programas.

- Dreamweaver > Comandos > Aplicar formato de origen (configuración en Edición > Preferencias > Formato de código > Formato avanzado > CSS).

- Visual Studio > Editar > Dar Formato al documento (configuración en Herramientas > Opciones > Editor de texto > CSS > Opciones avanzadas).

- Eclipse > Source > Format (Control + Shift + F).

- SublimeText > Edit > Line > Reindent.

También existen webs que nos permiten ordenar nuestro código y comprimirlo como:

CleanCSS ordena y comprime CSS, HTML, Javascript, JSON, Perl, PHP, Python, Ruby, Sql y XML.
JSBeautifier da formato a archivos JavaScript o HTML

Existen otras alternativas para comprimir CSS  como CSS Compressor CSS Minifier y Styleneat.

Por último si lo que queremos hacer es ver descomprimido un archivo minificado podemos usar Chrome y su Developer Tools > Pestaña Sources > Icono Pretty Print (Resaltado en rojo en la imagen de abajo).





1 comentario:

  1. Una buena forma de limpiar el código JavaScript para producción es con jspreproc.

    http://amarcruz.github.io/jspreproc

    ResponderEliminar