Orario delle lezioni

Scatola magica

• Cassetto magico CodeW3C.com

Menu

• Barra delle icone
• Icona del menu
• Fisarmonica
• Scheda
• Scheda verticale
• Titolo della scheda
• Scheda a pagina intera
• scheda sovrapposta
• Navigazione in testa
• Navigazione in testa responsiva
• Navigazione divisa
• Barra di navigazione con icone
• Menu di ricerca
• Barra di ricerca
• Bar laterale fissa
• Navigazione laterale
• Bar laterale responsiva
• Navigazione a schermo intero
• Menu esterno della lavagna
• Pulsante di navigazione laterale sovrapposto
• Bar laterale con icone
• Menu a scorrimento orizzontale
• Menu verticale
• Navigazione a bordo inferiore
• Navigazione a bordo inferiore responsive
• Link di navigazione a bordo inferiore
• Link di menu a destra
• Link di menu centrato
• Link di menu a larghezza costante
• Menu fisso
• Scorrere il pannello laterale durante lo scorrimento
• Nascondere la barra di navigazione durante lo scorrimento
• Ridurre la barra di navigazione durante lo scorrimento
• Barra di navigazione adesiva
• Barra di navigazione sull'immagine
• Menu a discesa a hover
• Menu a discesa a单击
• Menu a discesa a cascata
• Menu a discesa nella barra di navigazione superiore
• Menu a discesa nel pannello laterale
• Navigazione responsive con menu a discesa
• Menu di sottonavigazione
• Menu a discesa
• Menu superiore
• Menu mobile
• Menu a tendina
• Barra laterale pieghevole
• Pannello laterale pieghevole
• Navigazione a pagine
• Navigazione a fette
• Gruppo di pulsanti
• Gruppo di pulsanti verticali
• Barra sociale adesiva
• Navigazione a cerotto
• Testata responsive

Immagine

• Diapositiva
• Galleria di diapositive
• Immagine modale
• Luce notturna
• Griglia di immagini responsive
• Griglia di immagini
• Galleria di immagini
• Galleria di immagini scorribile
• Galleria di immagini a schede
• Scomparsa sovrapposta all'immagine
• Scorrimento sovrapposto all'immagine
• Zoom sovrapposto all'immagine
• Titolo sovrapposto all'immagine
• Icona sovrapposta all'immagine
• Effetto dell'immagine
• Immagine a scala di grigio
• Testo su immagine
• Blocco di testo su immagine
• Testo su immagine trasparente
• Immagine a pagina intera
• Modulo sull'immagine
• Immagine a rotazione
• Immagine sfocata di sfondo
• Cambiare lo sfondo durante lo scorrimento
• Immagini in linea
• Immagine arrotondata
• Immagine del profilo
• Immagine responsive
• Immagine centrata
• Anteprima
• Contorno dell'immagine
• Introduzione della squadra
• Immagine adesiva
• Immagine capovolta
• Immagine tremolante
• Galleria di opere
• Galleria di opere filtrabile
• Zoom delle immagini
• Lente di ingrandimento delle immagini
• Cursore di confronto delle immagini
• Icona del sito

Pulsante

• Pulsante di avviso
• Pulsante a contorno
• Pulsante di divisione
• Pulsante animato
• Pulsante a degradazione
• Pulsante sull'immagine
• Pulsante dei social media
• Leggi di più/Leggi meno
• Pulsante di caricamento
• Pulsante di download
• Pulsante a cerotto
• Pulsante di notifica
• Pulsante a icona
• Pulsante pagina successiva/pagina precedente
• Pulsante 'Altro' nella navigazione
• Pulsante in blocco
• Pulsante testuale
• Pulsante arrotondato
• Pulsante di ritorno in alto

Modulo

• Modulo di accesso
• Modulo di registrazione
• Tabella di pagamento
• Modulo di contatto
• Tabella di accesso sociale
• Modulo di registrazione
• Modulo a schede con icone
• Iscrizione alla newsletter
• Modulo a griglia
• Modulo responsive
• Modulo popup
• Modulo in linea
• Cancellare l'input
• Nascondere le frecce numeriche
• Copia del testo nella scheda dei appunti
• Ricerca animata
• Pulsante di ricerca
• Ricerca a schermo intero
• Casella di input nella barra di navigazione
• Modulo di accesso nella barra di navigazione
• Casella di controllo/ pulsante a scelta singola personalizzati
• Casella di selezione personalizzata
• Cambiare la levetta
• Selezionare la casella di controllo
• Rilevamento del blocco maiuscolo
• Attivare il pulsante con la pressione della barra spaziatrice
• Verifica della password
• Cambiare la visibilità della password
• Modulo a più passaggi
• Completamento automatico
• Disattivare la completamento automatico
• Disattivare la correzione ortografica
• Pulsante di caricamento dei文件
• Verifica di input vuoto

Filtro

• Elenco di筛选
• Tabella di筛选
• Elemento di筛选
• Menu a discesa di筛选
• Elenco ordinato
• Tabella ordinata

Tabella

• Tabella a strisce di zebra
• Tavola centrata
• Tavola a larghezza piena
• Tavola annidata
• Tavola in colonna
• Tavola responsiva
• Tavola di confronto

Più

• Video a schermo intero
• Modale
• Modale di eliminazione
• Linea temporale
• Indicatore di scorrimento
• Barra di avanzamento
• Barra di competenze
• Barra di scorrimento della gamma
• Selettore di colore
• Campo email
• Suggerimento
• Mostra elemento hover
• Finestra popup
• Contenuto pieghevole
• Calendario
• HTML include
• Elenco di cose da fare
• Caricatore
• Medaglia
• Valutazione a stelle
• Valutazione dell'utente
• Effetto sovrapposto
• Chip di contatto
• Carta
• Carta a inversione
• Carta del profilo
• Carta del prodotto
• Avviso
• Casella di avviso
• Appunti
• Etichetta
• Fascia
• Nuvola di etichette
• Cerchio
• Linea orizzontale stilizzata
• Buono sconto
• Gruppo di elenco
• Gruppo di elenco con medaglia
• Elenco senza elenco di punti
• Testo responsivo
• Testo d'ombra
• Testo luminoso
• Footer fisso
• Elemento adesivo
• Altezza uguale
• Rimuovere il float
• Float responsivo
• Barra di notifica
• Finestra a schermo intero
• Disegno di scorrimento
• Scorrimento fluido
• Sfondo di sfumatura scorrevole
• Intestazione adesiva
• Ridurre l'intestazione quando scorre
• Tavola dei prezzi
• Scorrimento di parallax
• Rapporto larghezza/altezza
• Frame inline responsivo
• Switch preferito/indesiderato
• Switch visibile/nascosto
• Switch del dark mode
• Switch del testo
• Switch della classe
• Aggiungere la classe
• Rimuovere la classe
• Cambiare la classe
• Classe attiva
• Visualizzazione a albero
• Rimuovere la virgola decimale
• Rimuovere l'attributo
• Rilevamento offline
• Trova elemento nascosto
• Reindirizzare la pagina web
• Formattazione del numero
• Zoom hover
• Scatola capovolta
• Centra verticalmente
• Centra il pulsante nel DIV
• Elenco centrato
• Transizione di hover
• Freccia
• Forma
• Link di download
• Elemento a piena altezza
• Finestra del browser
• Barra di scorrimento personalizzata
• Nascondere la barra di scorrimento
• Visualizzare/Forzare la visualizzazione della barra di scorrimento
• Aspetto dell'attrezzo
• Bordo del contenuto modificabile
• Colore del segnaposto
• Disabilitare l'adattamento delle dimensioni della regione di testo
• Disabilitare la selezione del testo
• Colore di selezione del testo
• Colore del punto elenco
• Linea verticale
• Linea di divisione
• Linea di divisione del testo
• Icona animata
• Contatore a ritroso
• Effetto macchina da scrivere
• Pagina in arrivo
• Messaggio di chat
• Finestra di chat popup
• Schermo diviso
• Valutazione del cliente
• Contatore di sezione
• Diapositive citate
• Elemento della lista chiudibile
• Breakpoint tipico dell'attrezzo
• Elemento HTML trascinabile
• Query media JS
• Evidenziatore di sintassi
• Animazione JS
• Lunghezza della stringa JS
• Operazione esponenziale JS
• Parametro predefinito JS
• Numero casuale JS
• Ordinamento array numerico JS
• Operatore di espansione JS
• JS scorre alla vista
• Ottenere la data corrente
• Ottenere l'indirizzo del sito web corrente
• Ottenere le dimensioni dello schermo corrente
• Ottenere l'elemento iframe

Griglia

• Layout a due colonne
• Layout a tre colonne
• Layout a quattro colonne
• Estensione della griglia
• Visualizzazione a griglia della lista
• Layout di colonne miste
• Card in colonna
• Layout a zig-zag
• Layout del blog

Convertitore

• Conversione del peso
• Conversione della temperatura
• Conversione della lunghezza
• Conversione della velocità

Corso a scelta

Recomendazioni di corso:

• Cassetto magico CodeW3C.com

Strumenti

Manuale di riferimento JavaScript e HTML DOM

Esempi JavaScript

Quiz JavaScript

Tutorial avanzato JavaScript

Link sponsorizzati