El uso de tablas comparativas es muy útil para cuando tenemos que mostrar una serie de productos o servicios similares y remarcar las características que tiene cada uno. Los estilos con los que podemos jugar son muchos y basta un poco de imaginación para ver como expresamos esta comparación.

Compare Ninja es un sitio que nos ayudará con la tarea de crear este tipo de tablas en forma gratuita, en donde luego de registrarnos seguiremos los siguientes pasos:

• Detalles básicos. Le daremos nombre a la tabla y especificaremos cuantas columnas y líneas tendrá inicialmente (luego se puede editar). También podremos elegir el ancho de la tabla en pixeles o porcentaje.
• Estilo de la tabla. A continuación elegiremos un estilo de los 10 que ofrece el sitio. Claro que luego podremos modificar desde el código los colores y detalles que querramos, pero aquí le damos los lineamientos generales.
• Edición de la tabla. Ya en este paso nos muestra la tabla, por lo que nos queda editar los items de las líneas y las columnas y modificar los iconos de cada campo comparativo. También nos permitirá agregar una imagen referencias a cada columna.
• Código. Una vez finalizada la edición, podemos hacernos con el código en HTML o en HTML y CSS por separado.

Elace | Compare Ninja

Una de las preocupaciones para todo aquel que diseña para la web es el peso de las imágenes. Por un lado intentamos reducir el el mismo para lograr una carga rápida del sitio y por el otro, para reducir el consumo de ancho de banda del alojamiento del sitio.

Sin dudas Photoshop es una gran herramienta para optimizar imágenes mediante su opción de “Guardar para la web”, pero si deseamos optimizar un poco mas las imágenes, nada mejor que utilizar JPEGmini, una aplicación online que nos permite reducir hasta un 80% el peso de nuestras imágenes.

La utilización es simple, basta con subir nuestra imagen para que luego haga el proceso y nos muestre con barras el peso original y el optimizado por JPEGmini.

Enlace | JPEGmini
Vía | Zarqun

Mobilizer es una simple herramienta desarrollada en AIR que nos permitirá chequear nuestro sitio en 4 dispositivos móviles para simular como se verá realmente en ellos.

El programa permite seleccionar cuatro de los smartphones mas utilizados de momento:

• iPhone 4
• HTC Evo
• Blackberry Storm
• Palm Pre

A continuación les dejo un video que si bien creo algo innecesario por la simplicidad en su uso, no viene mal para complementar la info.

Teniendo en cuenta el avance de los smartphones y la interacción que tienen los mismos con internet, siempre es bueno preparar nuestro sitio para que se vea correctamente en estos medios.

 Enlace | Mobilizer

TrakQR es un gestor online de código QR, el cual ultimamente es tan utilizado tanto en web como en gráfica que tienta incluirlo en nuestros diseños.

En verdad aún no ha alcanzado el auge que puede llegar a tener por su practicidad (por lo menos no por aquí) pero TrakQR le otorga un valor diferencial permitiendo “rastrear” vía email la lectura del código.

Si bien el sitio se encuentra en beta cerrada se puede solicitar una invitación para probar el servicio, y una vez con nuestra cuenta creada, podremos crear y administrar diferentes tipos de códigos QR, tales como:

• Sitio web.
• Tweets.
• Solicitud de envío de SMS.
• Email.
• Abrir un mapa.
• Detalles de contacto.

El administrador contiene estadísticas y el código puede descargarse en varios formatos (PNG, EPS, PDF, SVG) y resoluciones.

Enlace | TrakQR

Adobe AIR (Adobe Integrated Runtime) abrió la puerta a un sinfín de aplicaciones de escritorio combinando Flash, Flex, HTML y Ajax, muchas de ellas dedicadas a diseñadores y desarrolladores web.

En Ginva proponen un listado de 40 aplicaciones AIR, una mas interesante que la otra, ideal para los curiosos (como yo) que gustan de ver y probar cosas nuevas.

El listado cuenta con aplicaciones tales como:

• Paletas de colores,
• Herramientas de medición,
• Editores de imágenes,
• Creadores de efectos para fotografías (Ej.: TiltShift)
• Generador de iconos,
• Editores de gráficos 3D,
• Administradores FTP de archivos,
• etc.

Para instalar las aplicaciones necesitarán tener previamente instalado AIR en su PC, lo cual pueden hacerlo desde aquí.

Enlace | 40 Adobe AIR Applications for Web Developers and Designers