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.
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.
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.
SiloCreativo 3.0: Nuevo diseño y novedades!
Tras cinco años de SiloCreativo, era el momento de crear algo nuevo e incluir algunas novedades. En este artículo repasamos el proceso de rediseño de nuestra web y te contamos que hemos aprendido por el camino.
Cómo ocultar o mostrar Widgets de WordPress en determinadas páginas
Ocultar o mostrar widgets en WordPress en páginas seleccionadas puede ser muy útil para conseguir páians con el 100% de ancho o mostrar contenido adicional relacionado solo con el área principal. Repasamos los plugins disponibles para ello.
Cómo Instalar WordPress en Raspberry Pi
Tutorial sobre cómo instalar WordPress en un microordenador Raspberry Pi gracias a LAMP, perfecto para trabajar en el desarrollo de una web, el diseño de un theme o la programación de un plugin. Con este proyecto podremos crear un entorno de desarrollo o reproducción que mejorará nuestra productividad con WordPress.
Cómo añadir el enlace «Leer más» y los extractos personalizados a WordPress
En WordPress podemos decidir si mostrar nuestros artículos completos en la página de inicio o mostrar un resumen seguido de un enlace «leer más» al artículo completo . Veamos que ventajas tiene cada uno y como afecta a la UX y el SEO