Come creare una barra di navigazione reattiva utilizzando HTML CSS / SASS e JavaScript

Blog

In questo video, ti mostriamo che ti ho mostrato come creare una barra di navigazione reattiva utilizzando HTML CSS / SASS e JavaScript



⏱ Timestamp
0:00 Menu reattivo introduttivo
1:29 File di progetto
2:17 Navbar HTML
7:24Accendi Live Sass
7:36 Variabili SCSS
8:55 Reset SCSS
9:28 Classi riutilizzabili
10:56 Navbar SCSS
18:48 Mostra menu nascosto
22:14 Cambia intestazione di sfondo
23:07 Collegamento attivo delle sezioni di scorrimento
24:40 Breakpoint
28:19 Progetto finale

data di rilascio del bootstrap 5

Risorse
Caratteri: https://fonts.google.com/
Icone: https://boxicons.com/
GitHub: https://github.com/bedimcode/responsive-watches-website



Codice sorgente
https://github.com/bedimcode/responsive-navbar

☝ Come scaricare il progetto
- Fare clic sul collegamento GitHub
- Fare clic sul pulsante verde (codice)
- Fare clic su Scarica ZIP
- Estrarre il progetto nella posizione desiderata



‍ Avvia il progetto da zero
https://github.com/bedimcode/responsive-navbar/tree/project-from-scratch

Iscriviti per saperne di più!
https://www.youtube.com/c/Bedimcode

www.youtube.com

Come creare una barra di navigazione reattiva utilizzando HTML CSS / SASS e JavaScript

In questo video, ti mostriamo che ti ho mostrato come creare una barra di navigazione reattiva utilizzando HTML CSS / SASS e JavaScript