Como descomprimir archivos CSS

Autor: Daniel M. Maldonado
Descripcion: La idea es descomprimir un archivo CSS de tal manera que sea posible visualizarlo mucho más prolijo

Instrucciones Primero se recomienda descargar el css como este ejemplo

$ wget http://www.ellibertario.com/wp-content/w3tc/min/9a6f1138.444a95.css

Posteriormente hacemos uso del siguiente comando

$ cat 9a6f1138.444a95.css | sed -e 's/}/}\n\n/g' | less 

La idea general es reemplazar los caracteres “}” que sabemos que cierran bloques de definición en los css por uno o dos simples saltos de líneas “}\n\n” Para generar un archivo nuevo solo quedaría redireccionar la salida a un nuevo archivo css y comenzar a leerlo y ver cada detalle del archivo.

$ cat 9a6f1138.444a95.css | sed -e 's/}/}\n\n/g' > nuevo.css

Correo: dmaldonado@elcodigok
Twitter: @elcodigok

Leer más...

Como descomprimir un archivo CSS Versión [mejorada]

Autor: Daniel M. Maldonado 
Descripcion: La idea es descomprimir un archivo CSS de tal manera que sea posible visualizarlo mucho más prolijo 

 Version Anterior

Del mismo modo que el anterio primero procedemos a bajarlo.

$ wget http://www.ellibertario.com/wp-content/w3tc/min/9a6f1138.444a95.css

Posteriormente hacemos uso del siguiente comando

$ cat 9a6f1138.444a95.css | sed -e 's/}/\n}\n\n/g' | sed -e 's/{/{\n\t/g' | sed -e 's/;/;\n\t/g' | less

Ahora nuevamente envés de paginarlo en la salida estandar lo redireccionamos a un nuevo archivo.

$ cat 9a6f1138.444a95.css | sed -e 's/}/\n}\n\n/g' | sed -e 's/{/{\n\t/g' | sed -e 's/;/;\n\t/g' > estilo_nuevo.css

Correo: dmaldonado@elcodigok
 Twitter: @elcodigok

Leer más...