Un sitio web creado por un fan de la banda con cariño. El desarrollo de esta web es sólo con fines académicos. Está desarrollada sólo con HTML5 y CSS3, poniendo énfasis en el uso de la herramienta Flexbox en ésta última tecnología.
Actualmente estoy realizando el curso de desarrollo web de Coderhouse, y ésta es la primera pre-entrega de mi proyecto, así que conforme a lo que vaya aprendiendo, iré haciendo uso de nuevas tecnologías y las añadiré al proyecto
Aplico diseño responsivo a las páginas "Contacto" y "Discografía", usando las tecnologías de Bootstrap para el formulario de contacto y de CSS Grid para el listado de los discos en las discografías. Por último se añadieron mediaqueries para hacer responsivo el tamaño de las fuentes y ajustar algunos detalles como el FOOTER y el HEADER de ambas páginas.
Aplico los conocimientos adquiridos en clase acerca del pre-procesador de hojas de estilo SASS, que cuenta con la ventaja de crear partials, mixins y la posibilidad de escribir código CSS anidado. También hago uso del fichero gitignore para no subir los archivos innecesarios al repositorio.
Para finalizar con el proyecto se aplica el diseño responsivo a todos los HTML !!!! Había tenido un inconveniente para concretar la tercera entrega que se exigían 3 HTML completamente responsivos, objetivo el cual no pude lograr en su momento debido a que quería asimilar conocimientos sólidos en CSS puro y había decidido prescindir de la implementación de Bootstrap en el proyecto.
Analizando el código, llegué a la conclusión de que mi problema era la especificidad de los estilos en las mediaqueries. Una vez detectado mi error, me dispuse a implementar la metodología BEM (Block Element Modifier) para nombrar las clases de los HTML, lo cual me resultó extremadamente cómodo para hacer el diseño responsivo y poder entregar el proyecto final en tiempo y forma.
https://pre-entrega-2.vercel.app/# https://gudo09-cuartetodenos.netlify.app/