Archive for the ‘CSS’ Category

Para considerar trabajar las imagenes «responsive» en el diseño

lunes, junio 17th, 2013

Actualmente el diseño responsive es parte de lo que hay que tener en cuenta al momento de crear un sitio web, recordemos que el diseño responsive es aquel diseño que se adapta al dispositivo, por lo cual debne estar pensado en reponder a los distintos tamaños de pantalla pero tambien a sus distintas resoluciones.

Si bien es cierto muchos de los que hablan de diseño rersponsive hablan enfocados al CSS aqui hay alguien que en la practica calculo que podía haber un 72% de ahorro al gestionar las imagenes igualmente «responsive».

Aquí la referencia: Why We Need Responsive Images

Closure Compiler de Google para minimizar Javascript

miércoles, octubre 10th, 2012

Dentro de las herramientas utiles para webmasters o optimizadores de sitios web ed Closure Compiler de Goole, que tiene por onjetivo minimizar el Javascript, a parte de correjirlo orientadolo a las buenas prácticas de desarrollo. Es util como herramienta, y aun que ya había mostrado el YUI Compresor, que comprime tanto JS como CSS, Closure Compiler tiene un funcionalidad adicional interesante, la de fusionar dos archivos Javascript evitando la redundancia de codigo, lo que no deja de ser útil.

Luego de descargarlo, y asumiendo que tienes java 1.6 instalado al menos, debes ejecutarlo

c:\opt\java6\bin\java -jar C:\opt\googleClousureCompiler\compiler.jar --js=file.js --js_output_file=file_min.js

Entiendase aqui que tengo una forma de instalar todos los programas que ejecutaré a linea de mando, por eso ambos estan en c:\opt\…algo, además aquí establesco las rutas completas debido a que esta llamada al programa esta hecha en el mismo directorio en donde se encuentra el archivo origen.

Basicamente con esto obtienes un javascript minimizado. Un batch simple para realizar esta tarea sería

c:\opt\java6\bin\java -jar C:\opt\googleClousureCompiler\compiler.jar --js=%1.js --js_output_file=%1_min.js
ren %1.js %1.js.old
ren %1_min.js %1.js7

Y estando todo bien configurado en el PATH se debiese obtener un resultado optimo. Esta linea de comando, aparte de correr el script central, además corre el re nombramiento de archivos de forma que ademas queda todo respaldado con la opcion de vuelta atras.

Comprimir CSS o JS con YUI compressor

martes, octubre 2nd, 2012

YUI Compressor es una herramienta que se utiliza para minimizar los archivos CSS o javascript. Esto porque cuando se escriben estos archivos se utilizan muchos caracteres para que estos archivos visualmente para el desarrollador se vean bien, pero adicionandelos un montos de bytes que no cumplen n inguna función más que la de ocupar espacio.

Para esto (minimizar el tamaño de estos archivos sin restarle la funcionalidad), existen un para de herramientas, la que nos convoca es YUI Compressor, escrita en Java, minimiza cualquiera de estas extensiones (CSS o JS).

Puedes descargarlo aqui o utilizarla Online a través de esta página.

Así por ejemplo, comprimes algo asi

Y lo dejas asi, sin perder la consistencia del CSS