Navegación con JavaScript añadido

Navegación con JavaScript añadido

La técnica que vamos a ver ahora completa la navegación responsive que hemos visto. Se trata de tener unos estilos para cuando aún no ha cargado el JavaScript, y unos estilos alternativos cuando tenemos JavaScript funcionando.

TAREAS

Añade transition a los enlaces.Prueba la propiedad transition en los enlaces, cambiando el efecto de :hover de forma gradual.

Añade JavaScript a la navegación. (Opcional) Intenta reproducir la navegación responsive con JavaScript que hemos visto.

RECURSOS ADICIONALES

• Webs y libros interesantesReferencia de propiedades CSS en Mozilla Developer Network (español, incompleto): https://developer.mozilla.org/es/docs/Web/CSS/Referencia_CSS
  Referencia de propiedades CSS en Mozilla Developer Network (inglés, más desarrollado): https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
  Un buen libro para seguir aprendiendo HTML y CSS (inglés): http://htmlandcssbook.com/
  Un buen libro para aprender JavaScript a fondo (inglés): http://javascriptbook.com/

RECURSOS ADICIONALES

PDF Apuntes Unidad 7

ZIP Proyecto 

ZIP JavaScript para el menú de navegación 

PDF Formularios Información adicional sobre cómo funcionan los formularios.