SiloMag #122

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 traemos un editor online para retoque fotográfico, el rediseño del logotipo de Google Chrome, como crear desde cero nuestro propio Wordle, la forma de poder volver a la pantalla clásico de widgets en WordPress y muchas más cosas!

Diseño Gráfico

El logotipo de Chrome se renueva después de 8 años

comparativa entre los logotipos de chrome

Aunque parezca que siempre se ha mantenido igual, en este 2022 llega la cuarta remodelación del logo de Google Chrome. Lo que hace 14 años era una imagen 3D, incluso con reflejos, en esta última etapa da paso por completo al flat design. Uno de sus creadores nos da todas las claves en este hilo de Twitter.

Cómo serían en la Edad Media los logotipos más famosos

recreacion del logotipo de burguer king con estilo medieval

Siempre me han gustado este tipo de trabajos, en el que tomamos una imagen reconocible y la cambiamos para integrarla en otro mundo. En este caso, Jake Shepherd lleva varios logotipos muy reconocibles a la Edad Media, y los intenta recrear con esa estética. Un trabajo que vale la pena ver y que es muy divertido.

Edit.photo – editor online de imágenes

herramientas de la aplicacion web edit.photo

Seguro que muchos de vosotros usáis un software de retoque fotográfico para trabajar con vuestras imágenes. Pero en muchas ocasiones, el tipo de retoque que vamos a realizar es tan simple que es posible que no nos merezca la pena pagar por este tipo de programas. Hablamos de acciones como recortar una imagen, ponerle un filtro, añadir un texto o cambiar su tono o saturación. Y para este tipo de cosas esta edit.photo, una herramienta web que podemos usar en cualquier dispositivo, incluido un smartphone.

Diseño Web

Colección de patrones básicos

patrones creados con svg
Los patrones son una de las mejores formas que tenemos para darle un toque distintivo al fondo de nuestra web si notamos que un color uniforme es demasiado aburrido. Pero claro, añadirle ese elemento extra a toda la web puede que resulte demasiado pesado si lo hacemos mediante una imagen. Por suerte, en este repositorio podemos encontrar diferentes patrones SVG, que mediante una simple línea de HTML los podemos insertar de forma sencilla, y sin añadirle una carga extra.

Panel de compatibilidad en Firefox Dev

panel de compatibilidad entre navegadores en el inspector de firefox dev
El inspector web de nuestro navegador es uno de los mejores aliados que tiene cualquier persona que se dedique al diseño web. Y poco a poco van añadiendo funcionalidades para optimizar nuestro trabajo. Una de las anunciadas recientemente por Mozilla es el panel de compatibilidad en Firefox Dev, mediante el cual podemos comprobar la compatibilidad que tiene cualquier propiedad CSS a lo largo de diferentes navegadores. Un Can I Use? dentro del propio navegador.

Creando un clon de Wordle con HTML, Sass y JS

wordle juego de palabras

Wordle se ha convertido en uno de los juegos del momento. Y desde Coder Coder nos muestras como podemos construirlo nosotros mismos usando HTML, Sass y JavaScript. Una excelente forma de poner a prueba nuestras habilidades, y ver que estos lenguajes de programación no se limitan solo para hacer sitios web.

WordPress

15 elementos que puedes insertar en WordPress

embed elementos wordpress

La inserción de elementos en nuestra web hace que, en vez de tener un contenido lleno de hipervínculos, podamos tener un aspecto más llamativo y que podamos agregar e interactuar con cualquier tipo información dentro de nuestra propia página. Todos pensamos en el típico video de YouTube, algún tuit o un mapa para localizar alguna ubicación. Pero podemos ir más allá, e insertar gráficas, juegos, documentos y muchas más cosas que nos explican en este artículo de WPMU DEV.

Novedades en Gutenberg 12.5

paleta de colores en el editor de wordpress con transparencia

WordPress 5.9 se lanzó hace pocos días, pero la evolución de Gutenberg no para. Si instaláis su plugin, podréis probar las últimas novedades que van añadiendo, y que se introducirán de forma oficial en la próxima actualización de WordPress. Entre las opciones más destacas, la posibilidad de añadir transparencia a los colores, modificar el tamaño de las imágenes destacadas, o las variaciones de los estilos globales.

Deshabilitar los bloques de widgets

bloque widget en wordpress
Con la llegada del WordPress 5.8, muchas secciones de edición de nuestra web pasaron a formar parte del editor de bloques. Entre ellas los widgets, aunque hubo parte de la comunidad que no llegaron a gustarles estos cambios. Por suerte, siempre podemos volver atrás y volver al editor de widgets clásico. Y desde WPBeginner nos enseñan como hacerlo mediante plugin, o directamente modificando el código.

Comentarios (2)

  1. El recurso de Edit.photo está muy bien. En mis proyectos siempre entrego a mis clientes video tutoriales de cómo dar formato y optimizar las imagenes antes de subirlas a su web, lo cual es importantísimo para cuidar los recursos y sobre todo el tiempo de carga. Para esto Gimp es una buena alternativa ya que es una herramienta gratuita. Sin dudas Edit.photo al ser una herramienta online puede representar una ventaja para algunos. Gracias por compartir, no la conocía.

    1. Muy cierto, Gimp es una excelente alternativa a otras opciones de pago, pero que por desgracia no está más extendida entre el grueso de usuarios. Sobre edit.photo, no deja de ser una buena opción cuando estamos fuera de nuestro ordenador habitual y no tenemos un software de retoque instalado. o para aquellas personas que necesitan hacer acciones básicas con sus imágenes, y que programas como Gimp o Photoshop es posible que les sean demasiados complejos de usar.

      Un saludo, y gracias por tu comentario!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *