Tinyfier: compresor CSS y Javascript

Uno de los controles más usados en el desarrollo de animaciones Flash es el que muestra el porcentaje de carga de un elemento. Si queremos desarrollarlo mediante CSS nos puede venir muy bien este ejemplo.

Usando este código HTML:

<div id="box">
<div id="bar">50%</div>
</div>

y estos estilos:

#box{
width:250px;
border:1px solid #000;
height:17px;
}
#bar{
width:50%;
background:#000 /* u otro background */;
height:14px;
color:#fff;
text-align:right;
padding:3px 0px 0px 0px;
}

podemos obtener ejemplos de progreso. Eso sí, esto luego habrá que cambiarlo mediante Javascript para que sea dinámico.

CSS Percentage Bars

Vía / Posh CSS

A la hora de crear nuestras hojas de estilos, podemos crear ficheros css que no sean del todo óptimos, ocupando más espacio de lo debido, entre otras cosas. Por ello CSS Clean nos ayuda a optimizar nuestros css de forma rápida y sencilla.
Basado en CSSTidy, existen varios niveles de compresión, permitiendo desde hacer el css algo ilegible, pero menos extenso, hasta una compresión personalizada, la cual permite quitar los últimos punto y comas, dejar los comentarios, eliminar las propiedades que no sean válidas para una versión de CSS.
Una aplicación que nos puede ser de mucha ayuda y que facilmente puede conseguir un ratio de compresión del 20%.
CleanCSS
Vía / dzone