HDTutorial
IT
Tutorial CSS Navbar: 3 Modi per Creare una Barra di Navigazione con Flexbox

La riproduzione carica il player incorporato di YouTube (modalità privacy avanzata).

Tutorial CSS Navbar: 3 Modi per Creare una Barra di Navigazione con Flexbox

2.941.182 visualizzazioni 26 ottobre 2019 15:08

Guarda su YouTube
CanaleSkillthrive

In breve

Costruisci tre barre di navigazione diverse usando Flexbox e HTML di base—perfetto per sviluppatori web che vogliono applicare proprietà Flexbox come align-items, justify-content e order per creare design puliti e funzionali. Il tutorial si concentra sull’implementazione pratica, non sulla teoria approfondita.

Descrizione dell’autore

In questo corso gratuito di design e sviluppo web, imparerai a creare tre diversi stili di navbar usando Flexbox e le basi di HTML. Vedrai come proprietà di Flexbox come *align-items*, *justify-content* e *order* possano aiutarti a realizzare velocemente nuovi design per il web.

Questo corso è pensato come un progetto pratico e non approfondirà HTML, CSS o JavaScript. Se vuoi imparare di più su questi argomenti, dai un’occhiata ai link in fondo alla descrizione.

📂 FILE DEL CORSO 📂

⏰ INDICE TEMPORALE ⏰

Navbar 1: 0:22

Navbar 2: 10:18

Navbar 3: 11:58

✅ LINK UTILI ✅

🌟 CORSI CONSIGLIATI 🌟

CSS

(Pagato) *Build Responsive Real World Websites with HTML5 and CSS3*

(Gratis) *CSS Crash Course For Absolute Beginners*

CSS GRID

(Gratis) *Flexbox CSS In 20 Minutes*

(Gratis) *A Complete Guide to CSS Flexbox*

CSS FLEXBOX

(Gratis) *CSS Grid Tutorial*

(Gratis) *A Complete Guide to CSS Grid*

JAVASCRIPT

(Pagato) *The Complete JavaScript Course 2019: Build Real Projects!*

(Gratis) *Learn JavaScript - Full Course for Beginners*

Informazioni su questo tutorial

Skillthrive ha pubblicato questo video tutorial di 15:08 il 26 ottobre 2019. È stato visto 2.941.182 volte su YouTube.

Categoria
Istruzione
Durata
15:08
Pubblicato
26 ottobre 2019
Visualizzazioni
2.941.182
Mi piace
62.291

Condividi

Approfondimenti

  • CSS Barra di navigazione - Web Tutorial secara online w3bai.com

    Esempi orizzontale barra di navigazione . Creare una barra di navigazione orizzontale di base con un colore di sfondo scuro e cambiare il colore dei link background quando l'utente sposta il mouse su di loro: Casa; noti…

  • Barra di ricerca con i CSS: tutorial per la creazione | HTML.it html.it

    Non è qui la sede per discutere delle implicazioni a livello di usabilità e accessibilità di una scelta per certi versi radicale come l’eliminazione del pulsante di submit. E sarebbe pure interessante fare un sondaggio…

  • Flexbox, un menu di navigazione orizzontale | CSS HTML.it html.it

    Con flexbox gli step necessari rimangono 3, ma il secondo passaggio non prevede l’adozione di float o inline-block.Vediamo come. Nella seconda demo siamo partiti da questa struttura HTML, un elemento nav con all’interno…

Questo tutorial in altre lingue