Imágenes

Crea fondos dinámicos según los colores de una imagen [jQuery]

por

jQuery Adaptivve Backgrounds

 

Adaptive Backgrounds es un plugin de jQuery que obtiene el color dominante de una imagen y la aplica como color de fondo a su elemento padre.

El plugin funciona con mínima configuración, solo basta tener el script de jQuery y después el script del plugin y establecer un atributo a todas las imágenes a las cuales desees extraerle el color dominante.

Atributo en las imágenes

img alt="" src="/image.jpg" data-adaptive-background="1"

(no puse los delimitadores porque WordPress interpreta la etiqueta ;) )

 

jQuery

$(document).ready(function(){
  $.adaptiveBackground.run()
});

Y listo, ya tienen el plugin funcionando, un efecto muy agradable y bonito a la vista.

Pueden descargar el plugin y obtener más detalles de su funcionamiento en su repositorio oficial en GitHub.

La increíble evolución de los videojuegos en imágenes

por

Videojuegos, esa maravillosa palabra que describe mundo extraordinarios, historias fascinantes, personajes convertidos en leyendas, dioses, trillones de horas de juego, diversión, aprendizaje, conocimiento, aventura y descubrimiento en todos los mundos y lugares inimaginables.

Palabra que solo existe desde hace 30 años, pero que ha revolucionado nuestra humanidad, tecnologías nuevas, aplicación en todo su esplendor de Física y Matemática desarrollada durante milenios y recientemente de inteligencia artificial, todo esto y mucho más hace parte del maravilloso y precioso mundo de los videojuegos. <3

Pero los videojuegos también han tenido una evolución increíble durante su corta vida en nuestra historia, han pasado de una bola rebotando contra los lados de la pantalla a inmersiones completas de nuestra percepción de la realidad.

Las siguientes imágenes demuestran esta rápida evolución con 10 de los videojuegos más reconocidos:

Los Sims

the-sims

Pokémon

pokemon

Final Fantasy

final-fantasy

Sid Meier’s Civilization

civilization

Call of Duty

COD

Madden NFL

madden-NFL

The Legend of Zelda

Legend-of-Zelda

WWE

WWE-game

Tomb Raider

tomb-raider

Grand Theft Auto

fhVg3qp

 

¿Cómo les parece la evolución de nuestros amados videojuegos?

Vía: Mashable

Convierte tu historial de Chrome en una galería de imágenes

por

Screenshot_19

Chrome tiene muchísimas cosas buenas y otras no tanto, como su infinito consumo de memoria, uno de los puntos en contra es lo sencillo que es  la página para consultar el historial del navegador, es lenta, fea, difícil de navegar e irónicamente el buscador no es tan preciso como uno quisiera.

Si también estás inconforme con la forma en que Chrome presenta el historial de tu navegación te presento History Timeline, una extensión que convierte la aburrida página del historial de Chrome en una galería de imágenes de tu archivo de navegación, creada por el estudio creativo Potato y con la ayuda del Laboratorio Creativo de Chrome de Sydney, Australia, ahora tu historial será una página con muchísimas imágenes por cada uno de los sitios que has estado visitando.

La extensión empieza  a hacer su magia a partir del momento en que es instalada, es decir, no muestra las imágenes del historial que tienes antes de instalarla, así que debes empezar a visitar algunos sitios para apreciar como cambió tu historial de una aburrida lista de enlaces blancos y negros a una galería de imágenes estilo Facebook.

La funcionalidad de eliminar el historial también está incluida, pero ahora es mucho más visual, solo tienes que hacer click sobre una imagen del historial y luego en la gran X de la esquina, también te muestra otras páginas del historial similares a la que estás viendo.

Instalar History Timeline

QuotesCover: Crea wallpapers y covers para Facebook y Google+ con citas

por

Hace pocos años Facebook, como precursor, implemento los covers, fotografías o imágenes que acompañan a nuestra imagen de perfil en la red social, permitiéndonos mostrar un poco más de nuestra personalidad a través de la imagen sin alterar la foto de perfil la cual se ve en  las demás actividades de la red social, los covers luego fueron incluídos por Twitter y por último Google+.

Como les decía, a través de la imagen del cover se puede transmitir y expresar nuestra personalidad o algo que nos guste sin alterar la imagen de perfil, pero crear una imagen creativa no es algo sencillo, a veces no tenemos la herramienta y tampoco la creatividad para hacerlo.

3-23-2013 2-36-39 PM

Para facilitar esta tarea ahora existe QuotesCover, una aplicación web que te permite crear covers para Facebook y Google+, así como Wallpapers, tarjetas electrónicas o imágenes para imprimir con mensajes o frases famosas. Luego de seleccionar una frase de las cientas que posee en su catálogo o escribir la tuya la aplicación te permitirá seleccionar el servicio para el cual usarás la imagen, puedes seleccionar entre Cover para Facebook o Google+, tarjetas electrónicas, wallpaper o para imprimir, cada servicio tiene un editor diferente, si seleccionar Facebook o Google+ será una interfaz que imita al diseño de la respectiva red social que elegiste.

3-23-2013 2-42-57 PM

En el editor puedes mover, rotar, cambiar el tamaño de la cita, así como agregar una imagen de fondo o cambiar el color y la fuente de la cita, también puedes hacer dibujos sobre la imagen, lo malo es que la elección de la fuente y de los colores de la cita no son personalizables, solo puedes cambiarlo por la combinación de fuentes y colores que vienen por defecto con la aplicación.

3-23-2013 2-46-19 PM

Por último solo basta con descarga la imagen para utilizar en tu red social y listo, cuando le des al botón Download aparecerá el cuadro de diálogo para elegir la carpeta donde la guardarás, pero no sucederá nada, es decir, no habrá ventana que indique la descarga ha comenzado, tampoco estará en la lista de descargas, pero en realidad la imagen si descargo correctamente y la encontrarás donde elegiste para guardarla.

QuotesCover

Vía: Addictivetips

Niice, un buscador de inspiración

por

2-27-2013 8-31-38 PM

Eres diseñador, desarrollador o UX y tal vez hoy no te sientas con inspiración para continuar con tu trabajo o crear una nueva aplicación, diseño o interfaz Niice es perfecto para ti.

Niice se autodenomina un buscador de inspiración, nació de la necesidad de agregarle un «buen gusto» a las búsquedas de Google y así evitarse la navegación en blogs y sitios web que se dedican a hacer recopilaciones de los mejores diseños que existen en la red.

Actualmente el buscador utiliza a Dribble y Behance como la fuente de la imágenes, estas dos redes son las más grandes de diseño donde Diseñadores y expertos en UX y UI del todo el mundo suben sus trabajos, diseños, sketches y mockups de sus trabajos, algunas veces se pueden descargar los archivos fuente del diseño.

Niice

Redimensionar imágenes desde el menú contextual de Windows

por

image resizer

Image Resizer es una genial utilidad que nos permite redimensionar imágenes cómodamente desde el menú contextual de Windows.

Una vez instalado el software verán una nueva línea en el menú contextual, y al hacer click en ella se abrirán las opciones avanzadas para procesar las imágenes que seleccionemos.

En las opciones podremos elegir el tamaño de la redimensión (vienen un par de medidas predefinidas pero si no nos convence ninguna podemos personalizarla). Además hay otras opciones como recortar, reemplazar la imagen original e ignorar la rotación de las imágenes.

Enlace: Image Resizer

Visto en Into Windows

Busca imágenes por color con Multicolr Search

por

2-10-2013 7-24-49 PM

Multicolr Search Lab es un genial sitio web que permite hacer búsquedas por color, así como lo leen, no se escriben palabras claves, ni descripciones, ni preguntas, nada de texto, solo se seleccionan colores y automáticamente empezarán a aparecer las imágenes que tiene los colores que elegiste.

Puedes elegir el porcentaje exacto de cada color, de los 5 colores máximos que se puedes seleccionar, el motor de búsqueda de colores tiene en su índice más de 10 millones de fotografías bajo licencia Creative Commons que salen de la colosal biblioteca que es Flickr.

Una herramienta muy práctica cuando necesites buscar inspiración o tal vez buscar imágenes que combinen con algún UI que estés creando, si detallan un poco la URL se dan cuenta que están los colores de la búsqueda, así que pueden guardarla en Marcadores y no perderla nunca más :)

Multicolr Search Lab

Via Microsiervos

Abre todas las imágenes de una página en una pestaña con Img2tab [Chrome-Firefox]

por

unnamed

Para aquellos que navegan todo el día en foros o sitios web como Pinterest, Flickr que tienen gran cantidad de imágenes y quieren descargarlos todas les presento Img2tab, una extensión disponible para Google Chrome y Mozilla Firefox que permite abrir todas las imágenes de una página web en una sola pestaña y así poder descargarlas más cómodamente.

Img2tab está disponible en la Chrome Store y el sitio de Addons para Firefox, luego de su instalación estará disponible una nueva opción en el menú contextual del navegador con 4 opciones, Actual, Actual (single tab), Linked, Linked (single tab), las opciones Actual hace referencia a imágenes que se ven en la página, es decir, una etiqueta <img> y las opciones Linked son para las imágenes que están enlazadas a través de un texto u otro elemento, las opciones con single tab  abrirán todas las imágenes en una sola pestaña mientras las otras opciones abrirá una pestaña por cada imagen que encuentre:

Descargar img2tab para Chrome y Firefox

Vía freewaregenius

Añade efecto Tiltshift a tus fotos en solo 3 pasos con Tilt-Shift Maker

por

TilfShift es un efecto para fotografías o vídeos que hace ver las cosas, especialmente lugares muy grandes como si fueran maquetas o miniaturas.

Antes este efecto en las fotografías solo era posible para fotógrafos profesionales con lentes creados especialmente para ello, pero ahora se puede crear fácilmente con Tilt-Shift Maker.

Tilt-Shift Maker

Tilt-Shift Maker es una aplicación web que te permite añadir en solo 3 pasos el genial efecto a tus fotografías, puedes cargar tu foto en formato .jpg, con un tamaño máximo de 20 mb y una resolución menor a 8000×6000 que son suficientes para nuestras fotos o copiar la URL de una imagen de Internet.

Una vez cargada la imagen, la aplicación te mostrará el resto de las opciones disponibles, puedes establecer el área del foco del efecto, el tamaño del mismo o la intensidad del desenfoque, tambien puedes elegir la figura que tendrá el foco entre otras.

Por último, solo basta seleccionar la resolución que tendrá la imagen con el efecto añadido, si subiste una fotografía en alta resolución podrás aumentar también la resolución de la imagen final y descargar la fotografía con el efecto que agregaste.