El blog del Staff/Stuff de Sync.es aportando nuestras ideas al mundo

Webstupideces.

Si amigos.

De vez en cuando los avances en el desarrollo de páginas , a lo que nos dedicamos algunos, llegan a producir pequeños monstruos. Cójase por ejemplo las nuevas (más o menos nuevas) tecnologías, ,  las nuevas API dedicadas al trabajo en paralelo y geolocazación, tan de moda en los dispositivos móviles, y las mejoras en hojas de estilo, , y los degradados, animaciones…

Cójase por ejemplo las transformaciones de CSS3 – Puedes escalar, trasladar y rotar cualquier contenido web.

No todos los navegadores son capaces de realizarlas, pero si los más modernos, e incluso algún pionero improbable (Lease Internet Explorer).

Para dar un ejemplo claro de ésto, sólo hay que añadir estas reglas en las hojas de estilo de tu próxima página web:

div {
 -webkit-transform: rotate(-180deg);
 -moz-transform: rotate(-180deg);
 -o-transform: rotate(-180deg);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
 }

Y así convertimos un soporífero artículo sobre internet, en algo imprevisto.

mayo 27, 2011   Sin comentarios

Rome – 3 Dreams of Black

“3 Dreams of Black” es una película interactiva de Chris Milk y algunos amigos de que muestra el potencial creativo de . es un contexto del elemento cambas en que permite usar gráficos en acelerados por hardware en un sin necesidad de ningún plugin. En otras palabras permite a tu mostrar bonitos efectos visuales. En este enlace puedes ver un visor de modelos 3D en WebGL de las criaturas utilizadas en “3 Dreams of Black”. Tambien podeis ver 8 creadas por el equipo de desarrollo de “3 Dreams of Black” y enlaces al codigo de los experimentos y algunos recursos utiles para empezar a programar con WebGL.

Por cierto que el experimento es el videoclip para el album de Danger Mouse y Daniele Luppi’s ROME, con colaboraciones de Jack White y Norah Jones.

mayo 13, 2011   Sin comentarios

Conductor

En mta.me, Conductor transforma el sistema de de en un de cuerda interactivo. Usando el horario actual del MTA, la pieza comienza dibujando en tiempo real los trenes que han salido en el ultimo minuto, después continua acelerando durante un ciclo de 24 horas. Los trazados están basados en el diagrama de 1972 de Massimo Vignelli.

La pieza sigue una serie de reglas. Cada minuto comprueba si hay nuevos trenes saliendo de las estaciones finales. El tren se mueve hasta el final de la linea con una velocidad calculada por la duración media del viaje en ese horario. Algunas decisiones tomadas tienen un propósito musical, estético y técnico, como desvanecer las rutas con el paso del tiempo y limitar el numero simultaneo de trenes mostrados.

mta.me esta realizado en /. Toma los datos usando el API publico del MTA, que proporciona esquemas detallados de los horarios de salida y llegada de los trenes. El diseño fue creado en Illustrator y exportado usando SVG a un objeto Canvas de HTML5.

marzo 13, 2011   Sin comentarios

HTML5 vs FLASH

Tras la polémica levantada por Apple al no permitir la ejecución de contenido Flash en sus dispositivos, iPad o iPhone, presentaron hace unos días varios ejemplos sobre las posibilidades que ofrecerá la próxima versión del estándar y que ya esta siendo implementada en los diferentes navegadores, principalmente y . Las demos de Apple solo funcionan en su , aunque se puede intentar ver en otros modificando el “User Agent“.

Por otro lado tenemos las demos presentadas por principalmente para mostrar el soporte de las nuevas propiedades HTML5 de su navegador e intentar que aumente el uso del “plug-in” Google Chrome Frame para Internet Explorer.

Personalmente creo que Adobe, añadirá la opción de exportar como html5 en lo antes posible para evitar que todo el contenido creado por sus clientes no se visualice en estas plataformas.

junio 28, 2010   Sin comentarios