Coffre-fort CodeW3C.com
- Page précédente Coffre-fort CodeW3C.com
- Page suivante Barre d'icônes
Coffre-fort CodeW3C.com
Bienvenue dans le monde coloré et varié de l'avant du site. Vous pouvez ici approfondir l'apprentissage des éléments et des méthodes d'interaction courants.
Nous avons préparé pour vous des centaines d'exemples, ainsi que des milliers de fragments de code, pour vous aider à vous entraîner de manière pratique.
Ces exemples sont très excellents :
- Explications en étapes
- Commentaires clairs
- Démonstrations interactives en page
- Tests TIY en ligne
- Esthétique, haute disponibilité, haute réutilisabilité
- HTML, CSS, JavaScript natifs
Nous espérons que vous trouverez un apprentissage agréable et efficace !
Table des matières
- Barre d'icônes
- Icône de menu
- Accordéon
- Onglets
- Onglets verticaux
- Titre de l'onglet
- Onglets de page complète
- Onglets au survol
- Navigation supérieure
- Navigation supérieure 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 canvas
- Bouton de navigation latérale en survol
- Barre latérale avec icône
- Menu glissant horizontal
- Menu vertical
- Navigation en bas de page
- Navigation en bas de page responsive
- Liens de navigation en bordure inférieure
- Liens de menu alignés à droite
- Liens de menu centrés
- Liens de menu égaux
- Menu fixe
- Barre de navigation glissante lors du défilement
- Barre de navigation masqué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 pain d'épices
- Groupe de boutons
- Groupe de boutons verticaux
- Barre sociale collante
- Navigation en forme de capsule
- En-tête responsive
- Diapositive
- Galerie de diapositives
- Image modale
- Lampe de poche
- 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 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 en ligne
- Image arrondie
- Image de profil
- Image responsive
- Image centrée
- Miniature
- Bordure d'image
- Présentation de l'équipe
- Image collante
- Image retournée
- Image secouée
- Galerie de collection
- Collection filtrable
- Zoom d'image
- Loupe d'image
- Glissière de comparaison d'images
- Icône de site
- 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 capsule
- Bouton de notification
- Bouton d'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 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ée
- Boîte de sélection personnalisée
- Basculer l'interrupteur
- Sélectionner la case à cocher
- Détecter le verrouillage majuscules
- Activer le bouton avec la touche Entrée
- Vérification 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
- Validation d'entrée vide
- Vidéo en 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
- Élément affiché au survol
- Fenêtre popup
- Contenu pliable
- Calendrier
- HTML inclus
- Liste de tâches à faire
- Chargeur
- Bouton
- Évaluation en étoiles
- Évaluation de l'utilisateur
- Effet de couverture
- Puce de contact
- Carte
- Carte basculante
- Carte de profil
- Carte de produit
- Avertissement
- Boîte de dialogue
- Note
- Tag
- Foulard
- 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
- Effacer le glissement
- Glissement réactif
- Barre de notification
- Fenêtre pleine écran
- Dessin de défilement
- Défilement fluide
- Défilement de fond dégradé
- En-tête collant
- Rétrécissement de l'en-tête lors du défilement
- Tableau des prix
- Défilement parallaxe
- Rapport largeur/hauteur
- Cadre en ligne réactif
- Basculer aimé/inn aimé
- 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
- Numéro formaté
- Zoom au survol
- Boîte basculante
- Centrage vertical
- Bouton centré 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 du masque
- 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 texte de séparation
- 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 d'écran typiques
- Élément HTML glissant
- Requête média JS
- Highlighteur syntaxique
- Animation JS
- Longueur de la chaîne JS
- Opérations exponentielles JS
- Paramètres par défaut JS
- Nombre aléatoire JS
- Tri triage des tableaux numériques JS
- Opérateur de décomposition JS
- Faire défiler vers la vue JS
- Obtenir la date actuelle
- Obtenir l'URL actuelle
- Obtenir la taille actuelle de l'écran
- Obtenir l'élément iframe
- Page précédente Coffre-fort CodeW3C.com
- Page suivante Barre d'icônes
