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

Champ de particules interactif du jardin nocturne

Réaliser une scène de particules interactive dans un décor de jardin nocturne : contenir du contenu réel, des contrôles manipulables, un retour d’état clair et une mise en page adaptable à différentes tailles.

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

Graphique à barres interactif du progrès d’apprentissage

Créez un histogramme interactif dans un contexte de progression d’apprentissage : contenu réel, contrôles utilisables, retour d’état clair et mise en page responsive multi-tailles.

Dessin et visualisation de donnéesHistogramme interactifHTMLCanvasJavaScript
Ouvrir et exécuter
0195Capacités des médias et des appareils du navigateur

Panneau d’information de la fenêtre d’affichage de l’espace de démonstration

Finalisez un panneau d’informations sur le viewport dans un espace de démonstration : il doit inclure du contenu réel, des contrôles utilisables, un retour d’état clair et une disposition adaptée à plusieurs tailles.

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

Calculatrice portable de la pause de cours

Créez un calculateur portable pour le contexte de la pause entre les cours : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

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

Grille de préférences du mode de lecture

Complétez la matrice d’interrupteurs de préférences dans le contexte du mode de lecture : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

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

Processus de saisie en plusieurs étapes pour l’inscription à un cours

Réalisez un processus de saisie en plusieurs étapes dans un scénario d’inscription à un cours : contenu réaliste, contrôles interactifs, retours d’état clairs et mise en page adaptée à différentes tailles.

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

Navigation fil d’Ariane de la base de connaissances

Dans un scénario de base de connaissances, réaliser une navigation par fil d’Ariane : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

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

Tiroir latéral du centre de tâches

Dans un scénario de centre de tâches, réalisez un tiroir latéral : 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. Visualisation en ligne, modification du code source et exécution dans le navigateur disponibles.

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

Tableau kanban des tâches de conception

Réalisez un tableau kanban de tâches de conception : il comprend du contenu authentique, des contrôles actionnables, des retours d’état clairs et une mise en page adaptative à différentes tailles.

Cartes, listes et organisation du contenuTableau des tâchesHTMLCSS GridJavaScript
Ouvrir et exécuter
0202Tableaux et affichage des données

Tableau de filtrage combiné des notes de cours

Créez un tableau de filtrage combiné pour un scénario de notes de cours : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à différentes tailles.

Tableaux et affichage des donnéesTableau de filtrage combinéHTML TableCSSJavaScript
Ouvrir et exécuter
0203Mise en page et adaptivité

Mise en page narrative en écran partagé pour le portail communautaire

Dans un scénario de portail communautaire, réalisez une mise en page narrative en écran partagé : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à différentes tailles d’écran.

Mise en page et adaptivitéDisposition narrative en écran partagéHTMLCSS GridResponsive Design
Ouvrir et exécuter
0204Pages scénarisées pour le marketing et le contenu

Page de plan tarifaire du festival créatif

Créer une page de plan tarifaire pour le contexte d’un festival créatif : inclure un contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page adaptée à toutes les tailles d’écran.

Pages scénarisées pour le marketing et le contenuPage de forfaits tarifairesHTMLCSSJavaScript
Ouvrir et exécuter
0205Tableaux de bord et interfaces d’administration

Tableau d’analyse des tendances de planification de clinique

Créer un tableau de bord d’analyse des tendances pour un contexte de planning de clinique ambulatoire : contenu réaliste, contrôles actionnables, retours d’état clairs et mise en page responsive.

Tableaux de bord et interfaces d’administrationTableau d’analyse des tendancesHTMLCanvasJavaScript
Ouvrir et exécuter
0206Processus commerciaux et de services

Flux des étapes de paiement pour la location de vélo

Compléter un flux d’étapes de paiement dans un contexte de location de vélo : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à toutes les tailles.

Processus commerciaux et de servicesFlux des étapes de paiementHTMLCSSJavaScript
Ouvrir et exécuter
0207Typographie et effets de texte

Expérimentation de la hiérarchie des graisses typographiques pour un magazine urbain

Dans le contexte d’un magazine urbain, réalisez une expérience sur les hiérarchies de graisses typographiques : contenu réaliste, contrôles actionnables, retour d’état clair et mise en page adaptable à différentes tailles.

Typographie et effets de texteExpérimentation des niveaux de graisse typographiqueHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0208Animation et micro-interactions

Transition morphologique du bouton de l’outil de concentration

Dans le scénario de l’outil de concentration, réalisez la transition de forme du bouton : contenu authentique, contrôles interactifs, retours d’état clairs et mise en page adaptative à différentes tailles.

Animation et micro-interactionsTransformation de boutonHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0209Effets visuels créatifs

Formes fluides organiques du Jardin nocturne

Réalisez des formes fluides organiques dans un décor de jardin nocturne : contenu réel, commandes interactives, retours d’état clairs et mise en page adaptative à différentes tailles.

Effets visuels créatifsFormes fluides organiquesHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0210Dessin et visualisation de données

Courbe de tendance de la progression des apprentissages

Réalisez un graphique en courbes de tendance dans un contexte de progression d’apprentissage : contenu réel, contrôles interactifs, retour d’état clair et mise en page multi-tailles.

Dessin et visualisation de donnéesgraphique linéaire de tendanceHTMLCanvasJavaScript
Ouvrir et exécuter
0211Capacités des médias et des appareils du navigateur

Observateur de requêtes média de l’espace de démonstration

Dans un scénario d’espace de présentation, créez un observateur de requêtes média : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Capacités des médias et des appareils du navigateurobservateur de requêtes médiaHTMLCSSBrowser API
Ouvrir et exécuter
0212Mini-applications et mini-jeux

Quiz rapide pendant la récréation

Créer un quiz rapide dans le contexte d’une pause entre les cours : contenu réel, contrôles exploitables, retour d’état clair et mise en page adaptative à différentes tailles.

Mini-applications et mini-jeuxquiz rapideHTMLCSSJavaScript
Ouvrir et exécuter
0213Composants de base et sélecteurs

Curseur de plage du mode lecture

Dans le contexte du mode lecture, réalisez le réglage de plage : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptative à différentes tailles.

Composants de base et sélecteursRégulateur de plageHTMLCSSJavaScript
Ouvrir et exécuter
0214Formulaires et saisie

Saisie de suggestions locales pour l’inscription à un cours

Dans le scénario d’inscription à un cours, réalisez une saisie avec suggestions locales : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

Formulaires et saisieSaisie locale suggéréeHTMLCSSJavaScript
Ouvrir et exécuter
0215Navigation et menus

Onglets de l’espace de travail de la base de connaissances

Dans un contexte de base de connaissances, créer des onglets d’espace de travail : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à différentes tailles.

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

Pile de notifications du centre de tâches

Dans le contexte du centre de tâches, réalisez une pile de notifications : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles.

couches flottantes et retours d’étatPile de notificationsHTMLCSSJavaScript
Ouvrir et exécuter