¿Que es Trendly?

Trendly es un producto de Sistemas de Smallthought, los responsables de una interesante base de datos llamada DabblePP. Utilizando la API de Google Analytics, han creado Trendly, una herramienta de monitoración al alcance de cualquiera, sin necesidad de registrarse. Cualquier usuario de Google Analytics puede autenticarse con Google y autorizar a Trendly para obtener sus datos y generar los informes. De momento, el servicio es gratuito.

¿Para que sirve Trendly?

A la hora de administrar una página web, es muy frecuente entre los webmasters realizar un seguimiento con Google Analytics. Pero eso significa malgastar mucho tiempo monitoreando el caudal de datos que nos proporciona, cuando realmente lo único que quieres saber es si han ocurrido cambios significativos y aumentar la velocidad de respuesta, sobre todo si estamos en una campaña de AdWords.

Trendly nos permite visualizar con mayor comodidad las tendencias de comportamiento de los usuarios que visitan nuestra página web, es decir, podemos ver una línea temporal de los cambios que han ocurrido e incluso mantiene un registro de los cambios importantes de forma clara.

En resumen, si Google Analytics realiza un seguimiento de tu sitio web. ¡Trendly hace un seguimiento de Google Analytics!

• No existen artículos relacionados.

Para todos aquellos que necesitéis ordenar, optimizar y limpiar hojas de estilo, os presento la herramienta on-line Clean CSS. ¡Creedme!, os puede facilitar mucho vuestro trabajo.

Antes de utilizar esta herramienta, vuestro código CSS tiene que estar bien formado. Esta herramienta no corrige fallos (no es un validador). Para aseguraros de que vuestro código es válido, utilizad el W3C Validator.

Clean CSS nos permitirá personalizar muchas opciones, entre ellas están: ordenar las propiedades, ordenar los selectores, comprimir colores, comprimir font-weight, mantener los comentarios, eliminar propiedades inválidas dependiendo de la versión de CSS, etc. Cabe destacar sobre todas ellas el aspecto final de nuestra hoja de estilos, es decir, el grado de compresión del archivo CSS, que dependerá (en gran medida) del aspecto/formato que tenga. Por ejemplo, no es lo mismo este aspecto compacto:

body,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}

que este otro, mucho mas claro y espaciado:

body,h1,h2,h3,h4,h5,h6
{
 margin:0;
 padding:0;
}
h1,h2,h3,h4,h5,h6
{
 font-size:100%;
 font-weight:400;
}

Aunque podemos escoger entre los siguientes aspectos/formatos predefinidos:

• Highest (no readability, smallest size)
• High (moderate readability, smaller size)
• Standard (balance between readability and size)
• Low (higher readability)
• Custom (enter below)

Como no acababa de gustarme ninguno, opte por personalizar uno propio que es bastante parecido a la opción Standard y que a continuación os dejo. Para utilizarlo debéis seleccionar la opción “custom” y pegarlo en el textarea posicionado arriba a la derecha :

<span class="at">|</span> <span class="format">{</span>
|<span class="selector">|</span> <span class="format">{</span>
|    <span class="property">|</span><span class="value">|</span><span class="format">;</span>
|<span class="format">}</span>|
|
<span class="format">}</span>
||</span> <span class="format">{</span>
|

Finalmente, una vez halláis optimizado vuestro código CSS, veréis los resultados que hablan por si solos.

[errores 136]
Input:67.981KB, Output:55.608KB
Compression Ratio:18.1% (-12333 Bytes)

¿Que os parece esta herramienta?, ¿Conoceis alguna mejor?

• No existen artículos relacionados.