Canada Modern: Archivo de diseño gráfico sobre Canadá
Visitamos el archivo digital «Canada Modern», una recopilación de diseño gráfico producido entre 1960 y 1985 en Canadá con buenos ejemplos de logotipos para inspirarse y aprender.
Autor: Ricardo Prieto
Hola! Mi nombre es Ricardo Prieto y trabajo (y escribo) sobre diseño web, maquetación y experiencia de usuario en SiloCreativo, desde donde ayudamos a personas a desarrollar sus proyectos con tutoriales, consejos y recursos.
Diseño Editorial y CSS Grid: Inspiración y ejemplos
Gracias a CSS Grid, el diseño editorial y diseño web están más cerca que nunca, sirviendo los diseños de magazines y publicaciones como inspiración para proyectos web, como algunos de estos ejemplos.
Añadir acciones personalizadas a los usuarios en WordPress
El core de WordPress viene preparado con cientos de filtros y hooks para personalizar hasta el último detalle nuestro proyecto. En este caso recopilamos como añadir un nuevo enlace a la fila de acciones rápidas de cada usurario.
Gridexamples.com: lo que te aporta trabajar en un Side Project
Estas últimas semanas hemos estado trabajando en un Side Project llamado Gridexamples.com, un showcase con ejemplos de webs en producción que usan CSS Grid. Repasamos lo que hemos aprendido durante su desarrollo.
2017 en SiloCreativo: Resumen, números y gracias!
Vamos con el resumen de este 2017. Repasamos los artículos más vistos, lo más comentado y compartido en redes junto con algunos agradecimientos y buenos deseos.
Felicitación Navideña: mini Juego con HTML, SVG y CSS
Ya llaga la Navidad! Y con ella nuestra felicitación navideña, este año en forma de juego diseñado con HTML, CSS y JS. ¿Puedes ayudar a Santa a decorar su árbol correctamente? Feliz Navidad!
Barra de progreso de tiempo de lectura con CSS
En este artículo vamos a experimentar con un nuevo valor para la propiedad position de CSS para crear una barra de progreso de lectura de los artículos sin necesidad de PHP ni JavaScript. Solo HTML y CSS.
Cómo crear una barra social flotante con HTML y CSS3
En esta demo vamos a ver como crear una barra social horizontal para compartir nuestros artículos. La maquetaremos para que se mantenga fija y flotante en la parte inferior de la pantalla. Todo con HTML y CSS3.
Ejemplos creativos de error 404 con CSS
Las páginas de error 404 son una de las secciones más descuidadas en el diseño web. Con estos diseños y animaciones CSS ya no hay escusas para no tener un diseño creativo y divertido.
Formulario de suscripción a newsletter responsive con CSS
Una muestra de diseños en CSS y HTML de formularios de suscripción de boletines de correo y newsletter, perfectos para encontrar un poco de inspiración. Son fácilmente aplicables a cualquier formulario, especialmente al widget de suscripción de WordPress
Diseño de Banner responsive con HTML y CSS
Los banners tienen que adaptarse al diseño web responsive, ya que las imágenes con unas dimensiones fijas ya no tienen sentido en las estructuras fluidas actuales. Repasamos las alternativas y diseñamos varios banners responsive con HTML y CSS.
Zoom en imágenes con CSS al hacer hover
Una nueva demo para solucionar un problema sencillo, conseguir un zoom de una imagen al pasar el cursor por encima (hover) solo con CSS. No necesitaremos JS ni librerías externas para poder ampliar una imagen y verla con mas detalle, solo HTML y CSS.
Animaciones CSS para el icono hamburguesa del menú responsive
Animamos el icono hamburguesa, que da acceso al menú responsive utilizando transformaciones y pseudoelementos CSS junto con HTML, convirtiendo el elemento en un nuevo icono de cierre del menú, mejorando así la UX del usuario en caso de querer volver a la vista anterior.
SiloMag #23
Volvemos con un nuevo número de SiloMag, esta vez con información útil para aquellos diseñadores gráficos que estén pensando en dar un giro en su carrera y acercarse al mundo del UX, además de algunos buenos ejemplos y showcases sobre ilustraciones, logotipos y webs de comercio online.