Paper.js es un framework gáfico vectorial opensource que corre sobre HTML5 canvas. Les dejo un ejemplito que me gustó

Te gusta alguna pelí de Tim Burton? mira este recopilatorio se pone la piel de gallina.

Te interesa hacer una página HTML5 pero no tenés tiempo/ganas de empezar de cero?? te dejo este template: HTML5 Admin

Las empresas se la juegan con el stop motion y vale la pena sino mirá

Llegaste hasta acá?? buee la cereza es una aplicación para comparar tu cara con la de un perro, lo mejorcito se llama Doggelganger

Uno de los ejemplos más claro para entender que es una API es el caso de los mapas incrustados. Cuantas páginas hay que tienen mapas con ciertas funcionalidades de Google Maps? Ese trozo de código embebido es la API que se comunica con el servidor de Google Maps para obtener los datos solicitados.

Les dejo las APIS de google, muchas útiles mostradas tipo tabla períodica.

Saliendo un poco de la programación Altos posters de películas  hechos por Matt Owen.

Como es la anatomía de una agencia? (clic en la imágen para agrandar)

Mira este slideshow llamado Supersized en JQUERY fullscreen muy copado

Por útlimo les dejo un videito re copado retro, vía.

Les traigo algunas cosas copadas para que vean y espero que les gusten!

Cinemetrics mide los datos visaules de las películas y revela características de los films creando una huella única de cada película. Me parece una idea buenisima y muy bien lograda.

Si les interesa ver más les dejo la web de Frederic Brodbeck

Jason Dean hace estos afiches representando el día y noche: vía

Lights otra maravilla hecha en WEBGL interactivo

Una movida retro de FOX

Ya te pudriste de confundirte con los textos en los captchas, probá el Animal Captcha

eso fue todo espero que les haya gustado y hasta la próxima

Chequeen esta herramienta JPEGmini muy piola para bajar el tamaño de las imagenes

Algunas cosas que trae Flash Player 11 y Air3, igualmente apoyo la movida de HTML5 canvas hay que aplicar un dicho que dice “se usa la mejor herramienta para cada necesidad”

Para los que les interesen una infografía de consumo de medios

Que color elejir, que significa cada color, que emociones representa? web

Increíbles los laburos de Rob Sato

Un viejo arbol

Slider de linea de tiempo con JQUERY acá. Si lo hubiera conocido antes del final de comunicaciones me salvaba

Y para terminar, dibujos en espirales, como hace?

Faber Castell from eric yeo on Vimeo.

Conectar los puntos, visto acá

Retratos hechos con piezas de rompe-cabezas, visto acá

Pintando sin pincel

Bola de Rayos hecha con WEBGL

WebGL es una especificación estándar que está siendo desarrollada actualmente para desplegar gráficos en 3D en navegadores web. El WebGL permite activar gráficos en 3D acelerados por hardware en páginas web, sin la necesidad de plug-ins en cualquier plataforma que soporte OpenGL 2.0 u OpenGL ES 2.0. Técnicamente es un enlace (binding) para javascript para usar la implementación nativa de OpenGL ES 2.0, que será incorporada en los navegadores. WebGL es manejado por el consorcio de tecnología Khronos Group sin ánimo de lucro.

Antes de seguir mirá este ejemplo espectacular para ver como es:

: web :

Una de las cosas que se puede ver es que se necesitan dos cosas para que funcione bien

1) Buena placa de video para simular el canvas en el navegador.

2) Buena conexión a Internet.

WebGL también es usado por gigantes de la tecnología como Google, en su caso desarrollo Google Body en esta plataforma.

En otras palabras Webgl sería llevar los juegos modernos al navegador con la posibilidad de interactuar con la web lo que no es poco, las posibilidades son infinitas, sin embargo hoy resulta costoso conseguir gente que pueda programar en Java a este nivel sin que te saque la cabeza, pero es interesante ver para que lado va la tecnología web.

Espero que les haya gustado,

Si quieren saber más:

• Web de webgl
• Si te interesa aprender a usarlo
• Ver una agencia que lo usa para sus proyectos

Antes de irte mirá esta explosión!
 
 

Increíble composiciones hechas por Alex Lewis que montan personajes de juegos en escenarios reales. Lo ví acá

acá otra web se te interesó la onda 8-bits

Esculturas hechas con papel fundido. El artista se llama Allen Eckman

Vía

Esta movida se llama Brandversation muy piola.  Vía

Un timelapse de ilustradora de dinosaurios, muy bueno

Home Sweet Brachiosaurus Timelapse from Shyama Golden on Vimeo.

Por último dejo lo mejor y más divertido, LÍMITES!

espero que les haya gustado! COMENTEN

¿Cansado de pelear con el código cada vez que creas una página web? Adobe Systems acaba de publicar la versión beta de Muse, un software que permitirá a los diseñadores gráficos idear sitios web con calidad HTML profesional sin necesidad de escribir código o de trabajar sobre plantillas restrictivas.

Construido sobre la plataforma AIR, Muse aprovecha los últimos estándares HTML 5 y CSS 3 para potenciar la libertad creativa. Además incorpora fragmentos de código a partir de fuentes como Google Maps, YouTube y Facebook.

El nuevo programa de Adobe contiene mapas de sitio, páginas maestras yuna gran cantidad de herramientas flexibles, que vuelven la tarea de planificación más rápida e intuitiva: widgets de “arrastrar y soltar” como menús de navegación o elementos interactivos personalizables como presentaciones de diapositivas, tooltips y rollovers, por ejemplo.

“La capacidad de crear sitios web tan fácilmente como trazar una página en InDesign era una de las peticiones más populares de nuestros clientes de diseño”, comenta Lea Hickman, vicepresidenta de diseño y gestión de productos web de Adobe.

Esto simplificará el proceso para quienes dejan sus bocetos en manos de programadores. “Lo que estamos viendo es que las herramientas actuales para crear experiencias digitales requieren que los diseñadores aprendan código. Y la mayoría de ellos o bien no quiere, o no les interesa, o lo han aprendido pero simplemente no es lo suyo”, añade Jane Brady, directora de marketing de la suite creativa de Adobe. “Lo que nos pedían era ser capaces de crear un sitio web u otro tipo de contenido digital con la misma facilidad de trabajar que en Illustrator o Photoshop”.

Además, Muse permite fabricar sitios de prueba hosteados por Adobe donde realizar revisiones y que luego pueden ser enviados a los clientes. También pueden exportarse por FTP a otros proveedores de hosting alternativos.

Para obtener más información sobre Muse, basta con ir a la web oficial del proyecto y descargar la versión beta (en inglés solamente) de manera gratuita, ver una galería de páginas web creadas con Muse o acceder a los tutoriales.

Fuente: http://goo.gl/Pbg4V

Donde reciclar?

Videito que me hizo reir mucho

Automatoon: Crear animaciones en html5

MOVE

MOVE from Rick Mereki on Vimeo.

Buen poster

Diseño Web en Argentina, imperdible nota si sos del palo del diseño.

y acá la segunda parte de la entrevista

El Ave Lira Soberbia, un ave que puede imitar cualquier sonido

Las mejores campañas del mundo de publicidad y marketing

Adobe no descuida los estándares; Adobe Edge es una nuevo herramienta interactiva de diseño que permite a los diseñadores animar contenido para la Web usando estándares como HTML5, Javascript y CSS3

Recientemente Adobe lanzó una versión beta del nuevo sitio, llamado theexpressiveweb.com. Este es un proyecto que hemos elaborado con la ayuda de Big Spaceship, con el objetivo de crear tanto un recurso como escaparate que pone de relieve algunas de las características más creativo y expresivo que se añade a la web hoy en día (ver Figura 1). Además de destacar y facilitar información sobre doce nuevas características de HTML5 CSS3, el mismo sitio hace un uso extensivo de las nuevas características tales como CSS3transiciones, transformaciones CSS3, almacenamiento web y mucho más para ofrecer un recurso atractivo visual para aprender más acerca de HTML5 y CSS3.

Aqui, algunos de los mejores ejemplos que hay en la web:

• CSS3 animation
• CSS3 gradients
• CSS3 media queries
• CSS3 shadows
• CSS3 transforms
• CSS3 transitions
• CSS3 web fonts
• HTML5 audio
• HTML5 canvas
• HTML5 forms
• HTML5 video
• Web storage