Calendrier des cours

Coffre-fort

• Coffre-fort CodeW3C.com

Menu

• Barre d'icônes
• Icône de menu
• Accordéon
• Onglet
• Onglet vertical
• Titre de l'onglet
• Onglet de page complète
• Onglet au survol
• Navigation en haut de page
• Navigation en haut de page responsive
• Navigation divisée
• Barre de navigation avec icône
• Menu de recherche
• Barre de recherche
• Barre latérale fixe
• Navigation latérale
• Barre latérale responsive
• Navigation en plein écran
• Menu en dehors du canevas
• Bouton de navigation latérale au survol
• Bar latéral avec icône
• Menu en défilement horizontal
• Menu vertical
• Navigation en bas de page
• Navigation en bas de page réactive
• Liens de navigation en bordure inférieure
• Liens de menu alignés à droite
• Liens de menu centrés
• Liens de menu à largeur égale
• Menu fixe
• Glissement de la barre de navigation lors du défilement
• Masquage de la barre de navigation lors du défilement
• Rétrécissement de la barre de navigation lors du défilement
• Barre de navigation collante
• Barre de navigation sur l'image
• Menu déroulant au survol
• Menu déroulant au clic
• Menu déroulant en cascade
• Menu déroulant dans la barre de navigation supérieure
• Menu déroulant dans la barre de navigation latérale
• Barre de navigation réactive avec menu déroulant
• Menu de sous-navigation
• Menu déroulant
• Menu superieur
• Menu mobile
• Menu de rideau
• Barre latérale pliée
• Panneau latéral plié
• Pagination
• Navigation en croûte
• Groupe de boutons
• Groupe de boutons verticaux
• Barre sociale collante
• Navigation en forme de pilule
• En-tête réactif

Image

• Diapositive
• Galerie de diapositives
• Image modale
• Lightbox
• Grille d'images réactive
• Grille d'images
• Bibliothèque d'images
• Bibliothèque d'images glissante
• Bibliothèque d'images en onglets
• Fondu superposé sur l'image
• Glisser superposé sur l'image
• Zoom superposé sur l'image
• Titre superposé sur l'image
• Icône superposée sur l'image
• Effet d'image
• Image en noir et blanc
• Texte en image
• Bloc de texte en image
• Texte en image transparente
• Image pleine page
• Formulaire sur l'image
• Focus image
• Image de fond floue
• Changement de fond lors du défilement
• Images côte à côte
• Image arrondie
• Image de profil
• Image réactive
• Image centrée
• Vignette
• Bordure d'image
• Présentation de l'équipe
• Image collante
• Image retournée
• Image secouée
• Galerie de collection
• Collection de travail filtrable
• Zoom d'image
• Loupe d'image
• Glisseur de comparaison d'images
• Icône de site

Bouton

• Bouton d'alerte
• Bouton en contour
• Bouton de séparation
• Bouton animé
• Bouton à dégradé
• Bouton sur l'image
• Bouton de média social
• Lire la suite/Lire moins
• Bouton de chargement
• Bouton de téléchargement
• Bouton en forme de pilule
• Bouton de notification
• Bouton à icône
• Bouton page suivante/page précédente
• Bouton plus dans la navigation
• Bouton en boîte
• Bouton en texte
• Bouton arrondi
• Bouton de retour en haut de page

Formulaire

• Formulaire de connexion
• Formulaire d'inscription
• Tableau de paiement
• Formulaire de contact
• Tableau de connexion sociale
• Formulaire d'enregistrement
• Formulaire avec icône
• Abonnement aux nouvelles
• Formulaire empilé
• Formulaire réactif
• Formulaire contextuel
• Formulaire en ligne
• Effacer le champ d'entrée
• Masquer les flèches numériques
• Copier le texte dans le presse-papiers
• Recherche animée
• Bouton de recherche
• Recherche en plein écran
• Champ d'entrée dans la barre de navigation
• Formulaire de connexion dans la barre de navigation
• Case à cocher/bouton radio personnalisé
• Case à cocher personnalisée
• Basculer l'interrupteur
• Cocher la case
• Détecter le verrouillage majuscule
• Activer le bouton avec la touche Entrée
• Validation du mot de passe
• Basculer la visibilité du mot de passe
• Formulaire en plusieurs étapes
• Auto-complétion
• Désactiver l'auto-complétion
• Désactiver la vérification orthographique
• Bouton de téléversement de fichier
• Vérification de l'entrée vide

Filtre

• Liste de filtrage
• Tableau de filtrage
• Élément de filtrage
• Menu déroulant de filtrage
• Liste classée
• Tableau classé

Tableau

• Tableau de motifs zèbre
• Tableau centré
• Tableau en pleine largeur
• Tableau imbriqué
• Tableau en colonnes
• Tableau réactif
• Tableau de comparaison

Plus

• Vidéo plein écran
• Boîte de dialogue
• Boîte de dialogue de suppression
• Ligne du temps
• Indicateur de défilement
• Barre de progression
• Barre de compétences
• Glissière de sélection
• Sélecteur de couleur
• Champ de courriel
• Infobulle
• Affichage d'éléments au survol
• Fenêtre popup
• Contenu repliable
• Calendrier
• HTML inclus
• Liste de tâches à faire
• Chargeur
• Badge
• Évaluation en étoiles
• Évaluation de l'utilisateur
• Effet de couverture
• Puce de contact
• Carte
• Carte retournée
• Carte de profil
• Carte de produit
• Avertissement
• Boîte d'information
• Note
• Étiquette
• Fougue
• Nuage de tags
• Cercle
• Ligne horizontale stylisée
• Coupon
• Groupe de liste
• Groupe de liste avec badge
• Liste sans points
• Texte réactif
• Texte d'ombre
• Texte lumineux
• Pied de page fixe
• Élément collant
• Égalisation
• Nettoyer le flottement
• Flottant réactif
• Barre de notification
• Fenêtre plein écran
• Dessin en défilement
• Défilement fluide
• Arrière-plan en défilement dégradé
• En-tête collant
• Rétrécissement du en-tête lors du défilement
• Tableau des prix
• Défilement parallaxe
• Rapport largeur/hauteur
• Cadre en ligne réactif
• Basculer aimé/na pas aimé
• Basculer affichage/caché
• Basculer le mode sombre
• Basculer le texte
• Basculer la classe
• Ajouter une classe
• Supprimer la classe
• Changer la classe
• Classe active
• Vue en arbre
• Supprimer les décimales
• Supprimer les attributs
• Détection hors ligne
• Recherche d'éléments cachés
• Redirection de page
• Formatage des nombres
• Zoom au survol
• Boîte retournée
• Centrage vertical
• Centrer un bouton dans un DIV
• Liste centrée
• Transition au survol
• Flèche
• Forme
• Lien de téléchargement
• Élément de pleine hauteur
• Fenêtre du navigateur
• Barre de défilement personnalisée
• Masquer la barre de défilement
• Affichage / affichage forcé de la barre de défilement
• Apparence de l'appareil
• Bordure du contenu éditable
• Couleur duplaceholder
• Désactiver l'ajustement de la taille de la zone de texte
• Désactiver la sélection de texte
• Couleur de sélection de texte
• Couleur des points de liste
• Ligne verticale
• Ligne de division
• Ligne de division de texte
• Icône animée
• Compte à rebours
• Effet de machine à écrire
• Page bientôt disponible
• Message de chat
• Fenêtre de chat popup
• Écran divisé
• Avis client
• Compteur de bloc
• Diapositives de citation
• Élément de liste closable
• Points de rupture typiques des appareils
• Élément HTML glissant
• Requête média JS
• Surligneur syntaxique
• Animation JS
• Longueur de chaîne JS
• Opération exponentielle JS
• Paramètre par défaut JS
• Nombre aléatoire JS
• Triage des tableaux numériques JS
• Opérateur de décomposition JS
• JS faire défiler vers la vue
• Obtenir la date actuelle
• Obtenir l'URL actuelle
• Obtenir la taille de l'écran actuel
• Obtenir l'élément iframe

Grille

• Agencement en deux colonnes
• Agencement en trois colonnes
• Agencement en quatre colonnes
• Grille étendue
• Vue en grille de liste
• Agencement de colonnes mélangées
• Cartes en colonnes
• Agencement en forme de Z
• Agencement de blog

Convertisseur

• Conversion de poids
• Conversion de température
• Conversion de longueur
• Conversion de vitesse

Cours optionnel

Recommandation de cours :

• Coffre-fort CodeW3C.com

Boîte à outils

Manuel de référence JavaScript et HTML DOM

Exemples JavaScript

Quiz JavaScript

Tutoriel avancé JavaScript

Lien de parrainage