Geniales Cinemagraphs de películas famosas

Para los que no lo saben, un Cinemagraph es una imagen animada, básicamente un gif pero tiene como factor diferenciador que solo se anima una parte de la imagen, no en su totalidad, con esta idea, es posible crear Cinemagraphs de escenas con efectos espectaculares, al animar solo una parte de la escena y dejar el resto detenido.

El usuario rocksox de imgur ha creado 40 geniales imágenes Cinemagraph de algunas de las películas más famosas de la historia, a continuación les presento algunas de ellas, ¿Pueden adivinar el nombre de todas las películas? ¡ Inténtalo! :


Iron Man

Sin City

The Matrix

Dredd

Marie Antoinette

My Neighbor Totoro

The Avengers

Die Hard

The Professional

10 Things I Hate About You

Inglourious Basterds

 

La galería completa en Imgur

 

Primera propuesta de matrimonio con Google Glass

Google Glass es una pequeña computadora que se lleva como ropa u accesorio en nuestro cuerpo, específicamente en nuestro ojo derecho y con la cual podemos tomar fotografías, vídeos, enviar emails y recibir todo tipo de información directamente en nuestra vista con tan solo algunos comando de voz.

Siguiendo esta idea, el geek Breon Nagy utilizó las Google Glass para pedirte matrimonio a su novia en un castillo luego de llevar consigo el anillo por dos días.

No les diré si acepto o no, vean el vídeo y descubran una de las tantas posibilidades de Google Glass.

Increíble experiencia musical en tu navegador

5-29-2013 5-07-04 PM

HTML5 y JavaScript están llevando la web a nuevo niveles de experiencias dinámicas, inmersivas y muy divertidas, ya es normal ver vídeos musicales sincronizados con movimientos de las ventanas del navegador y otras experiencias que combinan colores, formas y figuras con música estimulante.

Lights creado por Ellie Goulding, es una completa experiencia musical, llena de colores llamativos, esferas de colores estimulantes que explotan en miles de colores cuando se «tocan» con el mouse, se trata de una viaje donde puedes controlar la dirección de un cometa (?) mientras viaja a través de una superficie en 3D llena de partículas coloridas con las cuales puedes interactuar, todo esto acompañado de una música muy estimulante que hace de la experiencia una de las mejores que se han hecho hablando en términos de interacción.

5-29-2013 5-07-18 PM

5-29-2013 5-07-40 PM

Lights


Así se crearon los efectos especiales de Iron Man 3

La reciente entrega de Iron Man tuvo excelente efectos especiales que a muchos nos impresiono, efectos que hacen de la película una de las mejores del año para algunos, mientra que para otros ha sido la peor de todas, bueno, no a todos nos tiene que gustar lo mismo, aún así no se puede negar el gran trabajo hecho por los artistas visuales en Iron Man 3, en los siguientes vídeos se puede apreciar todo el trabajo realizado en 3 escenas diferentes de la película, trabajo realizado por la compañías de efectos especiales Digital Domain y Method Studios:

También asombra la gran capacidad computacional que tienen estos estudios para generar las escenas y los gráficos finales de las escenas de la película.

Utiliza Google Chrome para tomar notas

Hay infinidad de programas para tomar notas, escribir cualquier tipo de texto con imágenes o lo que necesites pero a veces solo necesitamos escribir algo sencillo, sin ningún tipo de formato especial, solo texto plano y llano, para esto puedes hacer uso de Google Chrome, pero no hay necesidad de instalar extensión alguna u otra aplicación, solo hace falta escribir la siguiente línea de texto en la barra de direcciones y presionar Enter.

data:text/html, <html contenteditable>

Al ingresar te darás cuenta como toda la pantalla de Chrome se convierte en un sencillísimo editor de texto, que es todo lo que necesites, para escribir alguna nota o idea que se te haya ocurrido y no debes dejar escapar.

Si te parece demasiado sencillo, puedes utilizar algunos de los siguiente códigos que agregan un poco de estilo y formato al editor dentro de Google Chrome :

data:text/html, <textarea style="font-size: 1.5em; width: 100%; height: 100%; border: none; outline: none" autofocus />

data:text/html, <body contenteditable style="font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;">

data:text/html, <title>Text Editor</title><body contenteditable style="font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;">

data:text/html;charset=utf-8, <html contenteditable>

data:text/html;charset=utf-8, <title>TextEditor</title><body contenteditable style="font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;" spellcheck="false">

data:text/html;charset=utf-8, <title>TextEditor</title><body contenteditable style="font-size:2rem;font-family:monaco;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;" spellcheck="false"><h1>Editor</h1><p>Empieza acá.

data:text/html, <style>html,body{margin: 0; padding: 0;}</style><textarea style="font-size: 1.5em; line-height: 1.5em; background: %23000; color: %23EEE; width: 100%; height: 100%; border: none; outline: none; margin: 0; padding: 90px;" autofocus placeholder="Empieza a escribir" />

data:text/html,<pre onkeyup="(function(d,t){d[t]('iframe')[0].contentDocument.body.innerHTML = d[t]('pre')[0].textContent;})(document,'getElementsByTagName')" style="width:100%;height:48%;white-space:pre-wrap;overflow:auto;" contenteditable></pre><iframe style="width:100%;height:48%">

Lo olvides guardar la página editor a los marcadores para no tener que escribirlo de nuevo.

Vía: Vagabundia

Impresionante espirógrafo creado con Canvas

Muchos de nosotros jugamos de niños con un espirógrafo, si no lo recuerdas es ese juguete con círculos grandes y otros pequeños con engranajes entre ellos para rotar, con el podías crear todo tipo de figuras únicas con formas y patrones extraños pero divertidos.

El desarrollador web Mark Kahn ha creado su propio espirógrafo web utilizando el elemento Canvas de HTML5, en el se puede cambiar la velocidad y el tamaño de los seis círculos que lo componen, con cada mínimo cambio que hagas de inmediato se verá reflejado el cambio en la figura que genera, a continuación les dejo algunos ejemplos que hice mientras probaba el espirógrafo:

5-21-2013 7-55-49 AM

5-26-2013 8-46-38 PM

5-21-2013 8-02-34 AM

 

Spirograh with Canvas

Los mejores cosplays, trajes y maquillajes

En las series de televisión, películas de Hollywood y en el Anime existen personajes increíbles, con detalles, formas, figuras y características espectaculares que solo hace posible su existencia en el mundo ficticio que interpretan, pero algunas personas del mundo real les ha encantado tanto el vestido de algunos personajes que se dan a la tarea de volverlos realidad.

Estas personas han creado trajes y vestidos tan magníficos que son una fiel copia del personajes original, con todas sus detalles tan difíciles de imitar e incluso simulan sus características y comportamientos al pie de la letra.

A continuación les presento una galería con excelente ejemplos de los mejores cosplays, trajes e imitaciones de los personajes:

3fn0kDR 4n3C00V 8jmah0N CKOhxaf CtB2nHr ImTmOoG jv1KLoj Oa2WbbUh yBLwBFQ ZMSfweL

Pueden ver la galería completa en imgur

Hoy se celebra el Día de Internet

Día de Internet

Hoy día 17 de mayo se celebra el Día de Internet, un evento que está presente tanto en España como en países de América tales como por ejemplo México, Perú, Argentina, Colombia y un largo etcétera. El objetivo de esta celebración es reivindicar la función de las nuevas tecnologías como un medio para mejorar el nivel de vida de los ciudadanos. Aprovechando este día tan especial… ¿por qué no recordar algunos de los datos más curiosos relacionados con Internet?

¿Sabías que… la primera webcam de la historia apareció en el año 1991? Unos estudiantes de informática estaban cansados de recorrerse media Universidad para encontrarse con que la cafetera estaba vacía, así que idearon un sistema a través del cual pudieran visualizar a través de una cámara la cantidad de café que quedaba en la cafetera para saber si les merecía la pena pegarse el viaje hasta esa sala. La calidad de la imagen de esta webcam era de 129 x 129  píxeles.

¿Sabías que… la primera URL no apareció hasta el año 1991? El responsable fue el CERN, y a día de hoy aún es posible consultar esa dirección siguiendo este enlace: http://info.cern.ch/hypertext/WWW/TheProject.html . Hasta hace algunas semanas esta dirección redirigía a la página de inicio del CERN, pero aprovechando el Día de Internet los responsables de la página han optado por dejarla tal y como se fundó en el año 1991.

¿Sabías que… el primer mensaje que se mandó por Internet se envió en el año 1969? Dicho mensaje contenía el siguiente mensaje: «lo». El autor del mensaje fue Charley Kline, un estudiante de informática que pretendía escribir el comando de «login» pero que debido al pésimo sistema informático de esos tiempos solamente pudo mandar el mensaje de «lo». Una hora más tarde, tras recuperar el sistema, consiguió mandar su mensaje completo.

Vía |ITEspresso.es

Descubre las paletas de color de tus películas favoritas

Roxy Radulescu es un diseñador gráfico profesional que se le ocurrió la brillante idea de obtener las paletas de colores de las películas más populares o famosas de todos los tiempos, la idea se le ocurrió mientras veía Skyfall, primero empezó como un proyecto personal de sus películas favoritas pero luego decidió extenderlo y crear un blog para compartir su afición.

Las paletas de colores las obtiene con Photoshop para mantener el trabajo organizado, inicialmente empieza con un conjunto de colores simples y empieza extenderla a partir de estos, para seleccionar la imagen, primero hace un trabajo de investigación buscando una buena imagen que ofrezca colores únicos.

Una colección imperdible si estás buscando un color relacionado con tu película favorita.

tumblr_mlqu6e5MVe1s6aghro1_1280 tumblr_mm3whwDg2U1s6aghro1_1280 tumblr_mm3wmtvT8C1s6aghro1_1280 tumblr_mlczwzIAtC1s6aghro1_1280 tumblr_mlp2fzZTlO1s6aghro1_1280 tumblr_mlp2lwCM6k1s6aghro1_1280 tumblr_mlczcaPKmU1s6aghro1_1280

Vía: Son Cosas Mías!

Movies In Color

Explora visualmente las conexiones entre las subcomunidades de Reddit

El eslogan de reddit dicta «The front page of the Internet» y es la perfecta descripción de lo que hace el sitio web, donde miles de usuarios publican millones de enlaces que son votados por otros usuarios haciendo que sean más destacados que otros.

En reddit además existen subcomunidades llamadas subreddits donde se publican enlaces con temas muy específicos como Programación orientada a objetos, política, anime, política o cualquiera que quieras.

Cada uno de estos subreddits están comunicados o enlazados con otras subcomunidades, pero aquella conexión no es fácilmente visible dentro del sitio web, el usuario  sharkbait784 preguntó si existía una herramienta que analizará los enlaces entre las diferentes comunidades del sitio web, la respuesta que obtuvo fue negativa así que decidió crear su propia visualización de la red dando como resultado una visualización increíble que se asemeja a un organismo viviente.

Subreddit connections es el nombre de la visualización, la cual es completamente ampliable, se puede mover con total libertad y además se puede buscar cualquier comunidad en ella, así como abrirla cuando haces click sobre el nodo que la representa.

5-14-2013 7-58-05 PM
Vista general de Reddit
5-14-2013 7-59-05 PM
Acercamiento al centro de Reddit
5-14-2013 8-02-46 PM
Más subreddits en las fueras del centro de Reddit

Subreddit connections

Vía: Mashable