Como cada dos semanas, os traemos una nueva entrega de SiloMag. Y como siempre, hemos recopilado las mejores noticias y recursos sobre diseño gráfico, diseño web y WordPress para todos vosotros.
Esta semana traemos varios recursos online para crear de forma sencilla paletas de colores, el rediseño de la web de El País, como dar estilo a la barra de scroll del navegador web con CSS, como usar SVG de forma segura en nuestro WordPress, emojis open-source, y muchas más cosas!
Diseño Gráfico
OpenMoji – Emojis open source para diseñadores
Los emojis se han convertido en un recurso habitual en nuestras conversaciones escritas, y cada vez están más presentes incluso en nuestros diseños. A raíz de esto surgen proyectos tan interesantes como el de OpenMoji, creado por la escuela de diseño alemana HfG Schwäbisch Gmünd, y en el que contribuyen más de 60 alumnos, 3 profesores y más de 20 personas externas. Todos estos emojis son open source, por lo que puedes usarlo sin problemas en cualquier escenario, además de que van añadiendo nuevos emojis de forma constante.
Huey – Generador de paletas de colores
Esta semana os traemos un par de generadores online de paletas de colores. El primero es Huey, con el que podemos crear paletas a partir de un color que escojamos. Pero lo bueno viene en las opciones que nos da. Desde escoger cuantas tonalidades queremos, luminosidad, tintados y shades. Incluso si queremos montar una paleta accesible para personas con déficits visuales, como el daltonismo.
Accessible Palette
La siguiente herramienta online para crear paletas es Accesible Palette. Aquí nos encontramos con que los colores que creemos en las paletas van a tener una consistencia de contraste y luminosidad entre ellas. Esto viene muy bien para aquellos que hacéis sistemas de diseños, ya que os va a permitir tener una coherencia de color en vuestro proyecto.
Diseño Web
El País rediseña su web
El rediseño de una web al completo no es una tarea sencilla. Pero cuando hablamos de una página que recibe una gran cantidad de visitas de forma diaria como la de El País, y donde sus lectores están acostumbrados a navegar de cierta forma, hay que ir con pies de plomo. Por eso siempre es interesante como se realizan estos procesos, en los que se quiere dar un paso adelante en cuanto al diseño, pero no crear confusión a los lectores habituales.
Border-radius condicional en CSS
En este artículo de Ahmad Shadeed se nos propone un interesante ejercicio tras ver un diseño web en Facebook. ¿Cómo hacer que elementos tengan bordes redondeados cuando tiene márgenes laterales, pero que tengan bordes a 90 grados si ocupan el ancho completo de la pantalla?. Lo que en un principio podemos pensar solucionarlos con media-queries, es posible que sea más óptimo hacerlo mediante funciones CSS como calc, min y max.
Dar estilo a la barra de scroll en diferentes navegadores
En los últimos meses están apareciendo bastantes novedades y nuevas propiedades CSS. En Silo hablamos de algunas de ellas, como la nueva sintaxis de las media-queries. Y otra que ha llegado es la de poder modificar de forma sencilla la barra de desplazamiento del navegador, para que se adapte mejor a nuestro diseño. El problema es que no podemos usar las misma propiedad para todos los navegadores. Por suerte, en este artículo de Stefan Judis vemos como darle estilo para cada uno de ellos.
WordPress
Cómo añadir el reCAPTCHA de Google en el formulario de comentarios de WordPress
Un interesante tutorial que nos ofrece Pablo López sobre como añadir reCaptcha de Google a los comentarios de WordPress. Todo viene porque quiso eliminar Disqus de los comentarios por problemas de rendimiento y el aumento de la publicidad. Pero esto provocó que le llegase más spam. Si estás en la misma situación, te aconsejamos que sigas sus pasos.
Guía de Google Featured Snnipets para WordPress
Querer atraer a gente para aumentar el tráfico a nuestra web es algo que muchos buscamos. Hay cientos de resultados de búsqueda incluso para palabras clave vagas, y conseguir destacar es complicado. Ahí es donde entran los featured snippets de Google, con los que podemos obtener más clics que los enlaces de búsqueda normales. Por eso, los featured snippets pueden ayudarnos a aumentar las conversiones si sabemos cómo.
Cómo usar archivos SVG en WordPress de manera más segura
Los archivos SVG son uno de los mejores formatos de imágenes que podemos usar en nuestra web en casos como logotipos o ciertas ilustraciones. Ocupan poco espacio, son escalables y no se pixelan sea cual sea la resolución de nuestra pantalla. Eso sí, puedan darnos problemas de seguridad si los descargamos de sitios pocos confiables, ya que no dejan de ser imágenes creadas con código, y puede que lleven alguna sorpresa extra. Por eso, Fernando Tellado nos da algunos consejos sobre como usar SVG en nuestro WordPress para ahorrarnos quebraderos de cabeza.
No te puedes perder...
