Fantásticos elementos de todo tipo para embellecer tu web (I)

En el siguiente listado encontraras una gran colección de diferentes recursos web de todo tipo, recopilados especialmente para proporcionar una ayuda a los diseñadores o desarrolladores dedicados al fantástico mundo del internet.

Creativos elementos gráficos:

Lo que necesitas para tus próximas presentaciones: maquetas, fondos, fuentes y demás.

Maqueta del iPhone 5: bonita maqueta en photoshop para el iPhone 5.

iPhone 5 Mockup PSD

Sombras largas: objeto inteligente de Photoshop para generar sombras largas a diferentes elementos.

Patrones oscuros: pequeña colección de patrones oscuros para tu sitio web.

patrones oscuros

Plantilla para logos: con este elemento de Photoshop podrás personalizar tu logo de una manera sencilla.

logo plantilla

Maqueta del Samsumg Galaxy S4: excelente maqueta en Photoshop del Samsumg Galaxy S4.

Maqueta del Samsumg Galaxy S4

Wanted: bonita fuente de texto al estilo del viejo oeste.

Wanted: fuente de texto

Maqueta de marca o identidad: útil set de elementos gráficos para el diseñador web.

Maqueta de marca o identidad

Formularios de registro: pequeña colección de 7 plantillas en PSD de formularios de registro.

Formularios de registro

Plantillas para el iPad: 3 diferentes maquetas súper útiles del iPad en PSD.

Plantillas para el iPad

Maqueta de marca en PSD: útil colección de elementos para mostrar tus últimos proyectos.

Maqueta de marca en PSD

Modernas GUI para desarrolladores y diseñadores:

Todo tipo de elementos para desarrollar de manera fácil tu próxima aplicación.

Marble GUI: colección de diferentes elementos útiles para tu web.

Marble GUI

Light GUI kit: pequeña y simple colección de elementos de interfaz para tu web.

Light GUI kit

GUI minimalista: excelente concepto de interfaz de usuario minimalista en archivo PSD.

GUI minimalista

99Lime UI: completo set de diferentes elementos minimalistas para la web.

99Lime UI

iPad GUI: kit de diferentes elementos de interfaz del iPad para diseñadores.

iPad GUI

Modern Touch UI: gran colección de elementos de interfaz con un estilo metro (win 8).

Modern Touch UI Kit

Android GUI: completo set de más de 1000 elementos de interfaz totalmente editable.

Android GUI

íconos de gran calidad:

Las siguientes son colecciones de í­conos creados siguiendo las últimas tendencias de la web.

Maki í­conos: completo paquete de 95 í­conos en SVG para utilizarlos en MapBox.

Iconos para mapas

Ultimate Icon: Gran set de í­conos con más de 1000 unidades totalmente gratis.

Ultimate Icon set

íconos de Adobe: pequeño set de 8 diferentes í­conos de adobe en PSD.

Set Iconos de Adobe

íconos Planos: hermoso conjunto de í­conos con un estilo plano en formato PSD.

Set de Iconos Planos

íconos SEO: kit de 12 diferentes í­conos SEO de estilo plano.

12 icons SEO

Kit de í­conos planos: pequeña pero bonita colección de 6 í­conos con un estilo moderno.

Kit de iconos planos

íconos redondos: moderno paquete de í­conos para las diferentes redes sociales.

Iconos redondos

Surfing í­cons: simple y bonita colección de 12 diferentes í­conos en PSD.

Iconos al estilo Surf

íconos de iOS 7: útil colección de 32 í­conos de barra para el iOS 7.

Iconos de iOS 7

íconos sociales: moderno set de í­conos sociales para tu sitio web.

Iconos sociales

íconos en CSS: increí­ble colección de í­conos creados totalmente en CSS.

Iconos en CSS

Plantillas web en variados formatos:

En la siguiente lista se podrá encontrar plantillas en PSD para tu inspiración, así­ mismo encontrarás plantillas en HTML y temas para WordPress.

BlueBox: moderna plantilla para sitio web de estilo plano en PSD.

BlueBox

Coorpin: útil portafolio para WordPress con un estilo minimalista.

portafolio para WordPress

Pronto: tema para WordPress con un diseño en grilla.

diseño en grilla

Celestino: limpio y creativo tema tipo portafolio para WordPress.

portafolio para WordPress

Carbon: plantilla web HTML + CSS adaptable a diferentes dispositivos.

plantilla web HTML + CSS

Pinball: plantilla para blog en PSD con un estilo de grilla y con versión responsiva.

plantilla para blog

Adapt: portafolio para WordPress totalmente responsivo.

portafolio para WordPress

Display: plantilla web en PSD con un estilo limpio y minimalista.

plantilla web en PSD

Impero: tema simple y minimalista para WordPress perfecto para restaurantes.

tema minimalista para WordPress

Pinbin: moderno tema para WordPress al mejor estilo de Pinterest.

moderno tema para WordPress

Skybox: elegante plantilla web multipropósito en archivo PSD.

plantilla web multipropósito

Creativos experimentos o complementos para tu web:

La lista de abajo contiene fragmentos de código y diferentes complementos pensados para embellecer la web.

Mason.js: plugin de jQuery para la creación de grillas perfectas con JavaScript.

plugin de jQuery

UI Transitions: plugin que nos permite crear y eliminar los í­tems de una lista con animación.

listas con animacion

Animaciones CSS3: excelente plugin con una colección de diferentes animaciones en CSS3.

Animaciones CSS

Cubo 3D: galerí­a de imágenes en un cubo 3D construido totalmente en CSS.

Cubo CSS 3D

Ficha de información: 7 bonitos efectos para mostrar información de un elemento.

Ficha de información

Flipswitch: generador online de interruptores con animación en puro CSS3.

Generador online de interruptores CSS3

Libros animados: excelente tutorial para crear la animación de un libro que se despliega al pasar el cursor sobre este.

Libros animados CSS3

Galerí­a de imágenes: útil galerí­a de imágenes construida en jQuery para exhibir tus fotos.

Galerí­a de imágenes

Furatto: moderno framework HTML y CSS perfecto para acelerar el desarrollo de páginas web.

Framework HTML y CSS

Efectos de scroll: útil colección de diferentes efectos de scroll para tu sitio web.

Efectos de scroll

Efectos de transición: asombrosa recopilación de diferentes efectos de animación en CSS + jQuery.

Efectos de transición

Pumpic – Nueva opción de backup ilimitado de fotos, con opción de crear y compartir grupos

Como ya os he comentado en algunas ocasiones, mi opción preferida para realizar el backup de mis fotos es MyShoeBox (shoeboxapp.com), por tres motivos principales: permite importar automáticamente el contenido existente en cualquier directorio del PC que le indiquemos (ideal para hacer un backup online de un DVD de fotos de 2003), extrae la información EXIF de cada foto para clasificar online el contenido según fecha, lugar, cámara, etc, y dispone de una opción gratuita en la que se realiza un backup de un número ilimitado de fotos con una resolución limitada. En dicho sistema tengo ya más de 32.000 fotos, prácticamente todas las realizadas desde 2001 hasta ahora.

pumpicAhora le sale una competencia interesante: Pumpic (pumpic.com), una aplicación que también promete espacio ilimitado, sin limitar la resolución del contenido y con opción de crear y compartir grupos.

Aunque MyShoeBox también permite compartir grupos de fotos, lo que Pumpic hace no lo habí­a visto antes: los usuarios que tienen permisos en un grupo de fotos especí­fico pueden enviar su propio contenido (haciendo crecer el contenido de dicho grupo) y eliminar las fotos que consideren irrelevantes para que no aparezcan en su perfil. Es decir, que cada usuario que forma parte de un grupo tiene su propia «copia» del mismo, copia que puede gestionar de forma individual.

Pumpic de momento ofrece todo esto de forma gratuita (piensan monetizar el servicio con impresiones fí­sicas y otras opciones que lanzarán en el futuro, según comentan en TC), por lo que se presenta como una excelente forma de tener nuestras fotos almacenadas online.

Resumiendo: La ventaja de Pumpic con respecto a MyShoeBox es que es gratis sin limitar ni la resolución ni el número de fotos, permitiendo crear y compartir grupos de imágenes con otras personas. La ventaja de MyShoeBox es que crea grupos de forma automática obteniendo los datos EXIF de cada fotografí­a, aunque haya que pagar 5 dólares al mes para que la resolución no se vea alterada.

Ya es oficial la app de Imgur para iPhone y iPad

imgur

Imgur es a dí­a de hoy uno de los servicios más utilizados para guardar y compartir imágenes, y se sigue expandiendo tanto para crear su propio servicio de creación de memes como para permitir que sus usuarios puedan usar Imgur desde iOS, cosa lógica ya que hace algunos meses que tenemos disponible Imgur para Android.

La aplicación de Imgur para iOS cuenta con prácticamente con todo lo que podamos necesitar si somos usuarios frecuentes de la plataforma: posibilidad para gestionar la cuenta, opción para subir imágenes, navegación por Imgur con filtros de búsqueda, y opción para compartir con otros usuarios las animaciones y fotografí­as que tengamos en nuestra cuenta. También podremos comentar en los elementos subidos por los demás, marcarlos como favoritos y darles un «like», incluso desde la opción Share podremos guardarlos en nuestra galerí­a.

La aplicación puede usarse sin registro, pero lógicamente, si ya disponemos de una cuenta en Imgur versión web, lo recomendable será hacer login para acceder a todos los datos que tengamos subidos por galerí­as o visualizando las imágenes de forma aleatoria. De la misma forma que podemos acceder a nuestros datos, podremos subir nuevas imágenes y archivos o bien desde la librerí­a local (en este caso el Camera Roll) o bien utilizando una URL del archivo.

Podéis instalaros Imgur para iPad, iPhone y iPod Touch en este enlace.

Hi, la webapp del creador de Flipboard para construir un mapa fotográfico mundial narrado

hi webapp mapping

El creador de Flipoard, la popular aplicación para leer noticias, se ha salido un poco del tema para invertir esfuerzos en una nueva aplicación llamada Hi la cual busca recopilar los «momentos» capturados por usuarios en cualquier rincón del planeta mediante fotografí­as y textos personales.

La idea es tomar una fotografí­a y añadirle un pequeño texto o bien un completo artí­culo que logre transmitir de una mejor manera la esencia del momento capturado. Los primeros son definidos en la webapp como SKETCHES; los segundos, los más completos, llevan el nombre de EXTENDED MOMENTS. Lo restante serí­a indicar la localización del lugar donde han sido capturados.

La idea es no parar allí­ sino tratar de capturar SKETCHES y EXTENDED MOMENTS en múltiples dí­as y muchas locaciones diferentes. Algo interesante es que se puede saltar de un nivel a otro a cualquier hora alargando el texto del SKETCH o invitando a otras personas a que lo extiendan. Por supuesto, también cuenta con perfiles sociales para mostrar los registros e interactuar con otros usuarios.

Lo demás es poner todo el contenido registrado en un elegante mapa, y de eso se encarga la aplicación. Su objetivo es trascender la forma objetiva como se ve el mundo para darle el toque personalizado que sólo una persona en vivo y en directo puede dar desde el lugar del acontecimiento (desastres naturales, eventos culturales, situaciones polí­ticas, cosas curiosas, etc.) o del paisaje que resaltará, lo más popular hasta ahora. Lo único malo es que hace falta una invitación para probarla.

Enlace: Hi | Ví­a: TNW

Sobre fotos libres de derechos

cc0Hace unos meses os presentamos algunos enlaces con bancos de imágenes gratuitos, la mayorí­a de ellos con contenido bajo licencia Creative Commons, lo que permite el uso del material sin necesidad de pagar por él, aunque en algunas ocasiones se prohí­be el uso comercial y siempre es necesario indicar el nombre del autor (con enlace al contenido original, en algunos casos).

Lo que quiero mostrar aquí­ son bancos con fotos libres de derechos, de dominio público, fotos que pueden usarse para cualquier publicación o trabajo sin necesidad de especificar autor, fuente ni ningún tipo de enlace. Son bancos que incluyen en muchas ocasiones categorí­as libres mezcladas con otras más limitadas, aunque en cada uno especifican los lí­mites existentes.

Como he repetido en muchas ocasiones, prestad atención al origen de cada imagen usando, si es necesario, un buscador de imágenes a partir de imágenes, algo que puede ayudar a encontrar el origen de cualquier fotografí­a.

sunipix.com: Cuentan con más de 15.000 fotos libres clasificadas por categorí­as.

publicphoto.org: Fantástica colección clasificada con más de 25.000 fotos.
Continúa leyendo «Sobre fotos libres de derechos»

Los mejores editores de fotos online (IV) ”“ SumoPaint

Seguimos con la serie de artí­culos dedicados a los editores de imágenes y, después de hablar de Picmonkey, Photo Raster y PhotoCat, vamos ahora con SumoPaint (sumopaint.com).

sumopaint

Las versiones

sumopaint

SumoPaint cuenta con una versión web gratuita en sumopaint.com/app, desde donde podemos subir imágenes y editarlas con un panel que, a primera vista, recuerda bastante al disponible en Photoshop. Continúa leyendo «Los mejores editores de fotos online (IV) ”“ SumoPaint»

imgembed, para vender nuestras fotos, ya permite subir automáticamente de Instagram, Flickr y Facebook

fotos

Seguimos en busca del mejor y más práctico banco de imágenes y hablamos hoy nuevamente de imgembed, un proyecto que, presentado en marzo, nos permite subir o importar nuestras fotos desde otros servicios web y ofrecerlas a la comunidad cobrando una cantidad proporcional al número de visualizaciones recibidas.

Mientras que en la mayorí­a de bancos de imágenes podemos comprar el derecho de uso de la foto e incluir la imagen en cualquier proyecto, con imgembed tendremos que copiar el código disponible para cada fotografí­a y pegarlo en la web,para que desde allí­ sepan cuántas veces ha sido mostrada al mundo y puedan cobrar por cada 1000 visualizaciones.

Si queremos vender nuestras fotos allí­, estableciendo el precio que queremos cobrar, podemos subir el material desde nuestro ordenador o indicar nuestra cuenta de Instagram, Flickr y Facebook para que se realice la importación de las imágenes que deseemos. Y a partir de ahora nos lo ponen más fácil, ya que podemos decidir sincronizar las cuentas para que, cada vez que tengamos una nueva foto en Flickr, por ejemplo, se suba automáticamente a imgembed, teniendo así­ nuestro banco de fotos a la venta actualizado y disponible para los posibles compradores.

Un modelo original que se ha preocupado bastante en impedir el uso malintencionado del sistema, con posibilidad de añadir marca de agua en el contenido, ofrecer fotos gratuitas, consultar estadí­sticas de uso y un largo etcétera.

Comentarios con fotos en las páginas de Facebook

fotos en facebookHace poco que Facebook añadió la posibilidad de incluir fotos en los comentarios de los perfiles personales, algo que, por cierto, poca gente está utilizando (o por desconocimiento de la posibilidad o por falta de interés).

Para incluir una imagen es tan sencillo como pulsar en el icono de la cámara fotográfica que aparece a la derecha del campo de texto del comentario y seleccionar cualquier imagen de nuestro ordenador, permitiendo tener un árbol de comentarios más «atractivo».

Y pongo atractivo entre comillas porque el poder incluir imágenes en los comentarios de cualquier publicación en Facebook puede transformar la red social en un carnaval. Dependiendo de la imagen incluida el trabajo de moderación de contenido puede multiplicarse (seguramente más de una amistad virtual ha terminado por culpa de este pequeño detalle).

Desde su lanzamiento pensé que se trataba de una herramienta bastante eficaz en las páginas profesionales, principalmente en aquéllas en las que hay una interacción entre empresas y clientes, usuarios que podrí­an mostrar, por ejemplo, capturas de pantalla con problemas especí­ficos.

Y así­ es, comentan en mashable que ya están implantando las imágenes en los comentarios de las páginas de Facebook. La función, que estará disponible poco a poco entre todas las páginas, podrá ser desactivada por los administradores que así­ lo deseen, evitando de esa manera que el trabajo de moderación impida realizar la gestión de la comunidad de forma productiva.

Peligroso, aunque puede ser realmente útil en algunos casos.

Layrs, el editor de imagen por capas y con increí­bles efectos [iOS]

layrs

A estas alturas no sabrí­a deciros cuántas aplicaciones hay para editar fotografí­a y es más difí­cil todaví­a afirmar cuáles son las mejores para retocar imágenes, ya que cada una tiene sus peculiaridades, estilo, ventajas y desventajas.

Layrs, por ejemplo, es una de las pocas aplicaciones de edición de foto para iOS que permite la edición por capas, y, además, de una forma única. Normalmente, tanto si usamos aplicaciones móviles varias o Photoshop, nos encontramos con que es un proceso algo difí­cil definir los perfiles y los fondos de los objetos para que se separen correctamente las capas, algo que Layrs es una tarea fácil y casi automática. Una vez separadas las áreas, cada una de ellas puede ser editada de forma individual, pudiendo entonces aplicar distintos efectos en una y en otra (enfoques, barridos, filtros, etc. tanto en el fondo como en el objeto). Y resulta que esta edición factible en pocos pasos da muy buenos resultados.

Las fotografí­as que queramos editar se importarán de nuestra librerí­a / camera roll, o podremos hacer una captura directamente desde la app y elegir la calidad con la que fotografiemos. Una vez completada la edición, podremos compartir el resultado en Instagram, Twitter, Facebook, Flickr o por e-mail, o también guardarla de nuevo en la galerí­a.

Podéis bajar Layrs de forma gratuita en este enlace a iTunes, para los dispositivos iPad, iPhone y iPod Touch.

PinBook, extensión para enviar a Pinterest las fotos de Facebook

pinbook

Para quienes no pueden despegarse de Pinterest y mantienen algo de gusto por Facebook, o simplemente para quienes no les funciona el bookmarklet de Pinterest para pinear las fotos de Facebook directamente, ya existe una extensión que da una rápida solución a ambas situaciones.

Su nombre es PinBook y lo que hará simplemente es agregar el botón de pinear, el pequeño botón «Pin it», a todas las fotos de Facebook en su parte inferior derecha no importa si se están visualizando desde la página de novedades (la página de inicio) o bien desde el visor de fotos. Lastimosamente por ahora no permite pinear álbumes de fotos completos o videos, pero sigue siendo útil, de nuevo, para quienes siguen ambas redes a diario y han tratado de vincularlas de manera infructuosa.

Por cierto, al pulsar sobre el botón se ejecutará una acción similar a la que ocurre luego de pulsar el bookmarklet ya conocido: se abre una nueva pestaña, se crea una publicación en Pinterest con el tí­tulo de la foto capturado automáticamente, y se da la opción de pinear en el tablero preferido. Adicionalmente se ofrece una opción para compartir la publicación en Twitter.

Enlace: PinBook en la Chrome Web Store