Ejemplo de maquetación de layout responsive con HTML y CSS. Se ha utilizado plantilla precreada de automatización de tareas, lo que permite agrupar HTML y CSS bajo metodología BEM en la carpeta public/ y trabajar en la carpeta src/ en archivos que corresponden a fragmentos que se puedan reutilizar en distintas partes de la web, como links, secciones o menús de navegación. También permite agrupar mediaqueries creadas en los archivos SCSS y colocarlos al final del documento CSS.
Estas instrucciones te permitirán obtener una copia del proyecto en funcionamiento en tu máquina local para propósitos de desarrollo y pruebas.
¿Que necesitas para instalar el software?
Necesitas tener instalado Node JS
- Descargar este repositorio en zip o clonar el repositorio en tu dispositivo (si clonas el repositorio, ten en cuenta de que no podrás añadir tus commits)
- Abre una terminal en la carpeta raíz de tu repositorio
- Instala las dependencias locales ejecutando en la terminal el comando:
npm install
Una vez hecho el paso anterior, hay que arrancar el proyecto cada vez que programes. Para ello, ejecuta el comando:
npm start
A continuación puedes observar que:
- Se abrirá una ventana en tu navegador pretederminado, que mostrará tu web.
- Los ficheros sobre lo que trabajarás estan dentro de la carpeta
src/
Introducir el comando
npm run docs
Y a continuación:
- Sube tu repo a la carpeta
docs/
que se te acaba de generar - Entra en la pestaña settings de tu repositorio
- En el apartado de GitHub Pages activa la opción master branch/docs folder
- HTML
- SASS