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 43 / 44
Affichage actuel de 24 cas
1009Effets visuels créatifs

Effet de traînée du pointeur à la station du désert

Dans un contexte de station en friche, réaliser un effet de traînée de curseur lumineux : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Nuage de points des performances en classe

Réalisez un nuage de points dans un scénario de performance en classe : il comprend un contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à différentes tailles.

Dessin et visualisation de donnéesDiagramme de dispersionHTMLCanvasJavaScript
Ouvrir et exécuter
1011Capacités des médias et des appareils du navigateur

Tableau de bord d’informations de vue pour tablette ambulatoire

Dans un contexte de tablette de consultation, concevez un tableau de bord de fenêtre d’affichage : contenu réaliste, contrôles utilisables, retours d’état clairs et mise en page adaptative selon les tailles d’écran.

Capacités des médias et des appareils du navigateurPanneau d’informations sur la zone d’affichageHTMLCSSBrowser API
Ouvrir et exécuter
1012Mini-applications et mini-jeux

Tableau de pointage pour sprint de classe

Dans le contexte d’une course de sprint en classe, réaliser un tableau d’habitudes : il contient un contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Mini-applications et mini-jeuxTableau de pointage des habitudesHTMLCSSJavaScript
Ouvrir et exécuter
1013Composants de base et sélecteurs

Stepper numérique pour pupitre de représentation

Complétez un sélecteur numérique dans un contexte de présentation sur présentoir de spectacle : contenu réel, commandes interactives, retour d’état clair et mise en page adaptative selon la taille.

Composants de base et sélecteursSélecteur numériqueHTMLCSSJavaScript
Ouvrir et exécuter
1014Formulaires et saisie

Groupe de champs dynamiques pour demande de permutation d’équipe

Réalisez un groupe de champs dynamique dans un contexte de demande de changement d’équipe : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

Formulaires et saisiegroupe de champs dynamiqueHTMLCSSJavaScript
Ouvrir et exécuter
1015Navigation et menus

Onglets de l’espace de travail du scénario de répétition

Dans le contexte d’un script de répétition, réaliser des onglets d’espace de travail : contenu authentique, contrôles actionnables, retours d’état clairs et mise en page adaptative à différentes tailles.

Navigation et menusOnglets de l’espace de travailHTMLCSSJavaScript
Ouvrir et exécuter
1016couches flottantes et retours d’état

Tiroir latéral d’alerte de la salle de rappel d’approbation

Dans un scénario de salle d’alerte des autorisations, finalisez un tiroir latéral : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative aux différentes tailles.

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

Bloc-notes en cascade des comptes rendus de passation

Créez des notes en cascade pour un contexte de passation de relais : elles comprennent du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptative selon la taille.

Cartes, listes et organisation du contenuNotes en cascadeHTMLCSSJavaScript
Ouvrir et exécuter
1018Tableaux et affichage des données

Contrôle de la visibilité des colonnes du planning du studio

Contrôle de l’affichage des colonnes dans un scénario de planning de studio : contient du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptative à différentes tailles.

Tableaux et affichage des donnéesContrôle de l’affichage des colonnesHTML TableCSSJavaScript
Ouvrir et exécuter
1019Mise en page et adaptivité

mise en page en grille de type bento pour le guide du jardin

Dans un contexte de guide de jardin, terminez la mise en page en grille de type bento : elle comprend un contenu réaliste, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Page de comparaison de produits de la semaine d’inscription du studio

Réalisez une page de comparaison de produits dans le scénario de la semaine d’inscription au studio : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée aux différentes tailles.

Pages scénarisées pour le marketing et le contenupage de comparaison de produitsHTML TableCSSJavaScript
Ouvrir et exécuter
1021Tableaux de bord et interfaces d’administration

Panneau d’analyse des tendances du bureau de planification résidentielle

Dans le scénario d’une salle de planification du logement, réalisez un tableau de bord d’analyse des tendances : il doit inclure du contenu authentique, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Tableaux de bord et interfaces d’administrationTableau d’analyse des tendancesHTMLCanvasJavaScript
Ouvrir et exécuter
1022Composants de base et sélecteurs

Sélection de cartes d’options pour une scène de pause de spectacle

Complétez la sélection de cartes de solutions dans un contexte de scène de pause de spectacle : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

Composants de base et sélecteursSélection de cartes de solutionHTMLCSSJavaScript
Ouvrir et exécuter
1023Formulaires et saisie

Formulaire de réservation de créneaux pour les arrivées en roulement

Réalisez un formulaire de réservation de créneau dans un scénario de prise de poste : il comprend un contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Formulaires et saisieTableau de réservation des créneauxHTMLCSSJavaScript
Ouvrir et exécuter
1024Navigation et menus

Navigation rapide inférieure de la place des services

Dans le contexte de la Place des Services, réalisez une navigation rapide en bas de page : elle comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptative à différentes tailles.

Navigation et menusNavigation rapide en bas de pageHTMLCSSJavaScript
Ouvrir et exécuter
1025couches flottantes et retours d’état

Info-bulle clavier de la cloche d’approbation et d’enregistrement

Dans le contexte d’un signalement de bouton d’alerte d’approbation, réalisez une info-bulle au clavier : contenu authentique, contrôles actionnables, retours d’état clairs et mise en page adaptée à toutes les tailles.

couches flottantes et retours d’étatInfo-bulle clavierHTMLCSSJavaScript
Ouvrir et exécuter
1026Cartes, listes et organisation du contenu

File d’attente prioritaire du tableau du studio

Dans le scénario du tableau de bord du studio, terminez la file de priorité : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

Cartes, listes et organisation du contenuFile d’attente prioritaireHTMLCSS GridJavaScript
Ouvrir et exécuter
1027Tableaux et affichage des données

Tableau comparatif des offres du carnet d’inventaire du studio

Dans le contexte du carnet d’inventaire du studio, complétez un tableau de comparaison des solutions : il comprend du contenu réel, des contrôles utilisables, des retours d’état clairs et une mise en page adaptative à plusieurs tailles d’écran.

Tableaux et affichage des donnéesTableau de comparaison des solutionsHTML TableCSSJavaScript
Ouvrir et exécuter
1028Mise en page et adaptivité

Caisson du tableau de bord d’exposition du jardin

Dans le contexte d’un jardin d’exposition, réaliser une coque de tableau de bord : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à différentes tailles.

Mise en page et adaptivitéCoque de tableau de bordHTMLCSS GridResponsive Design
Ouvrir et exécuter
1029Pages scénarisées pour le marketing et le contenu

Page de programme de l’événement « Histoires du studio »

Terminer la page d’agenda de l’événement dans un contexte de salon d’histoires en studio : contenu authentique, contrôles utilisables, retours d’état clairs et mise en page adaptative à toutes les tailles.

Pages scénarisées pour le marketing et le contenuPage d’agenda d’événementHTMLCSSJavaScript
Ouvrir et exécuter
1030Tableaux de bord et interfaces d’administration

Flux d’activité en temps réel du conseil de révision des logements

Dans un scénario de tableau de révision des affaires de logement, réaliser un flux d’activité en temps réel : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à différentes tailles.

Tableaux de bord et interfaces d’administrationFlux d’activité en temps réelHTMLCSSJavaScript
Ouvrir et exécuter
1031Processus commerciaux et de services

Calculatrice de chariot de fournitures de clinique ambulatoire

Dans le scénario du chariot d’approvisionnement de clinique, créez un calculateur de panier : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à toutes les tailles.

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

Conception de titre contouré pour le script de classe

Dans un contexte de cours scénarisé, concevez un titre contouré : contenu réaliste, contrôles utilisables, retours d’état clairs et mise en page adaptative selon les tailles d’écran.

Typographie et effets de texteTitre avec contour et designHTMLCSS TypographyJavaScript
Ouvrir et exécuter