Oozled, más de 600 recursos para diseño y desarrollo web

Oozled nació de la iniciativa de Dan Edwards al compartir una colección personal de recursos sobre diseño web con sus alumnos de la Universidad.

Pero la lista se hizo tan popular que dio lugar a un espacio colaborativo para compartir recursos gratuitos y de pago, organizados en diferentes colecciones.

oozled

Por ejemplo, podemos encontrar pack de iconos, recomendaciones de diseños para inspirarnos, recursos para encontrar la tipografí­a perfecta para nuestro proyecto, colecciones de archivos PSD, pinceles para Photoshop, entre otros.

También encontraremos guí­as, libros, videos, así­ como referencias a comunidades online para desarrollar nuevas habilidades y explorar nuevas ideas. Hay una sección dedicada a bolsas de trabajo donde encontraremos sugerencias de portales con noticias y oportunidades laborales para diseñadores freelance.

Son 42 las categorí­a que podemos recorrer y descubrir recursos que se ajusten a nuestras necesidades. Al crearnos una cuenta, nos permite crearnos un feed de las categorí­as que nos resultan interesantes para no perdernos ninguna actualización.

Y por supuesto, también podemos participar sugiriendo nuevos recursos y contribuir con la comunidad de Oozle.

Pattern Library, recopilación de patrones gratuitos para diseñadores

Pattern LibraryPattern Library es un proyecto que expone patrones para diseños web gracias a la colaboración de diseñadores de diferentes parte del mundo.

Cada uno de los patrones que se han subido a la biblioteca puede utilizarse de forma gratuita en cualquier trabajo o proyecto que estemos trabajando. Solo tenemos que escoger el diseño que nos agrada y dar enter en “Download now”.

Por el momento, cuenta con unos 50 patrones con unos diseños muy interesantes, combinando diferentes estilos, texturas y motivos…muchos colores, figuras geométricas, caricaturas, entre otros.

Para navegar por todos los patrones disponibles solo tenemos que desplazarnos por la página o utilizar las opciones que se presentan en el lateral derecho. Si nos interesa el estilo que presenta algún diseñador y deseamos conocer más de su trabajo, veremos que se integran algunas opciones de contacto, como su página web o su perfil en Twitter.

Y como es un proyecto colaborativo, si nos interesa también podemos participar con nuestro diseño. Tal como se indica en la página de presentación solo tenemos que enviar la información que se solicita para formar parte de la colección que se muestra en Pattern Library.

Una propuesta interesante que podemos tener en cuenta junto a nuestro kit de recursos para proyectos de diseño.

Muchos recursos para estrellas de la web (diseñadores y programadores)

Hola a todos, continuamos con nuestra selección mensual de recursos para entusiastas de la red en busca de nuevas herramientas para hacerla brillar. En esta lista se podrá encontrar temas, gráficos para inspiración, experimentos de código, plugins y más.

Todo para lograr que tus proyectos, incluso aquellos por fuera de la web desplieguen resultados de alta calidad.

Motive: plantilla HTML5 para páginas corporativas

Muchos-recursos-para-estrellas-de-la-web1
 

Patrones pí­xel: un paquete de 20 patrones blanco y negro con detalles trabajados por pí­xel

Muchos-recursos-para-estrellas-de-la-web2
 

Forestly: un tema de WordPress para blogs fresco y fácil de administrar

Muchos-recursos-para-estrellas-de-la-web3
 

Threehouse: una plantilla en PSD diseñada para pequeñas compañí­as y agencias

Muchos-recursos-para-estrellas-de-la-web4
 

Streetwear: una fuente retro para logos, posters, camisetas y más

Muchos-recursos-para-estrellas-de-la-web5
 

Multiloquent: un tema de WordPress libre para desarrollo

Muchos-recursos-para-estrellas-de-la-web6
 

Grilla Nexus 5: una grilla con espacios de 24 pixeles para proyectos enfocados al Nexus

Muchos-recursos-para-estrellas-de-la-web7
 

Business: un tema profesional enfocado a la creación de páginas de negocios

Muchos-recursos-para-estrellas-de-la-web8
 

WP advocate: un tema corporativo de WordPress enfocado especialmente a páginas de firmas de abogados.

Muchos-recursos-para-estrellas-de-la-web9
 

Onsen UI: onsen UI es un framework en HTML5 para la creación de aplicaciones móviles

Muchos-recursos-para-estrellas-de-la-web10
 

Pixelate.js: un plugin de jQuery para pixelar imágenes

Muchos-recursos-para-estrellas-de-la-web11
 

Autoblog: un tema de WordPress enfocado a blogs y páginas sobre automóviles

Muchos-recursos-para-estrellas-de-la-web12
 

Voyage: plantilla en PSD enfocada a páginas de viaje

Muchos-recursos-para-estrellas-de-la-web13
 

Pinball: un tema responsivo en HTML con un diseño en grilla al estilo de Pinterest

Muchos-recursos-para-estrellas-de-la-web14
 

Simplifica: una fuente delgada que favorece la legibilidad

Muchos-recursos-para-estrellas-de-la-web15
 

Postale: un tema de WordPress en 3 columnas para magazines

Muchos-recursos-para-estrellas-de-la-web16
 

App screens: un mockup en perspectiva para presentar tus aplicaciones móviles

Muchos-recursos-para-estrellas-de-la-web17
 

Jelly physics: un experimento de código para crear objetos con efecto gelatinoso

Muchos-recursos-para-estrellas-de-la-web18
 

Hitchhiker: una fuente inspirada en la filosofí­a viajera de América de mediados del siglo 20

Muchos-recursos-para-estrellas-de-la-web19
 

Landy: una plantilla flexible en HTML y CSS

Muchos-recursos-para-estrellas-de-la-web20
 

Akura Popo: una fuente en negrilla con un diseño retro y fuerte al tiempo

Muchos-recursos-para-estrellas-de-la-web21
 

Simple blog template: un blog con un estilo limpio y plano para páginas de aterrizaje

Muchos-recursos-para-estrellas-de-la-web22
 

Mockup para tarjetas: un elegante mockup en PSD para tarjetas de presentación

Muchos-recursos-para-estrellas-de-la-web23
 

Render.ly: un plugin para photoshop para optimizar tu flujo de trabajo

Muchos-recursos-para-estrellas-de-la-web24
 

WOW.JS: animaciones reveladas al hacer scroll

Muchos-recursos-para-estrellas-de-la-web25
 

Panel de control en PSD: una plantilla en PSD que emula el panel de control de un CMS

Muchos-recursos-para-estrellas-de-la-web26
 

Lazyload any: un plugin de jQuery para carga lenta de imágenes

Muchos-recursos-para-estrellas-de-la-web27
 

Konstructs: plantilla en PSD para sitios de noticias y blogs

Muchos-recursos-para-estrellas-de-la-web28
 

Blogify PSD: plantilla minimalista en PSD para blogs

Muchos-recursos-para-estrellas-de-la-web29
 

Piedmont: tema responsivo de WordPress enfocado a páginas corporativas

Muchos-recursos-para-estrellas-de-la-web30
 

Recursos para diseñadores para proyectos increibles

Los diseñadores y programadores siempre estamos en constante búsqueda de recursos de todo tipo que nos faciliten la vida. Sabemos que tal búsqueda puede ser tediosa, pues nos distrae de las tareas realmente creativas que nos gusta realizar, por eso, hoy te traemos muchí­simos recursos recientes que puedes utilizar en todo tipo de proyectos. Diviértete y comparte estos recursos que incluyen sets gráficos, Interfaces gráficas de usuario, iconos, plantillas y temas en HTML y PSD, y experimentos de código.

Gráficos de excelente calidad y detalle para todo tipo de proyectos

En esta sección encontraras gráficos de todo tipo para darle un impulso a tus proyectos, desde botones hasta tarjetas de presentación el diseño presta un gran servicio a todas las áreas. tómate un tiempo para revisar estos diseños y descárgalos

 

Botones de carga: en 3 motivos y 3 colores distintos

botones de carga

Tablas de precios: elegantes tablas en PSD en estilo plano

tablas de precios

Tarjetas de presentacion: hermosa maqueta de tarjetas con un efecto de letra prensada

tarjetas de presentacion prensadas

Nexus 5: una maqueta realista para mostrar tus aplicaciones

maqueta nexus 5

Fondos de pantalla: 5 fondos de pantalla con desenfoques y brillos

Fondos de pantalla con desenfoque

Maqueta chrome: una maqueta minimalista del buscador para mostrar tus aplicaciones y sitios web

Maqueta Chrome

Patrones oscuros: 8 fondos oscuros con fantásticas texturas realistas

patrones oscuros

Maquetas apple minimalistas: incluyen iMac, iPhone, iPad y MacBook

maqueta minimalista apple

Botones de twitter: mas de 500 botones en PSD con diferentes estilos

botones de twitter

Google Nexus: Una maqueta realista de ambas caras del Google Nexus 5

Google nexus 5

Interfaces modernas para renovar tus aplicaciones

Ya que una aplicación o sitio Web no es nada sin un buen diseño, en esta sección podrás encontrar diferentes tipos de interfaces gráficas, con estilos modernos y minimalistas. Variando desde coloridas hasta muy sobrias, seguro te serán de mucha utilidad en tus próximos proyectos.

Origin: una interfaz con brillos suaves colorida brillante y táctil

Origin UI

Fashion Ave: Interfaz plana y estilizada compuesta de widgets

Fashion Ave UI

Interfaz ubuntu: Un muy completo y hermosos set para los fanáticos de Ubuntu

ubuntu UI

Dark UI: una interfaz multimedia con texturas cuasi realistas

Dark UI

Data UI kit: una interfaz básica con para crear gráficas de barras y lineas

Data UI

Blog & magazine: una interfaz plana con varios widgets perfecta para magazines

Blog & Magazine UI

Interfaz iOS7: un concepto alternativo con diseños circulares limpios y planos

interfaz iOS7

Freehand: Una hermosa y llamativa interfaz con efecto de dibujo a mano alzada

Freehand UI

Gmail UI: Interfaz que emula todos los elementos de la bandeja de entrada de Gmail

Gmail UI

Widget UI: interfaz compuesta de widgets minimalistas

widget UI

Espectaculares colecciones de í­conos para dar vida a tus proyectos

Hemos seleccionado geniales iconos sociales, animados, lineares, tipo fuente, en formato SVG. Lo mejor de todo, puedes aprender con los tutoriales que vienen incluidos.

Iconos sociales con pliegues: 40 iconos de redes sociales con un original efecto de pliegue

iconos con pliegues

Iconos SVG animados: un fantastico recurso que incluye el tutorial de creación

SVG animados

Iconos lineares: 16 iconos con un bien trabajado estilo linear

iconos lineares

Shock icon font: mas de mil iconos fuente distribuidos en varias industrias

Shock icon font

Freecons: un PSD con 70 iconos de minimalistas de linea gruesa

Freecons

UI icons: un paquete de 9 iconos con texturas realistas

UI icons

Softies: un paquete de iconos minimalistas con un efecto 3D

Softies

Ionicons: una fuente con cientos de iconos en estilo iOS7

Ionicons

Iconos hexagonales un paquete de iconos con 3 bonitos estilos

Iconos hexagonales

Iconos sociales: set de í­conos planos y con un ligero efecto de profundidad

Iconos sociales

Hermosas y sofisticadas plantillas en HTML, PSD y WordPress

Aquí­ encontrarás diferentes temas y plantillas en formatos PSDs y HTML para implementar en tu sitio Web. Dale a tu sitio una apariencia renovada y fresca con temas planos, minimalistas y llenos de fotografí­as de excelente calidad.

DevDmBootstrap3: un tema de WordPress desarrollado en la última version de Bootstrap

DevDmBootstrap3

LineCase: una limpia plantilla en PSD en estilo plano para portafolios

Plantilla LineCase

BillyDroid: un hermoso tema de WordPress para entusiastas de android
BillyDroid WP theme

Hills: un tema plano y limpio para cualquier clase de sitio

Hills WP theme

Author: una plantilla minimalista en PSD para agencias de diseño

Author PSD template

Collage: tema de WordPress para portafolios

Collage WP theme

Singolo: plantilla en PSD con efecto plano para portafolios

Singolo Plantilla PSD

Horus: un tema construido en HTML con muy útiles caracterí­sticas añadidas

Horus tema HTML

Hello Pepper: un tema en HTML con colores suaves y fantásticos efectos agregados

hello pepper tema HTML

Temas de tumblr: un paquete con varios temas de tumbler en PSD

Temas Tumblr PSD

Mejora tu sitio web con los mas geniales experimentos de codigo

Esta sección contiene varios experimentos de código para mejorar tu sitio Web. Incluye librerí­as de audio, caracterí­sticas para Chat, tablas dinámicas, código para mapas y mas.

jwebaudio: libreria de audio web para juegos

jwebaudio plugin

Messenger: llamativos mensajes de alerta en jQuery

messenger plugin

AppenGrid: una tabla dinámica en jQuery

appenGrid plugin

Freewall: Grilla dinámicas sin espacios

freewall plugin

Leaflet: una libreria para mapas interactivos mas amigables

leaflet plugin

Reel: una libreria para perspectivas de 360 grados

Reel plugin

Slideme: una poderosa herramienta de presentación

Slidemejquery plugin

Ion.Sound: un plugin para mostrar sonidos de eventos

Ion.Sound jquery plugin

Featherlight: una herramienta de lightbox tan ligera como una pluma

featherlight lightbox plugin

stickup  jquery plugin

Visually: Nueva versión de su mercado de infografí­as, presentaciones y trabajos creativos

En visual.ly tenemos la posibilidad de navegar por cientos de infografí­as de los más diversos temas, trabajos realizados por miles de diseñadores que ya trabajan con esta plataforma que ha conseguido crecer de forma impresionante en los últimos dos años.

Además de ofrecer infografí­as para su consulta pública, tienen un market que permite a las marcas solicitar trabajos creativos y recibir propuestas de los profesionales que trabajan en Visually, existiendo la posibilidad de que cualquier diseñador de cualquier parte del mundo forme parte de dicho grupo.

Las marcas solicitan los trabajos aquí­, solicitando tanto infografí­as como ví­deos, presentaciones o animaciones interactivas, con precios que varí­an en función de la complejidad de lo solicitado, aunque nunca es menor de 1000 dólares.

Ahora anuncian un nuevo diseño de la plataforma, permitiendo que sea más sencillo solicitar trabajos ví­a web y trabajar ofreciendo el feedback de cada diseño recibido.

visually

Comentan en la presentación que ha han repartido más de 2 millones de dólares entre los diseñadores que trabajan con ellos, con clientes de la talla de Nissan, Nike, Twitter, NBC, P&G, UNESCO, y un largo etcétera, mostrando como este sistema puede funcionar tanto para pequeños como para enormes clientes de todo el mundo.

Para los diseñadores no deja de ser una buena oportunidad para trabajar en grandes proyectos, aunque siempre existe el riesgo de trabajar en una propuesta y perder el tiempo al no verla aprobada.

Exactli, plataforma de colaboración para diseñadores

Hay diferentes plataformas que permiten trabajar de forma colaborativa en las diferentes etapas del trabajo de un diseñador. Exactli es una de ellas, que se presenta como una opción simple y práctica a tener en cuenta.

Con una interfaz minimalista, Exactli nos permite acceder a un espacio de trabajo donde podemos subir nuestros proyectos de diseños, para su revisión de manera colaborativa. Ya sea que deseemos tener la opinión de nuestros pares o estemos trabajando con un equipo a distancia, encontraremos que esta plataforma ofrece una manera muy simple de comunicarnos, sin demasiadas opciones que puedan distraernos.

Para utilizar este servicio, solo tenemos que crearnos una cuenta. La dinámica es muy simple, subimos nuestro diseño desde nuestro equipo, le damos un tí­tulo y creamos un link para compartir. Las personas que reciban este enlace, podrán ver nuestro diseño y dejar su apreciación sobre el proyecto. Un detalle interesante es que pueden posicionarse sobre la parte del diseño que deseen dejar una observación, para que la nota quede registrada  en el punto que hacemos referencia. Podemos repetir el proceso de revisión tantas veces como creamos necesarios.

Si lo que necesitamos es tener la opinión de un cliente, también podemos utilizar Exactli para este propósito. No necesita crearse una cuenta para visualizar el proyecto, ni para dejar sus comentarios, simplemente disponer del enlace correspondiente.

Themer – Personalizando Android con un solo click

themer

Impresionante es todo lo que se puede decir al ver el ví­deo que presenta Themer, una aplicación que promete personalizar dispositivos Android de una forma que hasta ahora no se habí­a visto antes.

Como veis, incluye varios temas que pueden ser activados de forma sencilla, alterando la posición de los botones, los colores, los fondos, la forma de mostrar información… permitiendo aprovechar la fantástica flexibilidad que ofrece Android, modificando completamente el terminal que usamos a diario.

La aplicación no está disponible todaví­a, aunque ya muestra los temas disponibles en themerapp.com, donde podemos informar nuestro email para participar del lanzamiento.

Los responsables por el proyecto son los creadores de MyColorScreen.com, una enorme comunidad de diseñadores que divulgan y comparten sus trabajos en la web, trabajos especializados en pantallas de Android. En su página web podemos ver widgets, fondos, iconos y demás elementos que podemos usar para tener nuestra propia versión de Android. La experiencia gestionando esa comunidad ha permitido desarrollar Themer como una forma de recopilar lo mejor de la creatividad de MyColorScreen en unos temas que podrán instalarse en pocos segundos.

temas

Realmente la idea es buena. Todos sabemos que Android puede personalizarse mucho, pero seguramente más de un 99% de los usuarios de este tipo de dispositivos no sabe cómo hacerlo (de hecho muchos ni saben que lo que tienen entre manos es un sistema operativo llamado Android), por lo que facilitar el trabajo permitiendo elegir y pulsar no tiene como fracasar como proyecto, es parecido a lo que hace zedge.net con los tonos y ya cuentan con casi 70 millones de usuarios.

Canva – Nuevo proyecto para compartir recursos de diseño gráfico por Internet

canva

Los profesionales del diseño gráfico están acostumbrados a trabajar con cientos de fuentes, iconos, tipos de letras, texturas y demás componentes necesarios para realizar sus trabajos. Cuando es necesario colaborar con otros profesionales, esos recursos se comparten, la mayorí­a de las veces, de forma completamente desordenada, con emails y carpetas compartidas que los diferentes colaboradores usarán para obtener las fuentes necesarias, fondos, elementos y demás recursos.

La idea de Canva (canva.com), que nace hoy de forma privada, es ofrecer una plataforma que permita a estos profesionales compartir archivos necesarios para realizar trabajos en grupo y obtener material que, disponible de forma pública, permita crear diseños de forma rápida y elegante.

Es una compañí­a australiana que ya ha conseguido 3 millones de dólares para realizar el proyecto, una plataforma que, además de permitir compartir el contenido, nos ofrece la posibilidad de realizar los diseños directamente desde la web, arrastrando los recursos que otros diseñadores hayan publicado allí­.

Tenemos también funciones para compartir el resultado con los clientes, así­ como para discutir sobre el material creado.

De momento se ha liberado a algunos usuarios de Estados Unidos y Australia, según comentan en TNW, aunque ya podemos reservar nuestra dirección url privada informando el nombre y el email en su página principal.

Aquí­ os dejamos con el ví­deo de presentación:
Continúa leyendo «Canva – Nuevo proyecto para compartir recursos de diseño gráfico por Internet»

skwibl – Herramienta de colaboración entre diseñadores y clientes

skwibl

En los últimos meses hemos visto varias aplicaciones que ayudan a obtener el feedback de nuestros clientes, opiniones sobre nuestros trabajos escritas muchas veces por encima de la imagen que estamos compartiendo.

Skwibl (skwibl.com) es otra opción que no podí­amos dejar de mencionar, una plataforma que nos ayuda a colaborar en proyectos, comunicarnos en tiempo real con nuestros clientes, crear notas sobre áreas especí­ficas en las imágenes y monitorizar tareas incluidas.

Como veis, es más que un simple «te enví­o una imagen y comentas allí­ lo que quieras», es un proyecto que nos permite gestionar todas las tareas asignadas tanto a diseñadores como a clientes, permitiendo así­ ver el estado del trabajo como un todo.

Es posible también enviar ví­deos y permitir la creación de notas en cada frame del mismo, ideal para los proyectos de producción visual en los que se quieren discutir los detalles de todo el trabajo realizado.

Skwibl abrió sus puertas hace ya un año, con versión en inglés y un equipo de cinco profesionales dedicados a ayudar a agilizar el «va y viene» de tareas y opiniones entre clientes y profesionales. Desde entonces son pocas las novedades que han incluido en la herramienta, aunque no por eso dejaremos de visitar el proyecto para ver la evolución de la idea.

Map Icons – iconos especiales para incluir en nuestros mapas de Google

iconos

Para los desarrolladores y diseñadores que cuidan hasta el más mí­nimo detalle de sus aplicaciones existen muchas bases de datos de iconos de todo tipo. Aquí­ os hemos presentado miles de ellos durante los últimos años, pero hasta ahora no nos habí­amos topado con una colección especialmente diseñada para su uso en mapas.

Eso es lo que podéis encontrar en iconos map-icons.com, una fantástica colección especialmente diseñada para Google Maps, con las instrucciones necesarias para implantarlos, alterar su color y tamaño, modificar su posición, etc.

El recurso lo presentan en webresourcesdepot.com como una fuente de iconos para la API de Google Maps API y Google Places, aumentando las instrucciones de developers.google.com para permitir el uso de imágenes y svg.

Un buen recurso para darle más vida a los mapas integrados en nuestras aplicaciones.