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:
Cómo crear una cabecera fija con HTML y CSS: franciscoamk.com/como-crear-u...
Unidades de medida en CSS (Px, Porcentajes, Em y Rem): franciscoamk.com/unidades-de-...
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
🎓 Cursos de diseño web: franciscoamk.com/cursos
:::
¡¡¡Nuevos videos todas las semanas!!!
:::
ACERCA DE MÍ
Soy Francisco Aguilera G., creativo enfocado principalmente en el diseño web. Diseño y desarrollo sitios web para clientes y paralelamente me dedico a enseñar sobre diseño web a través de videos, artículos, tutoriales y cursos en línea.
:::
Suscríbete: franciscoamk.com/newsletter
Cursos: franciscoamk.com/cursos
Mis dibujos: / franciscoamk
28 май 2024