Directorio de infografías multitemáticas

La agencia rusa de noticias Ria Novosti pone ahora a nuestro alcance todas sus infografías. Éstas tratan sobre los más diversos temas (geopolítica, tecnología, ciencia...), y son muy buenas.

Las tenéis en esta página:

http://sp.ria.ru/infografia/


 ¿Te ha gustado?  Dona sin pagar 

Regla de píxeles on-line

A veces, al trabajar en proyectos de diseño web y similares, nos podemos encontrar con la necesidad de tomar medidas de elementos o espacios en pantalla. Yo solía utilizar una regla Flash (SWF) que me hice para tal menester, hasta que descubrí la herramienta que os traigo hoy, una práctica regla on-line que podemos extraer en un pop-up vertical u horizontal con el fin de facilitar su manejo.

Además, no sólo nos permite medir en píxeles, sino también en centímetros y pulgadas.

La tenéis aquí:

http://www.piliapp.com/ruler/


 ¿Te ha gustado?  Dona sin pagar 

Selector de colores on-line

¿Alguna vez has querido saber el código RGB de un color, y para ello has tenido que recurrir a abrir Photoshop u otros programas similares? Pues eso se acabó con herramientas como ColorPicker, una tableta de colores on-line en la cual podemos seleccionar un color y ver su código RGB, o viceversa.

http://www.colorpicker.com/


 ¿Te ha gustado?  Dona sin pagar 

Uso creativo de PNGs

El formato de imagen PNG es uno de los que más juego da, especialmente debido a su capacidad de contar con una capa alpha (capa de transparencia). Aquí os dejo un artículo-tutorial interesantísimo, y lleno de inspiradores ejemplos, que nos ayudará a sacar el máximo provecho creativo del formato PNG. Está en Inglés.

http://www.digital-web.com/articles/web_standards_creativity_png/



 ¿Te ha gustado?  Dona sin pagar 

Insertar links en una misma imagen

Las herramientas que os dejo en este post son mapeadores de imágenes... En cristiano: Nos permiten asociar enlaces a distintas áreas de una misma imagen. Esto, combinado con nuestra imaginación, puede ser muy útil.

Los mapeadores son fáciles de usar: sólo hay que cargar una imagen y delimitar con figuras geométricas y polígonos las áreas de la foto que queramos enlazar a una URL. La herramienta generará el código HTML sobre la marcha para copiarlo y pegarlo en nuestro proyecto web.

Además, traen imágenes de test para que podamos probarlos sobre la marcha.

Os dejo las URLs de estos mapeadores en Bitbin:

http://bitbin.it/trFMAaY6



 ¿Te ha gustado?  Dona sin pagar 

Generar códigos QR personalizados y artísticos

¿Cansado de los aburridos códigos QR para promocionar tu web? Investigando en estos días me he encontrado un par de generadores de códigos que te permiten tanto insertar una imagen o logo en el código, como hacer de tu código QR una obra cuasi-artística y llena de color.

Os dejo los enlaces en Bitbin:

http://bitbin.it/4qyJZWXi



 ¿Te ha gustado?  Dona sin pagar 

Los videojuegos que vienen: Así se verá el agua

Pese a que los gráficos en 3D en los juegos han mejorado mucho en la última década, aun no se ha logrado que los fluidos (como por ejemplo el agua) se parezcan a la realidad. Esto resulta especialmente evidente cuando se tiran un par de objetos dentro de un recipiente lleno de algun fluido.

Ahora, un nuevo algoritmo de fluidos llamado PBD (Position Based Fluids) ha conseguido que los gráficos se aproximen mucho mas a la realidad.

Podéis ver vídeos demostrativos y un artículo al respecto (en Inglés) aquí:

http://mashable.com/2013/04/25/video-water-games/



 ¿Te ha gustado?  Dona sin pagar 

28 Social-Media Microicons

Aquí os dejo una colección de 28 iconos chiquititos relacionados con las redes sociales. Espero que os sean útiles para vuestros proyectos.

http://tegingraphics.com/freebies/28-free-social-media-icons/



 ¿Te ha gustado?  Dona sin pagar 

Generador on-line de favicons

¡¡Otro recurso interesante!! Esta vez se trata de un generador de favicons, esos pequeños iconos que muestran los navegadores para identificar una página web:

http://tools.dynamicdrive.com/favicon/



 ¿Te ha gustado?  Dona sin pagar 

Generador on-line de degradados CSS

Aquí os dejo una generador de degradados CSS multinavegador. Funciona como si fuera Photoshop. Una vez creado vuestro degragado sólo tendréis que copipegar el código generado en vuestro archivo CSS.

Incluye opciones avanzadas y soporte para IE9.

http://www.colorzilla.com/gradient-editor/



 ¿Te ha gustado?  Dona sin pagar 

160 PSDs gratuítos imprescindibles

Colección de 160 PSDs (archivos .PSD de Photoshop) con increíbles diseños, muchos de ellos para GUIs (interfaces gráficas). Incluye GUIs que simulan aparatos o máquinas (reproductores de audio/vídeo, interfaces de aspecto tecnológico o futurista, etc).

¡¡Échale un ojo!! Hay cosas realmente alucinantes, listas para editar a nuestro gusto con Photoshop.

http://www.icanbecreative.com/free-psd-files-download.html



 ¿Te ha gustado?  Dona sin pagar