HTML / CSS / JavaScript

Tous les cas

Choisissez un cas complet, consultez directement le résultat, modifiez le code source et exécutez-le dans le navigateur.

1046Page 15 / 44
Affichage actuel de 24 cas
0337Effets visuels créatifs

Effet de traînée lumineuse du pointeur dans le jardin nocturne

Réaliser un effet de traînée de pointeur dans un jardin nocturne : il comprend un contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à plusieurs tailles d’écran.

Effets visuels créatifsEffet de traînée du pointeurHTMLCanvasJavaScript
Ouvrir et exécuter
0338Dessin et visualisation de données

Générateur de formes de progression d’apprentissage

Réalisez un traceur d’ondes pour le contexte de progression d’apprentissage : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Dessin et visualisation de donnéestraceur d’ondesHTMLCanvasJavaScript
Ouvrir et exécuter
0339Capacités des médias et des appareils du navigateur

Panneau de fuseau horaire en langue de l’espace de démonstration

Dans le contexte d’un espace de présentation, complétez le panneau de fuseau horaire linguistique : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à plusieurs tailles.

Capacités des médias et des appareils du navigateurPanneau de fuseau horaire linguistiqueHTMLCSSBrowser API
Ouvrir et exécuter
0340Mini-applications et mini-jeux

Sélecteur aléatoire pour la pause de récréation

Dans le contexte d’une pause entre les cours, réalisez un sélecteur aléatoire : contenu réaliste, contrôles exploitables, état clairement indiqué et mise en page adaptée à plusieurs tailles.

Mini-applications et mini-jeuxSélecteur aléatoireHTMLCSSJavaScript
Ouvrir et exécuter
0341Composants de base et sélecteurs

Sélecteur segmenté pour le plan de voyage

Terminez un sélecteur segmenté dans un contexte de planification de voyage : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à différentes tailles.

Composants de base et sélecteursSélecteur segmentéHTMLCSSJavaScript
Ouvrir et exécuter
0342Formulaires et saisie

Formulaire de validation instantanée pour une demande de service

Achever un formulaire de validation en temps réel dans un contexte de demande de service : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

Formulaires et saisieFormulaire avec validation instantanéeHTMLCSSJavaScript
Ouvrir et exécuter
0343Navigation et menus

Menu principal réactif de l’espace projet

Achever un menu principal adaptatif pour un scénario d’espace de projet : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Navigation et menusMenu principal responsiveHTMLCSSJavaScript
Ouvrir et exécuter
0344couches flottantes et retours d’état

Boîte de dialogue de confirmation de la photothèque

Dans un contexte de bibliothèque de photos, créez une boîte de dialogue de confirmation : elle comprend un contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptable à différentes tailles.

couches flottantes et retours d’étatBoîte de dialogue de confirmationHTMLCSSJavaScript
Ouvrir et exécuter
0345Cartes, listes et organisation du contenu

Mur de cartes filtrables d’événements locaux

Complétez une mur de cartes filtrables dans un scénario d’événements locaux : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée aux différentes tailles.

Cartes, listes et organisation du contenuMur de cartes filtrablesHTMLCSSJavaScript
Ouvrir et exécuter
0346Tableaux et affichage des données

Tableau triable à colonnes multiples du budget de projet

Dans un scénario de budget de projet, réalisez un tableau triable à plusieurs colonnes : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à différentes tailles.

Tableaux et affichage des donnéesTableau triable à colonnes multiplesHTML TableCSSJavaScript
Ouvrir et exécuter
0347Mise en page et adaptivité

Mise en page en grille façon bento pour récit visuel

Réalisez une mise en page en grille de type bento dans un contexte de récit visuel : contenu réel, commandes interactives, retours d’état clairs et mise en page adaptable à différentes tailles d’écran.

Mise en page et adaptivitéMise en page en grille façon boîte à bentoHTMLCSS GridResponsive Design
Ouvrir et exécuter
0348Pages scénarisées pour le marketing et le contenu

Hero narratif pour camp d’apprentissage

Réalisez l’en-tête narratif dans un contexte de camp d’apprentissage : contient du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Pages scénarisées pour le marketing et le contenuHéros narratifHTMLCSSJavaScript
Ouvrir et exécuter
0349Tableaux de bord et interfaces d’administration

Vue d’ensemble des indicateurs clés de capacité du studio

Finaliser un tableau de bord des indicateurs clés dans un contexte de capacité de studio : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée aux différentes tailles.

Tableaux de bord et interfaces d’administrationVue d’ensemble des indicateurs clésHTMLCSS GridJavaScript
Ouvrir et exécuter
0350Processus commerciaux et de services

Calculateur de panier pour réservation d’atelier

Réalisez un calculateur de panier dans un contexte de réservation d’atelier : contenu réel, contrôles exploitables, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

Processus commerciaux et de servicesCalculateur de panierHTMLCSSJavaScript
Ouvrir et exécuter
0351Typographie et effets de texte

Échelle typographique responsive pour les explications d’exposition

Réaliser une échelle typographique réactive dans un contexte de notice d’exposition : inclure un contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page multi-tailles.

Typographie et effets de texteÉchelle typographique responsiveHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0352Animation et micro-interactions

Chargeur à plusieurs étapes pour lecteur de musique

Créez un chargeur à plusieurs étapes dans un contexte de lecteur de musique : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

Animation et micro-interactionschargeur multi-étapesHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0353Effets visuels créatifs

Champ de particules interactif des aurores

Réaliser un champ de particules interactif dans un décor de prairie d’aurore : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à toutes les tailles.

Effets visuels créatifsChamp de particules interactifHTMLCanvasJavaScript
Ouvrir et exécuter
0354Dessin et visualisation de données

Graphique à barres interactif de la croissance du jardin

Histogramme interactif terminé dans le scénario de croissance du jardin : contenu réel, commandes actionnables, retours d’état clairs et mise en page adaptable à plusieurs tailles.

Dessin et visualisation de donnéesHistogramme interactifHTMLCanvasJavaScript
Ouvrir et exécuter
0355Mini-applications et mini-jeux

Calculatrice portable de rituel d’équipe

Dans le scénario du rituel d’équipe, créez une calculatrice portable : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à toutes les tailles.

Mini-applications et mini-jeuxCalculatrice portableHTMLCSSJavaScript
Ouvrir et exécuter
0356Composants de base et sélecteurs

Matrice de commutation des préférences du plan de voyage

Réalisez un tableau d’interrupteurs de préférences dans un contexte de plan de voyage : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative selon la taille.

Composants de base et sélecteursMatrice d’interrupteurs de préférencesHTMLCSSJavaScript
Ouvrir et exécuter
0357Formulaires et saisie

flux de saisie d’une demande de service en plusieurs étapes

Complétez un flux de saisie en plusieurs étapes dans le contexte d’une demande de service : il comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Formulaires et saisieprocessus de saisie en plusieurs étapesHTMLCSSJavaScript
Ouvrir et exécuter
0358Navigation et menus

Navigation fil d’Ariane de l’espace projet

Compléter la navigation en fil d’Ariane dans un contexte d’espace projet : inclut du contenu réel, des contrôles actionnables, un retour d’état clair et une disposition adaptée à différentes tailles d’écran.

Navigation et menusfil d’ArianeHTMLCSSJavaScript
Ouvrir et exécuter
0359couches flottantes et retours d’état

Volet latéral de la photothèque

Dans le scénario de la photothèque, réalisez un tiroir latéral : contenu réel, contrôles interactifs, retours d’état clairs et mise en page responsive à toutes les tailles.

couches flottantes et retours d’étatTiroir latéralHTMLCSSJavaScript
Ouvrir et exécuter
0360Cartes, listes et organisation du contenu

Tableau des tâches des événements locaux

Réalisez un tableau kanban pour des événements locaux dans un scénario d’activité locale : contenu réel, contrôles interactifs, retours d’état clairs et disposition adaptée à plusieurs tailles d’écran.

Cartes, listes et organisation du contenuTableau des tâchesHTMLCSS GridJavaScript
Ouvrir et exécuter