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 veremos algunos rediseños y cambios de imagen de marcas conocidas, tutoriales y recursos sobre CSS Grid, como usar GZIP en WordPress, un packaging muy especial, y mucho más!
Diseño Gráfico
G Suite se convierte en Google Workspace, y rediseña alguno de sus iconos
Google ha anunciadoun gran cambio de marca y rediseño para su suite de aplicaciones de oficina, cambiando la marca G Suite por un nuevo nombre: Google Workspace. Junto con la nueva imagen, que abarca Gmail, Docs, Meet, Sheets y Calendar, hay nuevas funciones diseñadas para que todos esos productos se sientan más integrados entre sí. Eso si, ya existen muchos usuarios que se han quejado de la confusión existente al tener todos los logotipos con los mismos colores.
Lin Shaobin – Packaging con papel quemado
El estudio de diseño gráfico Lin Shaobin, con sede en Shanghai, ha creado un envase para el té que utiliza papel quemado para emular las pinturas tradicionales de tinta china de las montañas brumosas. Lin Shaobin quería que este proceso se representara en el estuche del té para que el consumidor lo viera, y por lo tanto optó por utilizar el efecto de quemar los bordes del papel. Una forma muy original de crear un packaging destruyendo parte de él.
Nueva imagen de Medium
El cambio de imagen de Medium presenta una nueva marca y símbolo de palabras, y un conjunto de ilustraciones que utilizan palabras para formar imágenes. Para la nueva identidad, el estudio de diseño Collins ha utilizado la tipografía como «elemento básico» y ha proporcionado lo que describe como «un sistema de ilustración contundente que da movimiento y profundidad a la palabra escrita».
Diseño Web
Plantilla con sangrado completo usando CSS Grid
Josh W. Comeau escribe un interesante artículo sobre CSS Grid, en el que se centra en uno de los problemas que tienen algunas webs como Wikipedia, al presentar párrafos tremendamente largos, que dificultan mucho la lectura en escritorio. Eso si, a la vez que quiere crear una plantilla con párrafos de texto más estrechos, seguir manteniendo las imágenes a todo el ancho de la pantalla. Veamos como lo consigue de forma tremendamente sencilla.
Layoutit!, generador interactivo CSS Grid
Seguimos con Grid, pero en esta ocasión con un generador muy visual, con el que podremos conseguir de forma rápida cualquier tipo de plantilla, de la que nos generará de forma automática su CSS. Además, podemos añadir grid-areas con sus respectivos nombres, y soporte con Internet Explorer. Casi que no se le puede pedir más!
Configurador de personaje con CSS
Si sois habituales a los juegos de rol, seguro que habéis creado algún personaje para vuestra aventura, teniendo que elegir entre su color de pelo, tipo de piel, ropa… Pues prácticamente esto es lo que ha conseguido replicar Diana Smith en un proyecto en GitHub, y construido solo mediante CSS. Leído ya suena bien, pero es que una vez que entras y ves como funciona, es algo espectacular lo que ha conseguido.
WordPress
WooCommerce: Cómo mostrar los errores en el pago junto al campo con error
Fernando Tellado nos explica como solucionar uno de los problemas de usabilidad que tiene WooCommerce. Y es que, si rellenas de forma incorrecta varios campos al finalizar una compra, los errores aparecerán todos juntos en la parte superior de la página, lo que puede resultar algo confuso para saber exactamente en que campo se encuentra el error. Veremos como colocar cada error próximo a su campo correspondiente.
Como usar FTP en WordPress
Aunque WordPress es, en general, apta para principiantes, hay algunos conceptos con los que los nuevos usuarios pueden tener dificultades. El Protocolo de Transferencia de Archivos (FTP) es uno de ellos. Familiarizarse con este proceso es clave para resolver muchos errores, así como para hacer ciertas personalizaciones en su sitio. Afortunadamente, no es necesario ser un experto en FTP para salvar el día cuando las cosas se desvían un poco, o si sólo buscas una manera más rápida de realizar una tarea.
Habilitar GZIP en WordPress
La velocidad está en la cima de la lista de deseos de cada propietario de un sitio web. Cuanto más rápido sea el sitio, mejor experiencia del usuario, lo que lleva a más conversiones. Además, Google clasifica las páginas que se cargan más rápidamente en los resultados de búsqueda. Así que tienes una buena razón para exprimir hasta el último milisegundo que puedas en tu web. Una forma de hacerlo en WordPress es GZIP. La mejor manera de hacer que las cosas se carguen más rápido es hacerlas más pequeñas, y eso es justo lo que hace GZIP.
No te puedes perder...
