Diseño, Tutoriales, Video | 2 de mayo de 2018

Cómo crear una cabecera fija responsive con HTML y CSS

Hace un tiempo hice un tutorial explicando cómo crear una cabecera fija o estática con HTML y CSS y es momento de revisitar ese contenido y darle una actualización.

En esta nueva versión, lo haremos a modo de video y además incluiremos las instrucciones necesarias para hacer que esta cabecera sea responsive, o sea, adaptable a los diferentes tamaños del navegador.

Algunos enlaces relacionados:

Aquí tienes algunos indicadores por si quieres saltar directamente a alguna de las secciones del video:

  • 0:00 Introducción
  • 1:04 Preparando los archivos base
  • 2:39 Escribiendo el código HTML base
  • 10:15 Escribiendo el CSS base
  • 24:00 Haciendo que la cabecera esté fija
  • 28:10 Haciendo la cabecera responsive
  • 37:43 jQuery para abrir cerrar el menú
  • 43:43 Conclusion y despedida

Si seguiste este tutorial, te invito a dejar un enlace a el proyecto que hayas creado, para poder mirarlo y que otros colegas también puedan verlo.

Hasta la próxima.

Un abrazo,
@FranciscoAMK