SiloMag #19

Estrenamos Agosto con este SiloMag#19, lleno de de noticias, recursos y tutoriales que esperamos que os sean útiles y os ayuden en vuestros proyectos. Como siempre, os animamos a que nos comentéis que os parecen, al igual que nos gusta que compartáis con nosotros vuestros descubrimientos.

Esta semana, sobre diseño gráfico, un interesante artículo que pone en disputa las interfaces oscuras y las claras, una web para generar paletas de colores, y el proceso de creación de la identidad visual de una revista de poesía. Sobre diseño web, veremos como hacer animaciones de carga usando solo CSS, un recurso en CodePen muy visual, y una reflexión sobre el portfolio web para un diseñador. Y por último, pero no menos importante, sobre WordPress, aprenderemos a personalizar el panel de administración de WordPress, un artículo sobre bloqueadores de publicidad, y como han cambiado los formularios de contactos en la última gran actualización de Jetpack.

Como siempre, esperamos que os guste, y podéis dejarnos cualquier sugerencia en los comentarios!!

Diseño Gráfico

¿UI oscura o clara?

Steam, un ejemplo de interfaz oscura
A veces, cuando empezamos a crear un diseño, asumimos por defecto una paleta de colores que nos parece bonita y a la moda. Pero debemos pensar que elementos hay que tener en cuenta para elegir un tipo de diseño u otro. Constatina Maltezou, desde UX Design, nos da varios varias pistas sobre en que se basan algunas páginas webs y apps para elegir una interfaz oscura o clara. Y veremos como no es una decisión tomada al azar.

Generador de paletas de colores

Generador de paletas de colores al azar
En Threebu nos ofrecen una aplicación web muy curiosa. Podemos generar paletas con tres colores de forma aleatoria. Pero además, se pueden ver en varias interfaces diferentes, como un texto, una tarjeta o en el propio logotipo de Threebu. Y nos da la posibilidad de guardar nuestras favoritas, o descargarlas en nuestro ordenador.

Poesía como un arte visual

Nueva edición de Poetry Magazine
Crear una nueva identidad de una empresa consolidada y conocida, o renovarla, siempre es complicado. En Creative Review nos ofrece una entrevista al estudio de Michael Bierut sobre como fue este proceso en su trabajo para la Poetry Foundation. Y como lograron hacer de algo basado en texto un aspecto mucho más visual.

Diseño Web

Animaciones de carga con CSS

Animación con CSS
Mediante el uso de CSS, pseudo-elementos y keyframes, Julien Benchetrit nos explica como hizo el icono de carga de su propia web. Al tener varios videos e imagenes, quería mostrar una pantalla mientras se cargaban todos estos elementos. Y lo ha conseguido solo con HTML y CSS, sin ningún recurso externo.

Parallax Flipping Cards

Tarjetas Parallax con giro en Codepen
Explorando CodePen se pueden encontrar auténticas maravillas. Y la creada por Tyrell Rummage es una de ellas. Con un efecto parallax, nos ofrece una animación de giro en tarjetas. Un gran recurso para incorporarlo a futuros proyectos viendo. Eso si, os recomendamos tener ciertos conocimientos en HTML,y además de CSS.

¿Cuál es el verdadero papel de un portafolio web de diseño?


Fabricio Teixeira nos ofrece un interesante debate sobre el papel que juega un portfolio web para un diseñador. Porque, ¿que debería ser un portofilio? ¿Un espacio enfocado en el trabajo? ¿O quizás una especie de pieza de arte que muestre tus capacidades? Aparte del intenso debate en internet de “mi portfolio vs tu portfolio”.

WordPress

Personaliza el panel de administración de WordPress

Personalización panel de WordPress
Personalizar el panel de administración de WordPress puede ser una buena idea por varios motivos. Hacer que nuestro cliente se sienta más cómodo con el panel de administración, aumentar la productividad o diferenciar el aspecto por roles. Y en Social9 nos ofrecen un completo tutorial para cambiar varios de estos elementos.

Bloqueadores de publicidad y WordPress

Bloqueadores de publicidad en WordPress
Ya hemos hablado en SiloCreativo de plantillas para WordPressoptimizadas para AdSense, por si queremos monetizar nuestra web. Pero hay que tener en cuenta que un porcentaje creciente de personas usan bloqueadores de publicidad. En WPMU DEV hablan sobre este tema, y que podemos hacer al respecto.

Jetpack 5.2: Formulario de contacto

Nuevo formulario de contacto con Jetpack
Como bien sabeis, Jetpack es uno de nuestro plugins favoritos. Y en una de sus últimas actualizaciones, han renovado las características del creador de formularios de contacto, con muchas mejoras. Nos la expican desde su blog oficial. Eso si, si quieres ver otras alternativas para crear formularios de contacto, aquí te mostramos varias de ellas.

Deja un comentario

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