Estrenamos nuevo año con un nuevo SiloMag. Y encima alcanzamos nuestro número 100. Os agradecemos mucho a todos aquellos que nos leéis cada dos semanas, y que nos empujáis a que sigamos compartiendo todo tipo de artículos y recursos para seguir aprendiendo y mejorando día a día.
Esta semana, traemos el rediseño de una marca de hamburgueserías muy conocida, una novedad de Nelio para hacernos la vida más sencilla en WordPress, una herramienta online para crear pixel-art, asombrosas ilustraciones creadas en Figma, un análisis muy especial de Cyberpunk 2077, y muchas más cosas!
Diseño Gráfico
PixelCraft – Editor online de pixel art
El pixel art se ha convertido en un estilo artístico más en los últimos años, que nos llevan a una época donde los gráficos por ordenador tenían otro aspecto. Y entre las muchas herramientas con las que podemos crear pixel art, como Photoshop, ahora disponemos de PixelCraft, un editor online donde podremos crear nuestras ilustraciones y guardarlas de forma local en diferentes formatos de imagen.
Ilustraciones creadas en Figma
En alguna que otra ocasión hemos hablado de Figma como una excelente herramientas para crear prototipos de webs y aplicaciones. Pero en las últimas semanas muchos diseñadores están yendo más allá, y están creando ilustraciones increíbles. Desde Abduzeedo nos hacen una pequeña recopilación con algunas de las que ha creado Martin Bekerman.
Nueva imagen para Burguer King
Como parte de su primer ejercicio de cambio de marca en más de dos décadas, Burger King desplegará un nuevo logotipo en todo tipo de formatos: embalaje, mercancía de restaurante, tableros de menú, uniformes, señalización y decoración de restaurantes, redes sociales…. Todos los elementos de este nuevo diseño visual estarán presentes en todos los lugares en lo que los clientes tengan contacto con algún producto de la marca.
Diseño Web
CSS – Propiedades personalizadas de alto nivel
Las propiedades personalizadas en CSS se usan principalmente como variables en los cálculos de otras propiedades. Tener una propiedad personalizada CSS que controle un conjunto variables de otras propiedades, como los colores y los tamaños de fuente, no es exactamente posible. Hay algunos métodos alternativos que podemos usar, pero no cubren todos los escenarios posibles. Afortunadamente, está surgiendo una nueva idea: propiedades personalizadas de alto nivel.
Creando imágenes con un solo div
Un div, múltiples capas de fondo y un montón de código CSS. Para crear una imagen simple en una web, sólo necesitas saber una cosa: cómo funcionan los fondos en CSS. Eso es todo. A partir ce aquí, podemos ir añadiendo capas para que nuestras imágenes sean cada vez más complejas. Al final, el límite solo lo ponemos nosotros.
Análisis UX de la interfaz de Cyberpunk 2077
A los que os gustan los videojuegos, seguro que habéis estado al tanto del lanzamiento de Cyberpunk 2077 a finales del año pasado. Y también de toda la polémica que le rodea. De entre todos los análisis y artículos que ese han escrito sobre el juego, nos quedamos con este de Maria Meireles sobre el HUD. Un texto que pormenoriza en su interfaz, y como hay cosas que no funcionan para la experiencia del usuario. Todo ello, con propuestas de mejora para que todo sea más intuitivo para el jugador.
WordPress
Nelio Unlocker – Convierte tus páginas y entradas a Gutenberg de forma automática
Nelio Software nos presenta Nelio Unlocker, una herramienta que nos va a permitir convertir todo nuestro contenido WordPress a Gutenberg. Ya vengamos del editor clásico o de un page builder, Nelio Unlocker analizará nuestro layout, lo subirá a la nube de Nelio, y nos lo devolverá convenientemente convertido a bloques de Gutenberg. Todo esto manteniendo nuestro contenido, con un código limpio que nos asegurará el correcto funcionamiento de nuestra web.
Kinsta lanza su herramienta de desarrollo local WordPress: DevKinsta
Kinsta se suma a otros desarrolladores, y lanza su propio software de desarrollo local con WordPress, disponible tanto para Windows como macOS. Podemos crear y gestionar multisites, tiene soporte para PHP 7.x y 8.x, y su propio gestor de correo local. Para los que desarrolláis en local vuestros proyecto, os recomendamos que le echéis un vistazo.
Google Core Web Vitals ¿qué son, cómo puedo usarlas para optimizar mi WordPress?
Core Web Vitals son el penúltimo intento de Google de cambiar Internet. Las Google Core Web Vitals son un conjunto de métricas de rendimiento y experiencia de usuario que van a convertirse en un importante factor SEO durante los próximos meses y años, y no deberías ignorarlo. La idea de las Core Web Vitals es ofrecer una serie de criterios uniformes bajo los cuales medir la experiencia de los usuarios cuando visitan una web, teniendo en cuenta la usabilidad y la velocidad de carga de todos sus elementos. Y en esta guía de AyudaWP nos darán todas las claves.
No te puedes perder...
