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

Scène du projecteur du jardin nocturne

Réalisez une scène de projecteur dans un jardin nocturne : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à toutes les tailles.

Effets visuels créatifsScène de projecteurHTMLCanvasJavaScript
Ouvrir et exécuter
0242Dessin et visualisation de données

Graphique du tableau de bord de progression de l’apprentissage

Créer les graphiques du tableau de bord pour un scénario de progression d’apprentissage : contenu réel, contrôles interactifs, retours d’état clairs et mise en page multi-tailles.

Dessin et visualisation de donnéesgraphiques de tableau de bordHTMLCanvasJavaScript
Ouvrir et exécuter
0243Capacités des médias et des appareils du navigateur

Démo de manipulation du presse-papiers dans un espace de présentation

Démonstration d’opérations sur le presse-papiers dans un espace de présentation : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à différentes tailles.

Capacités des médias et des appareils du navigateurDémo des opérations du presse-papiersHTMLCSSBrowser API
Ouvrir et exécuter
0244Mini-applications et mini-jeux

Minuteur de concentration pour la pause de cours

Dans un contexte de pause entre les cours, réalisez un minuteur de concentration : contenu réel, commandes interactives, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

Mini-applications et mini-jeuxMinuteur de concentrationHTMLCSSJavaScript
Ouvrir et exécuter
0245Composants de base et sélecteurs

Groupe de vignettes de filtre du mode lecture

Terminez le groupe d’étiquettes de filtre dans le scénario du mode de lecture : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptable à toutes les tailles.

Composants de base et sélecteursgroupe d’étiquettes de filtreHTMLCSSJavaScript
Ouvrir et exécuter
0246Formulaires et saisie

Groupe de champs dynamique pour l’inscription aux cours

Dans le scénario d’inscription à un cours, créez un groupe de champs dynamiques : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles.

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

Navigation arborescente de la base de connaissances

Dans un contexte de base de connaissances, réaliser une navigation arborescente : inclure 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 menusNavigation arborescenteHTMLCSSJavaScript
Ouvrir et exécuter
0248couches flottantes et retours d’état

Info-bulle clavier du centre de tâches

Réalisez une info-bulle au clavier dans un scénario de centre de tâches : il comprend un contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à différentes tailles.

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

Cartes carrousel d’histoires pour tâches de conception

Complétez une carte carrousel d’histoires dans le contexte de tâches de conception : contenu réel, contrôles utilisables, retour d’état clair et mise en page adaptée aux différentes tailles.

Cartes, listes et organisation du contenuCarte de carrousel d’histoiresHTMLCSSJavaScript
Ouvrir et exécuter
0250Tableaux et affichage des données

En-tête de tableau collant pour les notes de cours

Réalisez une table à en-tête fixe dans un contexte de résultats de cours : elle inclut du contenu réaliste, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Tableaux et affichage des donnéesEn-tête fixeHTML TableCSSJavaScript
Ouvrir et exécuter
0251Mise en page et adaptivité

Grille éditoriale de magazine pour portail communautaire

Créez une grille éditoriale de type magazine pour un portail communautaire : elle comprend du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page adaptée à différentes tailles.

Mise en page et adaptivitéGrille de rédaction de magazineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0252Pages scénarisées pour le marketing et le contenu

Page de présentation des fonctionnalités du festival créatif

Dans un scénario de festival créatif, réalisez une page de présentation des fonctionnalités : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles d’écran.

Pages scénarisées pour le marketing et le contenuPage d’aperçu des fonctionnalitésHTMLCSSJavaScript
Ouvrir et exécuter
0253Tableaux de bord et interfaces d’administration

Tableau de consommation des ressources de planification ambulatoire

Dans le contexte d’un service de consultation, achevez le tableau de bord de l’utilisation des ressources : il comprend du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptable à plusieurs tailles.

Tableaux de bord et interfaces d’administrationTableau d’utilisation des ressourcesHTMLCSS GridJavaScript
Ouvrir et exécuter
0254Processus commerciaux et de services

Générateur de factures pour location de vélos

Réalisez un générateur de factures dans un contexte de location de vélos : il inclut du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page adaptée à différentes tailles d’écran.

Processus commerciaux et de servicesGénérateur de facturesHTMLCSSJavaScript
Ouvrir et exécuter
0255Typographie et effets de texte

Effet de masque de texte pour magazine urbain

Réalisez un effet de masque de texte pour le scénario d’un magazine urbain : il comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptative à différentes tailles.

Typographie et effets de texteEffet de masque de texteHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0256Animation et micro-interactions

Liste d’outils de concentration, entrée échelonnée

Réalisez une entrée décalée de la liste dans un contexte d’outil de concentration : contenu réel, contrôles utilisables, retour d’état clair et mise en page adaptée à différentes tailles.

Animation et micro-interactionsEntrée échelonnée de la listeHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0257Effets visuels créatifs

Scène de vagues superposées du jardin nocturne

Dans un décor de jardin nocturne, réalisez une scène à couches ondulantes : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Effets visuels créatifsScène ondulée à plusieurs couchesHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0258Dessin et visualisation de données

Radar des compétences pour la progression d’apprentissage

Dans un scénario de progression d’apprentissage, finalisez un graphique radar des compétences : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à différentes tailles.

Dessin et visualisation de donnéesRadar des capacitésHTMLCanvasJavaScript
Ouvrir et exécuter
0259Capacités des médias et des appareils du navigateur

Contrôle du mode plein écran de l’espace de démonstration

Dans une scène d’espace de présentation, réalisez un contrôle de scène plein écran : contenu réel, contrôles interactifs, retour d’état clair et mise en page responsive.

Capacités des médias et des appareils du navigateurContrôle de scène en plein écranHTMLCSSBrowser API
Ouvrir et exécuter
0260Mini-applications et mini-jeux

Tableau de pointage des habitudes de la pause entre les cours

Dans un contexte de pause entre les cours, réalisez un tableau de pointage des habitudes : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à plusieurs tailles.

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

Stepper numérique en mode lecture

Dans un contexte de mode lecture, réalisez un sélecteur numérique à incréments : contenu réel, contrôles actionnables, retour d’état clair et mise en page responsive.

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

Tableau de configuration budgétaire pour l’inscription au cours

Dans le contexte d’une inscription à un cours, achevez le tableau de configuration du budget : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptable à différentes tailles.

Formulaires et saisieTableau de budgetHTMLCSSJavaScript
Ouvrir et exécuter
0263Navigation et menus

Navigation de progression du flux de la base de connaissances

Réalisez une navigation de progression de processus pour un scénario de base de connaissances : contenu réaliste, contrôles interactifs, retour d’état clair et mise en page adaptative selon la taille.

Navigation et menusNavigation de progression du fluxHTMLCSSJavaScript
Ouvrir et exécuter
0264couches flottantes et retours d’état

Bannière d’état du centre des tâches

Dans le contexte du centre de tâches, réalisez une bannière d’état : inclut du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative à différentes tailles.

couches flottantes et retours d’étatBannière d’étatHTMLCSSJavaScript
Ouvrir et exécuter