Recursos de todo tipo para profesionales web

Hoy les traemos más de medio centenar de elementos de todo tipo para que los apliquen en sus diseños web, sus páginas de WordPress, aplicaciones, etc. Los recursos se encuentran ordenados por categorí­as para facilitar la lectura y para que puedas extraer lo que más te interesa con facilidad.

Iconos vectoriales para iOS 8, iOS 7 y Android (necesitas registrarte para descargar)

Iconos vectoriales para ios 8, ios 7 y android (necesitas registrarte para descargar)

Lumina: Una colección de 32 í­conos hexagonales en formato AI y PSD

Lumina: una colección de 32 í­conos hexagonales en formato ai y psd

Bushcraft: Familia de fuentes con texturas

Bushcraft: familia de fuentes con texturas

Un paquete de fuentes con diseños alternativos

Polya: Una fuente genial con diseño poligonal

Scratch: Una fuente gratuita con mucho color y detalle

Scratch: una fuente gratuita con mucho color y detalle

Set gratuito de 10 mockups en PSD

Set gratuito de 10 mockups en psd

6 mockups fotorrealistas de iPhone 5

6 mockups fotorrealistas de iphone 5

Reglas de marketing por Apple: Mockups de productos

Reglas de marketing por apple: mockups de productos

Grilla para iPhone 6 en formato PSD

Grilla para iphone 6 en formato psd

Mockup de Samsung Galaxy S5 en PSD

Mockup de samsung galaxy s5 en psd

Explora la naturaleza: Logo en estilo actual

Explora la naturaleza: logo en estilo actual

Mockups de papelerí­a y branding en formato PSD

Mockups de papelerí­a y branding en formato psd

Parallax.js: Usa tu teléfono y mira el sitio reaccionar cuando lo inclinas o mueves el mouse

Parallax.js: usa tu teléfono y mira el sitio reaccionar cuando lo inclinas o mueves el mouse

App icon template: Crea iconos para aplicaciones móviles

App con template: crea iconos para aplicaciones móviles

Paths-js: Genera rutas SVG para figuras geométricas

Paths-js: genera rutas svg para figuras geométricas

Parallax slider: Aplica un efecto parallax a tu próximo slider de imágenes

Parallax slider: aplica un efecto parallax a tu próximo slider de imágenes

Url: Una librerí­a para simplificar el manejo de URLs en PHP

Url: una librerí­a para simplificar el manejo de urls en php

Divas slider: un plugin de jQuery para sliders, modificable mediante CSS

Divas slider: un plugin de jquery para sliders, modificable mediante css

Plugin para validación en jQuery

Plugin para validación en jquery

Gifdeck: convierte slideshows a GIFs

Gifdeck: convierte slideshows a gifs

Geniales efectos de carga en CSS para imágenes organizadas en grilla

Geniales efectos de carga en css para imagenes organizadas en grilla

Jquery-fblogin: Deja a tus visitantes loguearse con Facebook usando este pequeño plugin

Jquery-fblogin: deja a tus visitantes loguearse con facebook usando este pequeño plugin

Cropbox: Un plugin sencillo para recortar tu avatar

Cropbox: un plugin sencillo para recortar tu avatar

 

Enjoyhint: Pistas interactivas para tu aplicación o sitio web

Enjoyhint: pistas interactivas para tu aplicación o sitio web

Swiftdevs.co: Un nuevo lugar para compartir y recibir conocimiento

Swiftdevs.co: un nuevo lugar para compartir y recibir conocimiento

iOS Dev Weekly: Lo mejor en desarrollo de iOS, enviado cada semana

Ios dev weekly: lo mejor en desarrollo de ios, enviado cada semana

Radarc online: Crea aplicaciones móviles sin saber de código

Radarc online: crea aplicaciones móviles sin saber de código

Life: UI kit gratuito en PSD

Life: ui kit gratuito en psd

Paquete de infográficas en vectores

Paquete de infográficas en vectores

Aplicación para chequeo de vuelos: Plantilla PSD

Aplicación para chequeo de vuelos: plantilla psd

Plantilla de negocios americana en PSD

Plantilla de negocios americana en psd

Sailor: Tema gratuito en PSD con temática marina

Sailor: tema gratuito en psd con temática marina

Thelanding: Plantilla en PSD para una web de una sola página

Thelanding: plantilla en psd para una web de una sola página

Architect: PSD con un modelo de sitio web de una página

Architect: psd con un modelo de sitio web de una página

App lander: Una plantilla de Bootstrap basada en aplicaciones móviles (PSD y HTML)

App lander: una plantilla de bootstrap basada en aplicaciones móviles (psd y html)

Uno: Plantilla en HTML5 para sitios de una página

Uno: plantilla en html5 para sitios de una página

Tema gratuito de restaurantes para WordPress

Tema gratuito de restaurantes para wordpress

Foodness: Tema para WordPress con énfasis en alimentos

Foodness: tema para wordpress con énfasis en alimentos

Illustratr: Tema minimalista para WordPress

Illustratr: tema minimalista pata wordpress

Railgun: Simple y elegante tema para WordPress

Railgun: simple y elegante tema para wordpress

Clearsky: Tema responsivo para WordPress basado en Masonry

Clearsky: tema responsivo para wordpress basado en masonry

Baskerville: Tema gratuito para WordPress

Baskerville: tema gratuito para wordpress

Efecto de monedas animadas con CSS

Efecto de monedas animadas con css

Tarjeta de información con CSS y JavaScript

Tarjeta de información con css y javascript

Inspí­rate con estos efectos de menu off-canvas usando CSS y SVG

Inspí­rate con estos efectos de menu off-canvas usando css y svg

Una interesante animación en CSS

Pen #30: una bonita animación para celebrar el pen 30 en un mes por szenia zadvornykh

Efecto de fondo: Haz que el fondo de tu página cambie con tus acciones

Efecto de fondo: haz que el fondo de tu página cambie con tus acciones

Canva, la herramienta para hacer banners, también se apunta al iPad

Y si hace una hora os hablamos del lanzamiento de LINE para iPad, ahora anuncian la aplicación para la misma plataforma de una de las herramientas preferidas por muchos a la hora de crear banners.

Se trata de Canva.com, quien ha dado el paso con esta app en iTunes, también gratuita y con la misma filosofí­a.

Para quienes no conocen Canva: se trata de una aplicación en la que podemos elegir plantillas de diversos tipos para diseñar banners arrastrando y soltando material gráfico, así­ como definiendo textos, colores y formas. Podemos subir imágenes de nuestro ordenador o usar las incluidas en su base de datos de miles de fotos de todo tipo, aunque el uso de su base de datos de imágenes no es gratuito, tiene un coste de 1 dólar por foto seleccionada.

Si ya tenéis las imágenes e iconos y solo necesitáis montar el banner usando algo mucho más intuitivo que Photoshop, Gimp y compañí­a, Canva se presenta como la mejor solución para hacer trabajos de buena calidad y en poco tiempo, y ahora puede hacerse desde iPad, ayudando a los que quieren ir diseñando mientras están en metro, autobús, fila del médico… por desgracia no informan sobre la versión android, esperemos que no tarden mucho.

Aquí­ os dejamos el ví­deo de presentación: Continúa leyendo «Canva, la herramienta para hacer banners, también se apunta al iPad»

Citymapper ahora permite ver las siguientes paradas desde su aplicación móvil

Ya hemos hablado en más de una ocasión de Citymapper, un servicio que trata de facilitar a los visitantes de distintas ciudades la información que necesitan sobre aquellos medios de transportes que tienen a su disposición, en función de los puntos a los que tienen que acudir. En la actualidad, soporta las ciudades de Madrid, Londres, Nueva York, Parí­s, Barcelona, Berlí­n, Washington DC, y Boston, aunque a lo largo del tiempo van ampliando el soporte para nuevas ciudades.

Citymapper acaba de llevar a cabo una actualización de su aplicación móvil para las plataformas Android e iOS, en las cuales sigue el objetivo de facilitar la información del transporte que los visitantes de señaladas ciudades necesitan, añadiendo ahora la información acerca de aquellas paradas de autobús, del metro o de tren en las que deberán bajarse en función de las rutas que estén realizando.

En Android, además, se mejora visualmente la función que permite a los visitantes compartir el lugar en el que se encuentran, al objeto de que contactos cercanos se acerquen a verles. Otras mejoras para Android incluyen el acceso a los mapas sin conexión a Internet y mejoras en el uso de la baterí­a.

En iOS se cuenta con un diseño más claro para las diferentes partes del viaje, se mejora la visualización de las salidas en tiempo real, permite mediante un toque ver aquellos trayectos del mapa que se pueden realizar andando, además de dejar más claro el entendimiento de las direcciones de la plataforma y los destinos.

Citymapper para Android (desde la versión 2.3 y superior) e iOS (desde la versión 6.0 y superior) ya se pueden obtener gratuitamente a través de sus respectivos mercados de aplicaciones, tanto para teléfonos móviles inteligentes como tabletas.

Podcast en español sobre diseño web y desarrollo de proyectos

Existen muchos y muy buenos podcasts en inglés que tratan sobre diseño y creación de proyectos web, en apuntesalmargen.com hay una buena lista de ellos, a menudo protagonizados por expertos en la materia que comentan experiencias y situaciones que en muchas ocasiones no pueden plasmarse en un escrito.

Lo difí­cil es encontrar contenido de este tipo en nuestro idioma, motivo por el cual me ha sorprendido cuando nos han presentado preceptosdigitales.com, una web que tiene ya diez episodios en los que tratan temas variados, desde la creación de una tienda online hasta el funcionamiento de un servidor o definición de javascript.

No es el único proyecto podcast para desarrolladores, vivecodigo.org es otro ejemplo, aunque en este último caso hace varios meses que no se actualiza (uno de los mayores retos en el mundo podcast), el mismo problema que tiene socialmediapodcast.es.

¿Es el modelo podcast poco atractivo para desarrolladores?, ¿hay problemas con el modelo de negocio de estos proyectos?, ¿requiere demasiado trabajo y se obtienen muy pocos beneficios?… el motivo por el que no hay podcasts de este tema puede ser obvio: los desarrolladores prefieren leer para probar in situ lo que están consultando, no escuchan este tipo de temas en el coche, o dando un paseo, aunque de ello depende el enfoque que quiera darle el responsable por el podcast.

Esperemos que preceptosdigitales consiga encontrar su espacio en un sector con tan poca competencia.

pixelapse, un sistema de control de versiones para diseñadores

Para Windows o Mac, para quien trabaja con Photoshop, Illustrator, InDesign, Fireworks, Graffle, Sketch … pixelapse (pixelapse.com) es un nuevo proyecto que ofrece la posibilidad de guardar las versiones de los trabajos que realizamos, siempre orientado al diseño.

A medida que trabajamos con nuestras herramientas habituales, pixelapse detecta cuando guardamos una versión, subiéndola de forma automática a su plataforma para ofrecer un control inteligente de versiones. No hay lí­mite en el quesito «historial guardado», por lo que es posible guardar miles de versiones de una misma imagen, siempre disponible para recuperarla en cualquier momento. La plataforma se integra con Dropbox, ayudando así­ a los que usan dicha plataforma de almacenamiento.

Con los trabajos que hay en la web podemos solicitar ayuda a otras personas para que opinen y generen una discusión de cada imagen allí­ presente, permitiendo de esa forma obtener feedback tanto de los clientes como del resto del equipo de trabajo.

pixelapse es gratuito para los que no se importen en mostrar sus proyectos de forma pública (de hecho lo anuncian como gratuito para los proyectos con fuente libre), con una gama de precios proporcional a la cantidad de proyectos privados que necesitemos tener bajo control.

Muzli, reemplaza la página de nueva pestaña de Chrome por otra enfocada a contenidos para diseñadores

Muzli

Para todas aquellas personas interesadas en el mundo del diseño, Muzli es una extensión para Chrome que les podrá encantar, ya que reemplaza la página de nueva pestaña que viene por defecto en Chrome por una nueva en la que se ofrecerá una selección de contenidos enfocados en el mundo del diseño a través de diferentes apartados. Precisamente, accederán a selecciones escogidas manualmente y en tiempo real de toda la web, a los artí­culos populares de Dribbble y Behance, e incluso a otros contenidos pertenecientes a Awwwars y CSS Winner.

Le sigue además una serie de enlaces dentro de las categorí­as de inspiración, recursos y blogs, todos ellos enfocados en el mundo del diseño. Por desgracia, parece que es imposible realizar modificaciones en los enlaces de estas categorí­as, aunque si es posible añadir nuevos enlaces en una nueva barra lateral, situada en el lado derecho de la pantalla, para añadir nuevos enlaces así­ como la posibilidad de acceder a los sitios web más visitados, previa activación.

Cada miniatura de cada contenido que se muestra en pantalla, a través del área central de la misma, mostrará en su esquina superior derecha el icono de Twitter cada vez que se sitúe encima de ella con el cursor, lo que facilitará compartir el enlace al que pertenece dentro del perfil del propio usuario en la conocida red de microblogging Twitter.

Muzli está disponible gratuitamente a través de la Chrome Web Store.

ui-cloud, un buscador de recursos para diseñadores web

Más de 45.000 elementos clasificados para poder construir interfaces gráficas y más de 1200 kits ya listos para bajar y poder trabajar con ellos, eso es lo que ofrece ui-cloud.com, un buscador en el que podemos encontrar botones, barras de progreso, menús, botones de reproductores de música… prácticamente todos los elementos que podemos desear para buscar tanto material gratuito como inspiración para nuestro propio trabajo.

No se trata de un proyecto nuevo, llevan casi dos años ofreciendo contenido con el que podemos construir listas semejantes a las que Juan Pablo Sarmiento divulga aquí­ en WWWhatsnew con frecuencia. Nació como un buscador creado por Jack Cai, responsable por la empresa doublejdesign.co.uk, actualmente en fase de rediseño, y fue relanzado en octubre del año pasado.

En algunas ocasiones el material incluido no especifica el tipo de licencia, motivo por el cual recomiendo entrar en contacto antes de realizar un trabajo comercial, evitando así­ problemas con el autor del diseño divulgado.

Además de navegar directamente por las categorí­as y de usar el buscador usando palabras clave, ofrece un constructor de botones con el que podemos diseñar el que más se adapte a nuestra página. Después de especificar textos, colores y formas, es posible obtener el código para pegarlo directamente en nuestro trabajo.

Evernote presenta la renovada versión de su aplicación para la plataforma Android

EvernoteEvernote acaba de presentar la nueva versión de su aplicación móvil para la plataforma Android, la cual ya se encuentra disponible para teléfonos móviles inteligentes y tabletas Android a través de Google Play. El estreno del nuevo diseño, la integración de Evernote Business, así­ como el soporte para nuevos dispositivos Android son algunas de las novedades que presenta la nueva versión.

Otras novedades son la introducción de un botón flotante en la parte inferior izquierda de la pantalla para la creación de notas nuevas; el acceso al panel de libretas, etiquetas y atajos mediante el deslizamiento desde el borde izquierdo de la pantalla; la inclusión de las capturas web, la cual funcionará en segundo plano una vez seleccionada la web que se desea guardar, para facilitar al usuario seguir con sus tareas sin necesidad de esperas; la posibilidad de compartir rápidamente cualquier libreta con personas concretas seleccionadas y el correspondiente otorgamiento de permisos de acceso en función de las tareas que vayan a realizar; el rediseño de la página de búsquedas con el fin de acceder fácilmente la nota a la que se desea acceder, pudiendo filtrar además por las notas personales y las pertenecientes a Evernote Business; y mucho más.

Evernote para Android

Evernote considera que la nueva versión de su aplicación móvil para Android ahora es más moderna, flexible y potente, esperando además a que los usuarios pronuncien emitiendo sus propias opiniones acerca de esta nueva versión.

Appsites, servicio para crear un sitio web de tu app en minutos

appsites

Muchas veces, cuando pensamos en crear un sitio web, tenemos en mente una webapp, un portfolio o un sitio web completo en el que añadir con cuidado la información y crear una buena interacción, pero para todos aquellos que busquen simplemente crear un sitio web rápido y responsivo en cuestión de minutos disponemos de una opción rápida y gratuita.

Su nombre es Appsites y nos permite crear una página Home en cuestión de minutos, para que podamos contar con una buena presencia de la app en la web. La página estará en todo momento controlada por nosotros (no se publicará nada que no controlemos o no podamos editar) y lista para ser visualizada desde móvil y tableta.

Los diseños de dichos sitios web, algo en lo que todos pensamos, podrán ser elegidos a partir de una galerí­a de plantillas de la que podemos partir. Dichas plantillas han sido desarrolladas por profesionales de la industria que han sido contratados por Appsites para realizar el catálogo. En caso de que queramos personalizar y editar algo no necesitaremos tocar ni una lí­nea de código, ya que AppSites cuenta con un fantástico editor muy fácil de utilizar.

Publicar los sitios web que queramos será gratuito, siempre que aceptemos un dominio en appsites.com. Si queremos publicar el sitio en un dominio personalizado nos costará 9 al mes. Podéis probar el servicio introduciendo el enlace de vuestra app publicada en iTunes o GooglePlay aquí­.