Mario González

Blog sobre desarrollo web

Icono hamburguesa

Icono animado para el menú de móvil

Cuando accedéis a una web desde un móvil, lo más seguro es que el menú de navegación esté oculto para dejar más espacio disponible al contenido principal, y que haya un icono de tres líneas horizontales para desplegar el menú. A ese icono se le llama hamburguesa. En este tutorial vamos a ver cómo hacer que el icono de la hamburguesa se convierta en una cruz cuando se despliegue el menú, y que vuelva a su apariencia hamburguesil tras cerrarlo.

Icono hamburguesa

(más…)

Variables CSS

Variables CSS

Inauguramos la nueva temporada del blog con un post sobre una de las características de CSS más nuevas (lleva algunos años con nosotros, pero no tantos siendo soportada por los navegadores) y menos aprovechadas: las variables CSS, también conocidas como Custom Properties.

Los que empezamos en esto de las webs por el backend, es decir, programando más que maquetando, recibimos con los brazos abiertos cualquier avance en el mundo del frontend que se dirija a asumir técnicas ya asentadas en el mundo de la programación. Sin variables sería imposible programar, y es una característica que echamos mucho de menos al meternos en el desarrollo HTML/CSS.

(más…)