Orario delle lezioni

Scatola magica

• Cassetto magico CodeW3C.com

Menu

• Barra delle icone
• Icona del menu
• Fisarmonica
• Scheda
• Schede verticali
• Titolo della scheda
• Schede a pagina intera
• schede hover
• Navigazione superiore
• Navigazione superiore responsive
• Navigazione divisa
• Barra di navigazione con icone
• Menu di ricerca
• Barra di ricerca
• Barra laterale fissa
• Navigazione laterale
• Barra laterale responsive
• Navigazione a schermo intero
• Menu al di fuori del canvas
• Pulsante di navigazione laterale hover
• Barra laterale con icone
• Menu scorrevole orizzontale
• Menu verticale
• Navigazione inferiore
• Navigazione inferiore responsive
• Link di navigazione con bordo inferiore
• Link di menu a destra
• Link di menu centrato
• Link di menu a larghezza costante
• Menu fisso
• Scorrere la barra 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 hover
• Menu a discesa con un clic
• Menu a discesa a cascata
• Menu a discesa nella barra di navigazione superiore
• Menu a discesa nella barra di navigazione laterale
• Barra di navigazione reattiva con menu a discesa
• Menu di navigazione secondario
• Menu a discesa
• Menu superiore
• Menu mobile
• Menu a tendina
• Barra laterale pieghevole
• Pannello laterale pieghevole
• Navigazione a paginazione
• Navigazione a striscia di pane
• Gruppo di pulsanti
• Gruppo di pulsanti verticale
• Barra sociale adesiva
• Navigazione a forma di pillola
• Testata reattiva

Immagine

• Diapositiva
• Galleria di diapositive
• Immagine modale
• Lucebox
• Griglia di immagini reattiva
• 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 sull'immagine
• Blocco di testo sull'immagine
• Testo sull'immagine trasparente
• Immagine a pagina intera
• Modulo sull'immagine
• Focus image
• Immagine di sfondo sfocata
• Cambiare lo sfondo durante lo scorrimento
• Immagini in parallelo
• Immagine arrotondata
• Immagine del profilo
• Immagine reattiva
• Immagine centrata
• Anteprima
• Cornice dell'immagine
• Introduzione della squadra
• Immagine adesiva
• Immagine capovolta
• Immagine tremolante
• Galleria di opere
• Raccolta di opere filtrabile
• Zoom dell'immagine
• Lente di ingrandimento delle immagini
• Slittamento di confronto delle immagini
• Icona del sito

Pulsante

• Pulsante di avviso
• Pulsante a contorno
• Pulsante a divisione
• Pulsante animato
• Pulsante a degradè
• Pulsante sull'immagine
• Pulsante dei social media
• Leggi di più/Leggi meno
• Pulsante di caricamento
• Pulsante di download
• Pulsante a forma di pillola
• Pulsante di notifica
• Pulsante iconico
• 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 con icone
• Iscrizione alla newsletter
• Modulo a riquadri
• Modulo reattivo
• Modulo a comparsa
• Modulo in linea
• Cancellare l'input
• Nascondere le frecce numeriche
• Copia del testo nella scheda dei contenuti
• 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 di opzione personalizzati
• Casella di selezione personalizzata
• Commutare il selettore
• Selezionare la casella di controllo
• Rilevamento del blocco maiuscolo
• Attivare il pulsante con la pressione della barra spaziatrice
• Convalida della password
• Commutare la visibilità della password
• Modulo a più passaggi
• Completamento automatico
• Disattivare la completazione automatica
• Disattivare la correzione ortografica
• Pulsante di caricamento di file
• Convalida di input vuoto

Filtro

• Elenco di filtraggio
• Tabella di filtraggio
• Elemento di filtraggio
• Menu a discesa di filtraggio
• Elenco ordinabile
• Tabella ordinabile

Tabella

• Tabella a strisce zebra
• Tabella centrata
• Tabella a piena larghezza
• Tabella annidata
• Tabella elencata
• Tabella reattiva
• Tabella di confronto

Altro

• Video a schermo intero
• Modale
• Modale di eliminazione
• Linea temporale
• Indicatore di scorrimento
• Barra di progresso
• Barra di abilità
• Barra di scorrimento della gamma
• Selettore di colore
• Campo email
• Suggerimento
• Visualizzazione hover dell'elemento
• Finestra popup
• Contenuto pieghevole
• Calendario
• HTML include
• Elenco di cose da fare
• Caricatore
• Medaglione
• Valutazione a stelle
• Valutazione utente
• Effetto sovrapposto
• Chip di contatto
• Carta
• Carta a ribalta
• 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 badge
• Elenco senza elenco di punti
• Testo responsivo
• Testo d'ombra
• Testo luminoso
• Footer fisso
• Elemento adesivo
• Uguaglianza
• Pulisci il flusso
• Flottante responsivo
• Barra di notifica
• Finestra a schermo intero
• Disegno di scorrimento
• Scorrimento fluido
• Scorrimento sfumato dello sfondo
• Intestazione adesiva
• Riduci l'intestazione quando scorri
• Tavola dei prezzi
• Scorrimento parassita
• Rapporto larghezza/altezza
• Frame inline responsivo
• Cambia preferito/non preferito
• Cambia nascondi/visualizza
• Cambia modalità scura
• Cambia testo
• Cambia classe
• Aggiungi classe
• Rimuovi classe
• Cambia classe
• Classe attiva
• Visualizzazione a albero
• Rimuovi decimale
• Rimuovi attributo
• Rilevamento offline
• Trova elemento nascosto
• Reindirizzamento della pagina web
• Formattazione numerica
• Zoom hover
• Scatola capovolta
• Centrato verticalmente
• Centra il pulsante nel DIV
• Elenco centrato
• Transizione di hover
• Freccia
• Forma
• Collegamento di download
• Elemento a altezza piena
• Finestra del browser
• Barra di scorrimento personalizzata
• Nascondi la barra di scorrimento
• Visualizza/Forza la visualizzazione della barra di scorrimento
• Aspetto del dispositivo
• Bordo del contenuto modificabile
• Colore del segnaposto
• Disabilita l'adattamento della dimensione dell'area di testo
• Disabilita la selezione del testo
• Colore di selezione del testo
• Colore del bulletto
• Linea verticale
• Linea di divisione
• Linea di divisione del testo
• Icona animata
• Contatore a ritroso
• Effetto di macchina da scrivere
• Pagina in arrivo
• Messaggio di chat
• Finestra di chat popup
• Schermo diviso
• Recensioni dei clienti
• Contatore di sezioni
• Scherzi di citazione
• Elementi della lista chiudibili
• Breakpoint tipici degli dispositivi
• Elementi HTML trascinabili
• Query media JS
• Evidenziatore di sintassi
• Animazione JS
• Lunghezza della stringa JS
• Operazione esponenziale JS
• Parametro predefinito JS
• Numero casuale JS
• Ordinamento array numerici JS
• Operatore di espansione JS
• JS scorri alla vista
• Ottieni la data attuale
• Ottieni l'indirizzo attuale del sito web
• Ottieni la dimensione attuale dello schermo
• Ottieni 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

Raccomandazioni di corso:

• Cassetto magico CodeW3C.com

Strumenti

Manuale di riferimento JavaScript e HTML DOM

Esempi JavaScript

Test JavaScript

Manuale avanzato JavaScript

Link sponsorizzato