Al diseñar una web y establecer los tamaños  de la fuente que utilizamos en la hoja de estilos, tenemos las opciones de utilizar puntos, pixeles, porcentajes y ems. Esto depende del gusto del diseñador web, pero a veces nos acostumbramos a usar solo un tipo de medida, que cuando usamos otro batallamos un poquito mas. Para familiarizarnos con las diferentes medidas, hoy les dejamos una tabla de equivalencias que puede ser muy útil para aprender.

FuenteApproximate conversion – pixels to points

Esta tabla solo da un aproximado, muchas veces el tamaño varia dependiendo del tipo de fuente que se utiliza.

Introducción

Una de las cosas que hacen batallar y perder algo de tiempo a todos los diseñadores web “buenos“, es el optimizar un sitio web para que se visualice perfectamente en la mayor cantidad de navegadores posibles (los mas populares por lo menos), incluso en navegadores muy viejos y descontinuados, caso IE6. ¿Pero porque tomarlos en cuenta si son viejos? La respuesta es simple, “CLIENTES“, si en tu web ofreces un servicio a tus visitantes por el cual ellos han llegado a tu página a través de un buscador(yahoo,google,bing, etc. ) es porque llegaron buscando algo que esta en tu web y están interesados en lo que tu les puedes ofrecer, o sea que no es un visitante común, si no que puede ser un posible cliente, GRANDE o Pequeño, pero puede ser un cliente. A este posible cliente no lo puedes recibir con una web que no se vea bien, por lo tanto debes tomarlo en cuenta también.

Para solucionar esto varios diseñadores web instalan algunos de los navegadores mas populares para hacer vistas previas de como va quedando sus diseño, pero ohh problema!! Puedes tener varios navegadores instalados en tu pc, pero no puedes tener varias versiones de ellos. Algunos diseñadores tienen maquinas con otro sistema operativo para hacer pruebas, otros instalan maquinas virtuales e instalan IE6, IE7 y así, cosa que solo hace batallar mas.

Bueno, despues de la breve introducción les presentamos 2 sitios con los  cuales se evitaran instalar distintas maquinas virtuales, utilizar varias computadoras para hacer vistas previas etc.

El primer sitio se llama Adobe BrowserLab, esta pagina nos permite  visualizar nuestro sitio en los navegadores mas populares como Safari,Firefox,IE6,7 y 8. Es muy rápido el proceso pero tiene la desventaja que solo lo hace en navegadores instalados en Windows XP y OS, otra desventaja es que solo nos muestra un máximo de 2 vistas previas en la pantalla(Gratuito, solo hay que registrarse).

El segundo sitio y mas completo se llama browsershots.org, este sin duda es el mejor de los dos ya que no solo prueba tu web en los navegadores mas populares, si no que lo hace en navegadores populares en todas sus versiones en distintos sistemas operativos como Linux, Mac OS, Windows y BSD.
Ventajas:

• Prueba tu sitio en muchísimos navegadores al mismo tiempo, incluso en navegadores que no sabíamos que exisitian.
• Cuenta con mas de 60 navegadores para verificar tu sitio.
• Hace una captura de pantalla de como se ve tu web en cada navegador.
• Permite descargar una imagen de la vista previa de tu sitio en varios navegadores en zip.
• Es gratuito.
• No necesitas registrarse para utilizarlo

Estos son algunos navegadores que soporta este sitio.

Al que quiera comenzar un día de forma alegre o terminarlo igual lo invito a ver la siguiente animación de Kristofer Strom (: Hace tiempo me pasaron el vídeo y ahora que lo vuelvo a ver sigue sorprendiéndome.

Strom es un artista sueco que se desenvuelve en disciplinas como el diseño, la animación y la música. Ha realizado comerciales para televisión y las críticas que ha recibido han sido totalmente positivas. Entre sus actividades se encuentra el desarrollo de música bajo el nombre de Ljubilden & Piloten.

Dejo aquí el link a su blog el cual contiene información y vídeos de trabajos recientes.

Dirección, animación y diseño de personajes: Kristofer Ström
Edición: Erik Buchholtz
Producción: Bart Yates y Nicholas Wakeham
Studio: varelsen.com / ljudbilden.com
Música: Minilogue.com
Track: Animals
Compañía: Cocoon.ne

Click para ver el vídeo

Jaime Caliri es un gran director que se ha dado a conocer por sus comerciales para televisión y vídeos de música. Actualmente trabaja para DUCK Studios (Los Ángeles, CA) que se dedica a la producción de cortometrajes, vídeos, contenido web y comerciales.

Entre sus trabajos mas aplaudidos se encuentran el comercial para United Airlines y la secuencia para la película “Una Serie de Eventos Desafortunados” del director Brad Silberling. En estos dos trabajos se puede osbervar como él y su equipo utilizan la animación 2D y 3D al igual que la ilustración digital y la tradicional. Lo que hace su trabajo perfecto es el hecho de que la mayoría de las imágenes mostradas son creadas a mano, tanto los personajes como los sets. Jaime Caliri ha mencionado que todo lo realiza desde la visión de un niño y creo que estas dos producciones lo muestran claramente.

Este post está hecho para mostrar su trabajo más reciente; la secuencia para la serie “United States of Tara” (escrita por Diablo Cody). Esta secuencia simula un libro pop-up donde se muestran las distintas personalidades del personaje principal. En lo personal me gustó bastante (:

Para el que esté interesado dejo un link a su página que contiene información y stills de sus animaciones y videos.

Click para ver el vídeo

Si eres una de las personas que usa o quiere aprender a utilizar Adobe Photoshop, en TutorialMagazine.com han publicado una lista de los mejores 60 tutoriales para photoshop del mes de Marzo. Los puedes ver de forma totalmente gratuita y puedes utilizarlos para aprender técnicas de ilustración, fotomontaje, diseño web, efectos en textos, como utilizar broushes entre otros.

Vía: 60 best photoshop tutorials of march 2009