Comprimir CSS

Herramientas para comprimir CSS y Javascript

Por Juan Diego Polo el 30/05/2010

Los que trabajamos con proyectos web tenemos que estar atentos al tiempo que tardan nuestras páginas en ser abiertas por los navegadores.

Una de las técnicas más usadas para reducir este tiempo es el reducir el tamaño de los archivos css y Javascript, existiendo varias herramientas que podemos utilizar (aunque también hay como hacerlo desde el htaccess). Aquí os dejo con una lista publicada hace unos meses en devcurry.com

JSMin – borra comentarios y espacios en blanco en los archivos JS.

JSO (JavaScript Optimizer) – Permite gestionar los archivos JS y CSS controlando la cantidad de datos transmitidos entre servidor y cliente.

Packer – Comprime JS desde la web.

JSCompress.com – Usa JSMin o Packer para reducir el tamaño de los ficheros

CSS Compressor – Comprime archivos CSS.

YUI Compressor – Herramienta de Yahoo que promete ser la más segura y eficiente de todas.

Usabilidad y como generar un articulo

Este review de usabilidad si bien está basado en el desarrollo de articulos usable para tutorial, es aplicable a textos como articulos en general.
Básicamente se trata de un compacto de recomendaciones las cuales pertenencen a diferentes blogs y textos, donde se extraen las mejores prácticas de estos sitios.

Realmente el texto es muy bueno, y apunta muy concretamente a la cuestión de fondo: "La USABILIDAD".
Quizás como el santo grial de la Web2.0 hacia la Web3.0 hoy en día esta característica no debería ser lo menos al momento de redactar un texto, ya sea el texto de un Blog propio, o de un diario digital.
Las consideraciones que se debe tener en cuenta son:

1. Introducción sólida
   
2. Previsualización Clara
3. Enlaces para "Demo" y "Videos" visibles
4. Demostración del Producto final de alta Calidad
5. Tipografía limpia y clara
6. Ejemplos de códigos simple y claros
7. Ayuda visual efectiva

1. Introducción Sólida

Como premisa hay que considerar que los usuarios comienzan a escanear ni bien ellos ingresan al articulo. Esto es crucial al momento de presentar un texto y su información, ya el texto que ellos buscan debe estar claramente visible. Aveces juega un papel importante incluir un recuadro con una breve descripción del texto, la dificultad que presentará y el tiempo estimado que llevara leerlo.

El sitio Vector Tuts o Perishable Press hicieron un buen trabajo, generando un

Fuentes sobre usadas

Vamos a ver un ranking de las fuentes mas usadas y lo que nos dicen... (las fuentes al usarlas)

No se deberian (al menos si te consideras de alguna manera creativo) emplear de manera indiscriminadas, ya sea por su constitución o por el sobreempleo de las mismas en diferentes soportes.

1. COMIC SANS — No me tomes en serio, por favor!

La unica rason por la que fue creada (por Vicent Connare) fue para reemplazar el uso de la Times New Roman en un software de Microsoft:  Microsoft Bob. Se supone que esta no debería ser empleada en otros lugares al menos que sean comics o burbujas de conversacion. No se emplearia nunca en documentos oficiales, ya que su apariencia es cercana a la escritura de los chicos. Sin embrago, Apple, le gusto mucho su estilo, y optó por incluir un clon de la version.

Las 10 personas mas creativas del 2010

Este ranking presentado por Fastcompany.com, donde en realidad se seleccionan los 100 creativos mas importantes del año, y son personas vinculadas a diferentes areas. Más que interesante los primeros puestos, pues aqui los tienen:

1 Lady Gaga Pop Artist

2 Eddy Cue -

VP of Internet Services, Apple

Bicentenario y Mapping en BsAs

La celebración del Bicentenario de Argentina se ha convertido en algo más que un evento, con multitud de propuestas interesante para poder ver y participar. Una de ellas fueron las macro proyecciones en edificios emblemáticos argentinos.
Esta practica de convertir elementos estáticos como los edificios en construcciones dinámicas ya sorprendió a Monkeyzen en su día en el Hotel Edison de Miami Beach y la propuesta del colectivo YesYesNo en Auckand. Ahora, para conmemorar los 200 años de Argentina han querido vestir el Gran Hotel Provincial en Mar del Plata, el Teatro Colón y el Cabildo.
Este tipo de proyecciones se suele llamar mapeo audiovisual de superficies o arquitectura aumentada y se está convirtiendo en una especie de must have en los eventos que organiza una ciudad para algún tipo de celebración y consiste en crear y proyectar animaciones audiovisuales a través de imágenes de alta definición sobre construcciones y fachadas de edificios.
Estas animaciones suelen tener una narrativa, un hilo argumental que deja al espectador con la boca abierta no sólo por la historia, sino también por el tipo de proeza tecnológica que supone estas mega proyecciones.

Fuente

Google y su nuevo Chrome 5 version final

Estamos revisando la nueva version de Google Chrome 5, la cual se ve prometedora.


Si consideramos que sería la primera version (fuera de las betas) estable para las plataformas Linux y Mac, podemos decir que es algo más que importante, ya que al contar con una version final, estamos seguro que es utilizable para trabajo en producción.


Desde Google se promete que el mismo posee velocidad, sencillez (esto lo puedo asegurar con las versiones anteriores, es muy minimalista), seguridad (segun lo que he visto en varios posts lo es mas que firefox, version a confirmar), y con muchas mas funciones (la verdad que seria importante incorporar mas herramientas para desarrolladores).

Ni bien tenga una revisión del mismo, volcaré la impresion.

Visita el sitio de Google-Chrome