SiloMag #110

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 tenemos el lanzamiento de Local 6.0 con interesantes novedades, como crear columnas de forma correcta con Flexbox, un packaging muy original para la miel, las últimas novedades sobre Gutenberg, como ocultar la url de acceso al login de WorPress, como presentar de forma correcta una marca a un cliente, y muchas más cosas!

Diseño Gráfico

Bee Loop, un ejemplo único de diseño circular

Aurimas Kadzevičius crea un concepto original e innovador para este packaging para miel. El diseño circular se basa en una perspectiva regenerativa, con el objetivo de que la materia no salga del ciclo de vida de un producto, sino que vuelva una y otra vez para alargar su uso. De esta manera sigue aportando un valor a los consumidores, a la empresa y al medioambiente durante más tiempo.

Los mejores rediseños de logotipos de 2021

En SiloMag hemos hablado muchas veces sobre el rediseño de logotipos, y como parece que en ciertas industrias hay una fiebre por renovar identidades de cara al futuro. En este artículo de Looka han recopilado algunos de los mejores que se han presentado en lo que llevamos de año. Seguro que algunos os sonarán, como el de Burger King o Peugeout. Personalmente, me ha sorprendido el de la CIA, que no estaba al tanto de su renovación.

Cómo presentar una marca a un cliente

Imborrable nos traa este artículo donde nos dan una serie de consejos prácticos a seguir cuando tengamos que presentar una marca para un cliente. Estos van desde como tener una estructura correcta que nos sirva para presentar un proyecto de forma objetiva, hasta como lidiar con un cliente problemático. Seguro que a muchos de vosotros os suena de algo esto último.

Diseño Web

Sistema de colores en CSS

CSS ha estandarizado los colores del sistema semántico. Se especifican en el módulo de color CSS de nivel 4. Por ejemplo, Canvas (no confundir con la etiqueta <canvas>) es para el fondo del contenido de la aplicación o de los documentos, mientras que CanvasText es para el texto del contenido de la aplicación o de los documentos. Veamos como funciona gracias a este artículo de Jim Nielsen.

Crear columnas iguales con Flexbox puede ser más complicado de lo que parece

Hace años que llegó Flexbox para ayudarnos a crear maquetaciones web de forma más sencilla. Incluso podemos hacer un layout responsive sin hacer uso de media-queries, solo con Flexbox. Eso si, aunque en nuestra cabeza hacer algo tan sencillo como varias columnas iguales sea pan comido con Flexbox, Kevin Powell nos muestra como hay que conocer bien sus propiedades para que no tengamos problemas sea cual sea el contenido de esas columnas.

Copy & Paste CSS Buttons

Los botones son uno de los elementos más comunes y utilizados en cualquier web. Además de que son uno de los que vertebran su diseño, ya sea por su forma, su color o sus animaciones. Y en esta web tenemos recopilados los botones de algunos frameworks y webs muy conocidas, y que podremos copiar sus estilos CSS con tan solo hacer clic sobre ellos. Una forma muy sencilla para conocer como se han dado estilo botones muy reconocibles.

WordPress

Local 6.0 Pro gratis para todos los usuarios

Seguro que los que trabajáis en local con vuestros proyectos web, alguna vez os habéis cruzado con Local, o quizás lo uséis habitualmente. Con Local podemos instalar de forma local WordPress, y trabajar en nuestros proyectos antes de subirlos a su servidor final, y en los últimos días se ha actualizado a su versión 6.0. Esta versión nos permite hacer uso gratuitamente de todas las funciones que antes estaban en su plan de pago, como por ejemplo el poder compartir de forma segura nuestros proyectos, que se recargue el navegador de forma automática al guardar cualquier archivo, o que nos busque links rotos.

Cómo cambiar y ocultar la URL de acceso a WordPress

En este tutorial, Fernando Tellado nos muestra como podemos ocultar o modificar la URL de acceso a la administración de WordPress. ¿Y porqué hacer esto?. Básicamente por cuestiones de seguridad, ya que cualquier ataque por fuerza bruta se va a realizar mediante nuestra URL de acceso. Y si esta URL no es la por defecto, o esta oculta, nos ahorraremos problemas de este tipo en nuestra web.

Novedades en Gutenberg 10.9

Gutenberg sigue actualizándose, y en esta ocasión las novedades vienen en algunos bloques. Como vimos en nuestro artículo sobre el nuevo editor de plantillas de WordPress, se habían creado bloques específicos para esta función, que en esta actualización modifican su nombre para hacerlos más amigables. También se mejora la vista en formato lista de Gutenberg, que podemos colapsar a nuestro gusto.