colorate

El 11 de Marzo del 2010 se llevó a cabo en Barcelona la segunda edición de los Fiasco Awards. Como habéis podido comprobar en la imagen, el ganador ha sido nada mas y nada menos que la tablet de Apple, iPad.

Era de esperar ya que después de que Steve Jobs finalizara la presentación, bloguers y usuarios consumidores de productos Apple quedaron muy descontentos con la falta de algunas características del “aparato” como USB,  ausencia de FLASH, apariencia, precio, etc …

¿Cómo funciona Fiasco Awards?

Las candidaturas de productos, servicios, etc .. para Fiasco Awards son presentadas por cualquier usuario mediante un formulario y debe cumplir unas premisas. Para la nominación, Un jurado , constituido por los miembros del FAT (Fiasco Awards Team) y el FAN (Fiasco Awards Networkers) nominará un conjunto de candidaturas finalistas a partir de las que hayan superado la fase de validación.

A partir de aquí cualquier persona podrá realizar una única votación según unos criterios:

• Credibilidad del fiasco
• Impacto del fiasco
• Originalidad del fiasco
• Simplicidad del fiasco
• Vigencia y actualidad del fiasco

Una vez sabidos los resultados, se hace una fiesta de entrega de premios el 11 de marzo que este año se celebró en la Sala Tiffany’s (Calle Villarroel, 206) de Barcelona, a las 19:45 horas.

Ahora que va a dar comienzo en los Estados Unidos la preventa del iPad es una noticia que puede quitarle la idea de comprárselo a más de uno.

Compártelo

Flash está dando mucho que hablar por sus problemas con la seguridad, por la entrada de HTML5, y creo que cada vez más irá desapareciendo.

Ya han salido estadísticas en cuanto a las diferencias entre uno y otro como la que hizo Appleweblog.

Debido a la falta de seguridad en flash y a la popularidad y uso de lenguajes como Ajax, salen a la luz proyectos muy logrados y sobre todo beneficiosos tanto para los desarrolladores como para los usuarios.

Spritely es un simple plugin jQuery que contiene únicamente 2 métodos: sprite() y pan().

Estos métodos se encargan simplemente de animar la propiedad css background-image de un elemento. En ambos casos puedes usar archivos de imagenes PNG o usar Gifs transparentes para IE6 que seguro te dará menos problemas.

Antes de explicar como usarlo, sería bueno que le echarais un vistazo a estos estupendos ejemplos:

Empieza a utilizar Spritely

Para usar este plugin lo primero que tenemos que hacer es Descargar Spritely.

Creamos las imagenes que serán los frames. En el ejemplo que podemos ver en la misma web, lo hacen con 3 imágenes de un pajaro que corresponderán a 3 frames

Creamos un div llamado "bird" que le daremos el tamaño exacto al de la imagen (180x180 en este caso), y definimos los frames por segundo ('fps') y 'no_of_frames' que en nuestro ejemplo será 3:

Ahora vamos a definir la atracción de las imágenes cuando haces clic con el ratón en la pantalla:

Método Active(): Con este método el sprite comenzará cuando hagamos clic en él.

Método $('body').flyToTap(): Este método sirve para que cuando alejes el ratón de la imagen, ésta vuelva sóla a su ubicación. Después de unos segundos (en caso de que el método de movimiento aleatorio haya sido aplicado, se moverá de nuevo.

Para aplicar el sprite aleatorio, dentro de las limitaciones de pixels, usar el siguiente código:

Animar el fondo

Si queires darle animación al fondo para que se vaya desplazando continuamente hacia la izquierda, debemos tener priemro una imagen a la que aplicarselo, en el ejemplo de la demo se ha usado la siguiente:

Una vez tenemos la imagen, debemos crear una capa div con un tamaño más chico que la imagen y usar css para aplicarle el fondo, asegurándonos de poner la imagen con repeat-x.

Lo conseguimos con el siguiente código:

Puedes especificar la velocidad (speed, píxeles por frames). Y para poner una capa por encima de otra (el fondo por debajo de los pájaros) puedes ajustarlo con la propiedad 'z-index' de css.

A ver si poco a poco podemos desprendernos de Flash. Por ejemplo donde trabajo esta desactivado al igual que en el iphone tampoco se puede visualizar lo que este con Flash. ASi que ..

Viva HTML5 y los nuevos proyectos que no dependan de Flash!!!.

Compártelo

Estaba buscando hoy algo curioso para compartirlo con vosotros y "Voila", me he topado en Wwwhat's New con esta curiosa herramienta.

Voice Draw es una herramienta Flash para dibujar con tu voz. La traza va cambiando de dirección dependiendo del volumen del sonido que vuestro micrófono capte.

Hay gente con paciencia y creatividad para dar y regalar, y "para muestra un botón" o mejor dicho unos botones:

Estos dibudjos han sido creados con Voice Draw, auténticas obras de arte si tenemos en cuenta la manera en que se han hecho.

En un principio esto parece una tontería, pero es una idea que puede hacer avanzar en muchos aspectos como para gente discapacitada por ejemplo.

Vía: Wwwhat's New

Compártelo

Si estás buscando una aplicación iPhone para controlar tu ordenador Mac o Windows, este post te interesa.

Team Viewer es una aplicación con la que podrás manejar tu computadora a través del iPhone sin ningún problema vía WIFI. Para disfrutar de estas funciones, sigue estos pasos:

• Descarga Team Viewer para el iPhone
• Ir a la web oficial de Team Viewer y descargar la apliación para instalar en tu ordenador
• Instala la aplicación en tu iPhone
• Instala la aplicación en tu ordenador y ábrela. Te dará un código y una contraseña.
• Introduce el código y la contraseña en tu iPhone y en unos instantenes tendrás control sobre tu Mac/Windows

Una aplicación que estoy seguro a los "iphoneros" les encantará.

Vía: Appleweblog

Compártelo

Excelente recopilación por parte de PsdTuts donde nos muestran 50 estupendos tutoriales de Photoshop para principiantes que a muchos de nosotros nos irá bien ver/recordar:

Manipulando un avión con Photoshop

Efecto Alegre en textos con Photoshop

Poster antiguo con Photoshop

10 pasos para crear efectos de luz

Transformar en 3D un cubo a todo color con Photoshop

Crear una carta vintage de los 50 en Photosohop

Texto cosido en Photoshop

Efecto 3D en Photoshop

Estos y hasta 50 tutoriales puedes verlos en la recopilación que ha publicado PsdTuts, en el siguiente enlace:

Compártelo