
Adobe AIR es un entorno multiplataforma que ofrece a los desarrolladores todo tipo de posibilidades para crear aplicaciones que se ejecuten sin importar el tipo de navegador y sistema operativo, combinando Flash, HTML y Javascript como si fueran una aplicación de escritorio.
En Vandelaydesign.com han recopilado una colección de 35 tutoriales de Adobe AIR orientados al diseño web con los que podremos aprender a programar y crear nuestras propias aplicaciones con Adobe AIR.
Si estas aprendiendo diseño web te recomendamos esta recopilación de 66 tutoriales gratuitos para aprender a diseñar tus propias paginas en photoshop, en algunos de ellos puedes aprender a maquetear estos diseños, pero en la gran mayoría solo te enseñan a crear tu theme o themplate de tu sitio utilizando muchas de las herramientas que nos ofrece photoshop. Todos están en ingles pero resulta fácil entenderlos ya que no solo explican con texto si no que también puedes encontrar imágenes con los pasos que debes seguir, así que si no sabes mucho ingles no será muy difícil entenderlos para crear tus propios pininos.
Un par de ejemplos de los resultados de estos tutoriales.
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.
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:
Estos son algunos navegadores que soporta este sitio.
