Shade, una aplicación web para quien usa degradados en el CSS

Si os gustan los degradados en una página web y queréis usarlos en vuestro proyecto, aquí­ tenemos una aplicación web que nos puede ayudar mucho.

Hay degradados CSS lineales (linear-gradient) y radiales (radial-gradient), siendo el primer caso, donde la transformación de color va avanzando lí­nea a lí­nea, la que tratan en jxnblk.com.

Solo tenemos que entrar a la página e indicar el color base para poder empezar a trabajar. Para hacerlo es posible alterar las variables de los controles de la izquierda, dedicando los de la derecha a gestionar valores relacionados con el brillo y saturación.

A medida que movemos los controles, veremos los cambios en tiempo real en el panel superior, siempre con la linea de CSS que deberemos incluir en nuestra hoja de estilos.

El ejemplo que mostramos en la captura superior responde a background-image: linear-gradient(-90deg, #DFF3DD, #1E4328);, tal y como se puede ver en la sección derecha de la misma, valores que se alteran a medida que probamos diferentes combinaciones.

Aunque los degradados han perdido el protagonismo que tení­an hace unos años, aún pueden ser utilizados en proyectos que necesiten destacar alguna zona especí­fica, por lo que vale la pena guardar este enlace en la categorí­a de Utilidades para Diseño.

colorviewfinder, fotografí­a un objeto para obtener su paleta de colores

Si trabajáis en diseño gráfico seguramente os interesará lo que colorviewfinder ofrece, una aplicación para iOS que detecta los colores de cualquier objeto capturado con la cámara del móvil para obtener así­ una paleta de colores basada en ellos.

Disponible en colorviewfinder.co, permite también extraer los colores de una imagen guardada en nuestro dispositivo, así­ como personalizar el resultado con varias plantillas.

Podemos añadir información del color (RGB HEX) y compartir los resultados, siendo así­ una buena herramienta para ampliar la famosa lista de Sitios web para quien trabaja con colores.

La aplicación hace algo semejante a lo que vemos en la versión web de checkmycolours.com, pero con un resultado mucho más profesional y completo.

Por desgracia no hay versión android (de momento), aunque tenemos una excelente alternativa para dicho sistema operativo en Real Colors, palette generator, de Makan Studio.

No es la única aplicación que realiza este tipo de tareas, hay varias alternativas, pero sí­ es una de las mejor votadas en iTunes.

creativebloq publica las 100 mejores tipografí­as gratuitas del momento

tipografí­a

creativebloq.com es uno de esos blogs que no pueden faltar entre aquellos que trabajan con diseño gráfico o que, simplemente, disfrutan leyendo materias sobre arte.

Hoy han publicado uno de esos artí­culos que vale la pena compartir, una recopilación de 100 fuentes gratuitas que podemos usar en nuestros proyectos, lista en la que se explica cada una de las fuentes y se muestra un ejemplo de aplicación.

Muchos de los enlaces de dicha lista son de behance.net, comunidad en la que artistas de todo el mundo comparten sus trabajos, en varias ocasiones de forma gratuita.

En el caso de las tipografí­as está claro que no se puede hablar de unas mejores y otras peores, ya que siempre depende del contexto, del gusto del cliente y de otros factores nada objetivos, pero siempre es importante revisar las tendencias para entender la evolución del diseño gráfico dentro y fuera de la web.

En el mismo blog podemos encontrar artí­culos realmente interesantes, relacionados con el diseño web, como este que analiza las tendencias de 2015, por ejemplo.

Dropbox adquiere Pixelapse, sistema de control de versiones para creaciones de diseñadores

pixelapse control de versiones

Hace unos meses hablamos del interesante servicio Pixelapse (pixelapse.com), una herramienta para diseñadores que les permite mantener el control de las versiones de sus creaciones contando para ello con compatibilidad de archivos de Photoshop, Illustrator, InDesign, Fireworks y otras decenas de aplicaciones especializadas ampliamente conocidas. Así­ pues, lo que logra Pixelapse es crear copias automáticas tras cada mí­nimo cambio realizado, habilitar la comparación entre versiones y ofrecer múltiples opciones de trabajo colaborativo, por ejemplo, un cómodo espacio de conversaciones que hasta con los clientes resulta útil.

Lo brillante de la herramienta es su control inteligente e ilimitado de versiones que hace tan seguro como eficiente el respaldo de las creaciones en su plataforma, con esto, sin importar si son miles los cambios efectuados, siempre se va guardando una copia lista tanto para su comparación como inmediata restauración. Y claro, la cereza la pone su integración con Dropbox que facilita en mayor medida la gestión de los archivos por parte del usuario.

Pues bien, aparentemente son tan buenos los resultados de esta flamante combinación que finalmente Dropbox se ha decidido por adquirir el servicio el cual obtení­a su lucro con planes de pago que incluí­an un control de versiones privado -de lo contrario, era necesario recurrir a las versiones públicas- de diaria utilidad para decenas de miles de diseñadores y equipos de trabajo. No se menciona el monto de la transacción pero la idea ahora es integrar todas las funciones de Pixelapse a Dropbox contando con el apoyo de las mismas personas que le dieron vida.

Y mientras tanto, se avisa a los usuarios que Pixelapse se mantendrá como un producto independiente al menos durante este año, después, se presentarán las debidas ofertas y guí­as para hacer posible la migración de los trabajos a cuentas de Dropbox.

Más información: Blog de Pixelapse

screenbeacon te avisa si hay algún problema de diseño en tu web

Con una filosofí­a semejante a la de VisualPing, herramienta que ya os hemos comentado en algunas ocasiones, ScreenBeacon se presenta como una solución que nos ayudará a detectar cambios en ciertas regiones de nuestro sitio web.

Solo tenemos que seleccionar las áreas que deseamos monitorizar y esperar a que ScreenBeacon realice su trabajo, enviando una alerta cuando hay algún cambio, de diseño o contenido, en las regiones seleccionadas.

ScreenBeacon

Con su extensión para el navegador podemos seleccionar fácilmente varias regiones de una misma web, solamente hemos de hacer click en las partes deseadas. Cuando hay un cambio en el diseño, la web nos avisa después de examinar el código, indicando exactamente lo que ha cambiado.

La aplicación aún está en fase beta, y puede usarse, de momento, de forma gratuita. Ofrece también un histórico de los cambios realizados en la web que estamos monitorizando, siempre con detalles que bajan a nivel de código para que entendamos lo que ha podido ocurrir.

Sencillo y práctico, ideal para el dí­a a dí­a de los que trabajan con diseño y desarrollo de sitios web.

desinion, una aplicación que ayuda a decidir entre dos diseños para nuestro cliente

Si estamos trabajando en un nuevo logo para un cliente, o en un banner, o en la portada de un libro o cualquier otro trabajo de diseño gráfico para el cual tenemos varias versiones, hay una aplicación web que puede ayudarnos a tomar decisiones sobre las mejores opciones.

Se trata de desinion.com, una web en la que los profesionales del diseño suben dos versiones de su trabajo y dejan que la comunidad comience un debate sobre los mismos, siendo posible obtener estadí­sticas de los resultados (votaciones) y de las opiniones mostradas.

Desinion nos mostrará las preferencias del público clasificadas por sexo, edad, localización… segmentos que se amplí­an en la versión Pro, versión que incluye también informes en PDF y posibilidad de crear debates privados (para un público cerrado).

El funcionamiento es muy sencillo, y ya podemos navegar por una buena cantidad de diseños que los usuarios han subido para que podamos opinar sobre ellos:

Aunque la idea es buena, al final es el cliente el que toma la decisión, pero siempre es bueno defender un trabajo si tenemos números por detrás. Si mostramos al cliente que un 85% de la población prefiere un logo, por ejemplo, precisamente entre aquéllos que tienen una edad igual al público al que apuntamos, seguramente la decisión será distinta a la que tendrí­amos sin este tipo de información.

Inventive.io, creación de portfolio sencillo orientado a desarrolladores

Inventive.io nace con el propósito de ahorrar tiempo a los desarrolladores, ya que no tendrán que preocuparse por actualizar su portfolio con sus últimos proyectos, esta herramienta lo hará de forma instantánea por nosotros.

Y es que, como se definen en su web: “Trabaja en los proyectos y el código que te importa y despreocúpate de tu portfolio”. Es decir, automáticamente y en cuestión de pocos minutos, nos creará una web donde exhibir nuestros proyectos y experiencia profesional.

El sistema de gestión del portfolio cuenta con sincronización con nuestro repositorio de Github, por lo que cuando hagamos algún cambio en nuestro proyecto o código en Github, se verá reflejado en el portfolio. También es posible añadir los proyectos manualmente desde la web rellenando el formulario con nombre del proyecto, descripción, enlace y una imagen relacionada.

La edición es en tiempo real y podemos elegir entre diferentes plantillas con diferentes colores y disposición de los elementos.

Tras contactar con el creador de la aplicación web, hemos podido saber que el sitio se encuentra en fase beta, aún con nuevos lanzamientos programados, por lo que no está libre de errores. Según nos cuenta, en las próximas semanas serán arregladas las incidencias reportadas por los primeros usuarios que la usaron y se añadirán nuevas funciones, como por ejemplo nuevas plantillas y dominios personalizados.

Socios de Teehan+Lax inician una nueva etapa dentro del equipo de diseño de Facebook

Teehan+LaxJon Lax, Geoff Teehan y David Gillis, socios de la agencia de diseño Teehan+Lax, agencia especializada en el desarrollo de productos digitales orientados a la web y a los dispositivos móviles, estando en su haber productos conocidos como la plataforma de blogs Medium y el lector web y móvil Readability, han optado por echar el cierre de la misma tras 12 años para formar parte del equipo de la red social Facebook, formando a trabajar dentro del equipo de diseño.

En la página principal de Teehan+Lax han publicado un extenso artí­culo en el que explican todo el camino recorrido desde los inicios de la agencia hasta los movimientos que han surgido en los últimos tiempos, motivando la decisión de cerrar la compañí­a para formar parte del equipo de la red social Facebook, estando especialmente interesados por los retos que tienen ante sí­, teniendo en cuenta que aquello que realicen, serán usados por más de mil millones de usuarios en todo el mundo.

A través de la página de Facebook Design se les da la bienvenida a través de una actualización de estado, repasando brevemente algunos de los clientes con los que ha trabajado, incluyendo a la propia red social a través de su proyecto Atlas, destacando el talento que han mostrado en el desarrollo del mismo.

Es por ello por lo que quizás podamos ver en un futuro cambios donde ya se note la profesionalidad de Jon Lax, Geoff Teehan y David Gillis aplicada en los mismos, formando parte de sus nuevos retos profesionales que han asumido.

Recursos frescos para profesionales web, edicion enero

Aquí­ tenemos un nuevo paquete de recursos de todo tipo, desde iconos, pasando por fuentes, hasta herramientas para desarrolladores que trabajan con CSS y JavaScript. Vamos, dale una mirada que seguramente te terminarás llevando algo. ¡Aquí­ vamos!

Iconos Material de Google, coloreados y con 600 diseños originales agregados

íconos Material de Google, coloreados y con 600 diseños originales agregados

Un paquete de 36 iconos con temática de salud

Un paquete de 36 iconos con temática de salud
Continúa leyendo «Recursos frescos para profesionales web, edicion enero»

Litmus Scope, para obtener una versión elegante del contenido de cualquier email

Si habéis recibido un email y deseáis compartirlo de forma pública en un diseño atractivo, echad un vistazo en litmus.com/scope/. Se trata de una aplicación basada en un bookmarklet, un «botón» que debemos arrastrar en nuestra barra de favoritos. Cuando estemos viendo un email en cualquier cliente (outlook, gmail, zoho, etc.), pulsaremos el nuevo botón y veremos una versión HTML del mismo, con un formato que puede ser compartido de forma sencilla, tanto en desktop como en móvil.

Si usáis Mac y no deseáis añadir un bookmarklet en vuestro navegador, existe la posibilidad de instalar una aplicación, también gratuita, para ducho sistema operativo, siendo posible obtener el mismo resultado en pocos segundos.

En el resultado es posible eliminar la información que consideremos confidencial, así­ como ver el código obtenido a partir del contenido, siendo posible así­ copiarlo y pegarlo en otros programas.

La versión Pro permite ver el diseño en diferentes clientes de correo al mismo tiempo, siendo una buena solución para los que trabajan con email marketing.