Este proyecto es Sea Life un sitio sencillo One Page con Flex CSS. El proyecto número 33 del reto personal #100sitioswebchallenge.
Puedes visualizar el sitio en: Sea Life
DESAFÍOS
Creo que una ventaja de hacer el bosquejo de un sitio, mucho antes de brincar a la maquetación, es que te permite ver el producto final. Por ejemplo con este proyecto no me gustó el bosquejo inicial, por lo que quise hacer modificaciones hasta que me gustara.
PROCESO
Paleta de colores y estilos
Paleta de colores: EDEDED 000000 FFFFFF
Tipografía: Roboto de Google Fonts
Mockup (Bosquejo)
Este es el primer bosquejo del sitio, pero una vez que lo terminé no me gustó mucho. Por lo que el bosquejo final es la segunda imagen, y a partir de ahí empecé a maquetar el sitio.
HTML y CSS
Usando VS Code como mi editor de preferencia empiezo a armar el bosquejo. Por un lado tengo el bosquejo, en otro lado mi editor y por último una ventana de navegador para ir viendo como mi sitio va quedando. Creo que ahora por eso sé porque los desarrolladores tienen tantos monitores.
Sitio web responsivo
Publicación del sitio
Consulta el código del sitio en Github
Puedes visualizar el sitio en: Sea Life
Información técnica
- Figma
- Visual Studio Code
- HTML5 (Semántico)
- CSS (SASS, Flex)
- Sitio responsivo
- Github
- Netlify
Recursos
Unsplash
Pexels
Deja tus comentarios y sugerencias para Sea Life un sitio sencillo One Page con Flex CSS.
