Suscríbete gratis a nuestra newsletter!

SiloMag # 86

Translating…

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 hablamos de como importar y exportar menús en WordPress, trucos para diseñar formularios, una herramienta para cambia rel color de un SVG de forma sencilla, un precioso ejemplo de diseño editorial, y muchas más cosas!

Diseño Gráfico

Blush, ilustraciones gratuitas y personalizables

ilustracion vectorial de una persona slaiendo de un movil

Coge el trabajo de excelentes diseñadores de ilustraciones actuales, pásalos por un filtro randomizador y tendrás Blush. Gracias a esta herramienta, podemos crear ilustraciones generadas de forma aleatorias de diseñadores como Pablo Stanley o Isabela Humphrey. Perfecto para colocar en tus proyectos.

Creando un PNG animado con trasparencia

apng con forma de espiral con persona en web

Además del tamaño del archivo, la razón principal por la que probablemente nos vemos obligados a usar APNG antes que GIF es debido a los bordes irregulares que produce un GIF transparente en la mayoría de los casos. Estas son una limitación de este formato, pero los APNG ofrece una calidad mucho mejor para la transparencia.

Diseño editorial – NNU Magazine

revista NNU Magazine abierta

El diseño editorial es una de las áreas del diseño más inspiradoras. Existe hay una belleza intrínseca en la tipografía y las imágenes con el objetivo principal de comunicar algo. Y el número 11 de la revista NNU Magazine destaca este punto. El contraste de los tamaños de fuente, la cuadrícula, los colores.. Para lograr ese nivel de simplicidad se necesita mucho trabajo.

Diseño Web

Cambia el color de cualquier SVG de forma sencilla

aplicacion svg splash con icono cambiado de color

No será la primera vez que tienes que abrir un programa pesado de diseño vectorial, como Adobe Illustrator, para simplemente cambiar el color a un archivo SVG. Y para ese cometido existe SVG Splash, una herramienta liviana con la que podrás cambiar el color, añadir un degradado y más a estos archivos vectoriales.

Formularios: un input vs varios inputs

mal uso de inputs en formulario

Si bien la mayoría de los campos de texto en un formulario están formados por una sola entrada, como una dirección de correo electrónico, algunos campos (que son esencialmente un valor) podrían dividirse en múltiples entradas, como el número de una tarjeta de crédito. Esto se hace para ayudar a los usuarios a escribir sus respuestas más fácilmente, en pequeños fragmentos, o para ayudarles cumplir con los requisitos. Si bien el uso de múltiples entradas puede ser útil, la mayoría de las veces es completamente innecesario y tiene una serie de inconvenientes.

CSS: soluciones actuales para problemas antiguos

trozo de codigo css con flexbox

La llegada de Flexbox y Grid han sido un soplo de aire fresco a la hora de dar estilo y maquetar una web. Pero aún existen muchos desarrolladores que se resisten a añadir a su workflow estas nuevas herramientas, o que no saben muy bien como usarla. En esta web, Stephanie Eckles nos explica semana a semana pequeños tips sobre como usar todo el potencial de CSS en diferentes situaciones.

WordPress

Parcheada vulnerabilidad crítica en Site Kit

google site kit

A fines de abril, Wordfence descubrió una vulnerabilidad crítica en el complemento de Site Kit de Google para WordPress, que permitiría a cualquier usuario en el sitio obtener acceso completo a Google Search Console sin verificar la propiedad. Por suerte, Google parcheó esta la vulnerabilidad y lanzó la corrección en la versión 1.8.0 el 7 de mayo de 2020. En WP Tavern nos dan los detalles.

¿Cómo configurar Autoptimize para tu sitio de WordPress?

ilustracion de cohete y operarios

Autoptimize es un plugin de optimización de WordPress gratuito. Además de la optimización de HTML, CSS y JavaScript, Autoptimize también incluye características de optimización dirigidas a otros aspectos de los sitios modernos de WordPress. En este artículo de Kinsta, nos detallan los mejores ajustes del plugin Autoptimize para mejorar el rendimiento y la velocidad de la página de tu sitio de WordPress.

Importar y exportar menús en WordPress

nube con icono de menú

¿Quieres exportar un menú de navegación de un sitio de WordPress e importarlo a otro? La función predeterminada de importación / exportación de WordPress te permite transferir menús como parte de la exportación completa del sitio, pero no le permite importar / exportar menús por sí mismos. Y en este artículo de WPBeginner nos explican como podemos hacerlo.

También que te guste