SiloMag 145

As every two weeks, we bring you a new installment of SiloMag. And as always, we have compiled the best news and resources about graphic design, web design and WordPress for all of you.
This week we have the process of creating an image using AI, a very interesting trick for WooCommerce, a new HTML element, the possible new image for LaLiga, how to create a language selector effectively, how to use modern CSS in a real case, and many more!

Graphic Design

Streamline introduces Wayfinding icon, a guidance set

guide grid with mute signal icon

Inspired by modern brutalist architecture and natural forms, the set of signage and wayfinding icons created by Streamline combines beauty and functionality. In addition, this set can be used completely free of charge as they are licensed under Creative Commons.

An AI artist explains his workflow

boxer fighting with a time marker marking the time spent creating the image with the help of an AI

How does an AI artist maintain consistency with a recurring character in an illustration? While it may seem like creating images using AI only takes a few clicks, it can be quite time-consuming. In this video from Vox, he shows us the abbreviated workflow of the anonymous creator of “Stelfie,” a character who takes time-traveling selfies. His workflow includes custom 3D-generated heads, initial sketches, and extensive back-and-forth between Photoshop and the AI program Stable Diffusion to achieve the desired look.

New LaLiga Logo Leaked?

laliga logo in red color, spanish soccer competition

On several occasions we have seen some redesigns of soccer team shields, which are never an easy task. But this time, Footy Headlines shows us what could be the new look of the Spanish soccer league, also known as LaLiga. The current logo has been almost unchanged since 1993, but it seems that the new contract with EA Sports will change it for a more modern look.

Web Design

New HTML Element: search

html code for the creation of the search element
A new semantic element has landed on the HTML standard . It represents a section of the document that is used to search or filter. It should contain form controls (like text inputs, dropdowns, buttons, etc.), and the scope of the search/filtering can be anything: from the same document to the whole Internet.

Designing an effective language selector

drop-down menu with several languages
In today’s globalized and interconnected digital landscape, catering to a diverse audience with varying language preferences has become increasingly important. This is where a language selector, also known as a language switcher, plays a crucial role in enhancing user experience.

Rebuilding a featured news section with modern CSS: Vox news

schematic showing the different elements of the featured news section of the vox.com website

Ahmad Shadeed conducts a curious experiment. He takes the featured news section of Vox.com, and tries to rebuild it with some of the latest developments that have arrived during the last years to CSS: flebox, grid, aspect ratio, container queries… Will these new properties be more suitable than the ones used on the Vox website?

WordPress

How to write good WordPress meta descriptions

illustration of a person typing on a laptop, with a website in the background
If you want to make your WordPress page rank higher in search engines, you need to provide as much information about it as possible. One way to do that is by including metadata such as meta titles, meta tags, or meta descriptions. In this article WP Explorer teach us why meta descriptions, in particular, are important for WordPress SEO or “search engine optimization”. Also we’ll learn key tips to write effective meta descriptions for your pages.

WooCommerce: How to hide the zero price and show the “Free” text

online store item showing in the price field the word free

Sometimes, when in our store created with WooCommerce we have free products, we prefer the word “Free” to show its value as 0. Luckily, thanks to this article by Fernando Tellado we will see how to achieve this in a simple way.

Jetpack: The End of Twitter Auto-Sharing

jetpack social logo
In April, Twitter changed the terms and pricing for access to its API. What was once free access now became a paid service with a base price of more than $500,000 per year. As a result, many applications and platforms that used it have had no choice but to stop using it. And among them is Jetpack, which will no longer have the option to automatically share any content we have in WordPress.

Leave a Reply

Your email address will not be published. Required fields are marked *