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 complet de page
• Onglet au survol
• Navigation supérieure
• Navigation supérieure responsive
• Navigation divisée
• Barre de navigation avec icônes
• 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
• Barre latérale avec icônes
• Menu horizontal en défilement
• Menu vertical
• Navigation en bas
• Navigation inflexible en bas
• Liens de navigation avec bord inférieur en bas
• Liens de menu alignés à droite
• Liens de menu centrés
• Liens de menu à largeur égale
• Menu fixe
• Barre de navigation glissante lors du défilement
• Barre de navigation cachée lors du défilement
• Barre de navigation réduite lors du défilement
• Barre de navigation collante
• Barre de navigation sur l'image
• Menu déroulant au survol
• Menu déroulant cliquable
• 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 responsive avec menu déroulant
• Menu de sous-navigation
• Menu déroulant
• Menu superieur
• Menu mobile
• Menu de rideau
• Barre latérale repliée
• Panneau latéral replié
• Pagination
• Navigation en croissant
• Groupe de boutons
• Groupe de boutons verticaux
• Barre sociale collante
• Navigation en forme de capsule
• En-tête responsive

Image

• Diapositive
• Galerie de diapositives
• Image modale
• Lumière de présentation
• Grille d'images responsive
• Grille d'images
• Bibliothèque d'images
• Bibliothèque d'images glissable
• Bibliothèque d'images en onglets
• Fondu superposé sur l'image
• Glisser pour zoomer 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 sur image
• Bloc de texte sur image
• Texte sur 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 responsive
• Image centrée
• Vignette
• Bordure d'image
• Présentation de l'équipe
• Image collante
• Image retournée
• Image tremblante
• Galerie de portfolio
• Portfolio filtrable
• Zoom d'images
• Lupes d'images
• Glissière de comparaison d'images
• Icône de site

Bouton

• Bouton d'alerte
• Bouton en contour
• Bouton de séparation
• Bouton animé
• Bouton en 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 capsule
• Bouton de notification
• Bouton d'icône
• Bouton page suivante / page précédente
• Bouton plus dans la navigation
• Bouton en bloc
• Bouton en texte
• Bouton arrondi
• Bouton de retour en haut

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 responsive
• Formulaire pop-up
• Formulaire en ligne
• Effacer le champ de saisie
• Masquer les flèches numériques
• Copier le texte dans le presse-papiers
• Recherche animée
• Bouton de recherche
• Recherche en plein écran
• Champ de saisie dans la barre de navigation
• Formulaire de connexion dans la barre de navigation
• Case à cocher / bouton radio personnalisé
• Case à cocher personnalisée
• Interrupteur de bascule
• Coche sélectionnée
• Détection du verrouillage majuscules
• Bouton déclenché par la touche Entrée
• Validation du mot de passe
• Changement de 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
• Validation de saisie vide

Filtre

• Liste filtrée
• Table filtrée
• Élément de filtrage
• Menu déroulant de filtrage
• Liste triée
• Table triée

Table

• Table zébrée
• Table centrée
• Table pleine largeur
• Table imbriquée
• Table en liste
• Table responsive
• 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
• Info-bulle
• Élément affiché au survol
• Fenêtre popup
• Contenu pliable
• Calendrier
• HTML inclut
• Liste de tâches à faire
• Chargeur
• Badge
• Évaluation en étoiles
• Évaluation utilisateur
• Effet de couverture
• Puce de contact
• Carte
• Carte retournée
• Carte de profil
• Carte de produit
• Avertissement
• Boîte de suggestion
• Note
• Tag
• 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 brillant
• Pied de page fixe
• Élément collant
• Égalisation
• Effacer le glissement
• Glissement réactif
• Barre de notification
• Fenêtre plein écran
• Dessin en défilement
• Défilement fluide
• Fond d'écran défilant en dégradé
• En-tête collant
• Rétrécissement de l'en-tête lors du défilement
• Tableau de prix
• Défilement parallaxe
• Rapport largeur/hauteur
• Cadre en ligne réactif
• Basculer aime/n'aime pas
• Basculer affichage/caché
• Basculer le mode sombre
• Basculer le texte
• Basculer la classe
• Ajouter une classe
• Supprimer la classe
• Changer de 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
• Afficher / afficher de force la barre de défilement
• Apparence de dispositif
• Bordure de contenu éditable
• Couleur du placeholder
• 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 séparation
• Ligne de séparation 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 de dispositif
• Élément HTML glissant
• Requête média JS
• Coloriage 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
• Scroller vers la vue avec JS
• Obtenir la date actuelle
• Obtenir l'URL actuelle
• Obtenir la taille actuelle de l'écran
• 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 optionnels

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