En este primer número de 2017 de SiloMag, recopilamos de nuevo los artículos, recursos y aplicaciones que nos han parecido más interesantes de estas últimas dos semanas.
En esta ocasión, tenemos aplicaciones para ayudarnos con la elección de colores, ilustraciones minimalistas, y uso del diseño gráfico en películas, además de tutoriales para diseño web y recursos CSS. Y para WordPress, veremos el rediseño de su homepage, un tutorial de notificaciones push y un recopilatorio muy especial. ¡Esperamos que os guste!
Diseño Gráfico
Ilustraciones de animales con 13 círculos
Un nuevo reto desde Smashing Magazine. Esta vez, el objetivo que se ha marcado Dorota Pankowska es crear ilustraciones de animales usando trece círculos. Y nos enseñan no solo el resultado, sino también como ha sido el proceso de creación de alguno de ellos, desde los primeros bocetos a las animaciones finales.
Vaunt.io, o como extraer colores de una imagen
A veces empezamos nuestros diseños en base a una fotografía o una ilustración. Y gracias a Vaunt (disponible por el momento para la Mac App Store), podemos extraer los colores predominantes de cualquier imagen simplemente arrastrándola hacia la aplicación. Luego no, tenemos más que hacer clic en el la paleta de colores mostradas para pegar su código.
Diseño de un lenguaje para «La llegada»
Si os gustó tanto como a nosotros La llegada, seguro que os fascinará este artículo de Margaret Rhodes en Wired sobre el proceso de creación y diseño de los símbolos que componen el lenguaje extraterrestre que aparece en la películas de Denis Villeneuve. Tremendamente interesante como a partir de un dibujo básico que podría parecer casi aleatorio, se tienen en cuentas todas las variables que se quieren mostrar al espectador.
Diseño Web
Diseño web modular inspirado en Lego
En A List Apart, Samantha Zhang publica un interesante artículo sobre la creación de sitios web basado en un diseño de módulos intercambiables, como si fuesen piezas de Lego. Para ello, mantiene siempre ciertas características comunes, como son los valores de relleno o los bordes.
Uso del contraste en el diseño UI
El uso del contraste es un recurso muy eficiente a la hora del diseño web, aunque muchas veces pueda pasar desapercibido. Wojciech Zieliński, desde su blog en Prototypr.io nos muestra varios ejemplo de como usarlos de forma conveniente. Para ello, va desde el recurrido grande-pequeño, al uso del diseño flat junto a una imagen con textura, o contraponer simetría y anti-simetría.
Biblioteca CSS de botones
El repositorio creado por Ganapati Bhat nos vendrá muy bien si necesitamos unos botones bonitos en nuestro proyecto, pero nos estamos peleando constantemente con CSS para conseguirlo. Encontraremos desde botones de diferentes tamaños y colores, a diferentes diseños que van desde el flat-design al material design de Google. Además, tiene previsto añadir animaciones y compatibilidad con navegadores antiguos
WordPress
Configurar notificaciones push en WordPress
Las notificaciones push han aumentado de manera significativa durante los últimos años, ya que permiten expandir el alcance de nuestro sitio web, además de aumentar nuestro público potencial y su potencial retorno de visita. Por todo esto, es muy importante saber configurarlas en WordPress, tal como nos explica de una manera clara y sencilla Brian Jackson en Kinsta.
Un año en WordPress
Recopilar un año entero es muy complicado. Pero gracias a Year in WordPress lo tendremos más sencillo. Con solo introducir nuestro nombre de usuario de WordPress.org, obtendremos una recopilación de nuestros themes, plugins y reviews realizadas durante 2016, además de mostrar si hemos participado en algún evento, como pueda ser una WordCamp.
Rediseño de la página de inicio de WordPress
Si habéis entrado durante los últimos días en WordPress.org, habréis notado el rediseño que ha sufrido su homepage. En WPTavern, Sarah Gooding nos da las claves de este nuevo diseño, mucho más minimalista que el anterior que tenía la web.
No te puedes perder...
