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

Effet d’explosion de confettis du jardin nocturne

Réalisez un effet d’explosion de confettis dans une scène de jardin nocturne : contenu réaliste, contrôles interactifs, retour d’état clair et mise en page adaptée à différentes tailles.

Effets visuels créatifsEffet de confettis explosifsHTMLCanvasJavaScript
Ouvrir et exécuter
0290Dessin et visualisation de données

Carte thermique matricielle de la progression d’apprentissage

Créer une carte thermique matricielle pour un scénario de progression d’apprentissage : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptable à différentes tailles.

Dessin et visualisation de donnéescarte de chaleur matricielleHTMLCanvasJavaScript
Ouvrir et exécuter
0291Capacités des médias et des appareils du navigateur

Enregistrement de la visibilité de la page de l’espace de démonstration

Réalisez un enregistrement de visibilité de page dans un espace de présentation : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à toutes les tailles.

Capacités des médias et des appareils du navigateurVisibilité de la page enregistréeHTMLCSSBrowser API
Ouvrir et exécuter
0292Mini-applications et mini-jeux

Répartiteur de frais pour la pause

Terminez le répartiteur de frais dans un contexte de pause entre les cours : contenu réel, contrôles utilisables, retour d’état clair et mise en page adaptative selon la taille.

Mini-applications et mini-jeuxRépartiteur de dépensesHTMLCSSJavaScript
Ouvrir et exécuter
0293Composants de base et sélecteurs

Cartes d’options pour le mode lecture

Dans un contexte de mode lecture, finalisez la sélection des cartes de solutions : contenu authentique, contrôles interactifs, retours d’état clairs et mise en page adaptée à toutes les tailles.

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

Questionnaire conditionnel d’inscription au cours

Dans le contexte de l’inscription aux cours, réaliser un questionnaire conditionnel : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à plusieurs tailles d’écran.

Formulaires et saisieQuestionnaire conditionnelHTMLCSSJavaScript
Ouvrir et exécuter
0295Navigation et menus

Navigation par ancrage de sections pour la base de connaissances

Navigation de localisation des sections dans la base de connaissances : comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une disposition adaptable à différentes tailles.

Navigation et menusnavigation par ancrage de sectionHTMLCSSJavaScript
Ouvrir et exécuter
0296couches flottantes et retours d’état

Actions contextuelles du centre de tâches

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

couches flottantes et retours d’étatVolet d’actions contextuellesHTMLCSSJavaScript
Ouvrir et exécuter
0297Cartes, listes et organisation du contenu

Notes en cascade des tâches de conception

Réaliser des notes en cascade pour des tâches de conception : contenus réalistes, contrôles actionnables, retours d’état clairs et mise en page adaptée à toutes les tailles.

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

Matrice des résultats de cours

Complétez une table matricielle relationnelle dans un scénario de résultats de cours : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative selon la taille.

Tableaux et affichage des donnéesTableau matrice des relationsHTML TableCSSJavaScript
Ouvrir et exécuter
0299Mise en page et adaptivité

Disposition pleine largeur en éventail pour le portail communautaire

Réalisez une mise en page en pleine largeur, avec des éléments en alternance, dans un contexte de portail communautaire : elle comprend du contenu réel, des contrôles interactifs, des retours d’état clairs et une disposition qui s’adapte à différentes tailles d’écran.

Mise en page et adaptivitéDisposition en pleine largeur avec insertionHTMLCSS GridResponsive Design
Ouvrir et exécuter
0300Pages scénarisées pour le marketing et le contenu

Page d’agenda d’événement du festival créatif

Dans un contexte de festival créatif, réalisez une page d’agenda d’événement : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à plusieurs tailles.

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

Tableau de bord de gestion des incidents de la planification des consultations

Dans le scénario de planification ambulatoire, finalisez le tableau de gestion des incidents : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Tableaux de bord et interfaces d’administrationTableau de gestion des incidentsHTMLCSS GridJavaScript
Ouvrir et exécuter
0302Processus commerciaux et de services

Configurateur de devis pour location de vélo

Configurer un générateur de devis dans un contexte de location de vélos : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à toutes les tailles.

Processus commerciaux et de servicesConfigurateur de devisHTMLCSSJavaScript
Ouvrir et exécuter
0303Typographie et effets de texte

Conception de titre contour pour magazine urbain

Concevez un titre contour pour un contexte de magazine urbain : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptable à différentes tailles.

Typographie et effets de texteTitre avec contour et designHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0304Animation et micro-interactions

Retour pop-up de notification de l’outil de focus

Dans un contexte d’outil de concentration, créer une pop-up de notification avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Animation et micro-interactionsRetour de notification contextuelleHTMLCSSJavaScript
Ouvrir et exécuter
0305Effets visuels créatifs

Motif du jardin nocturne en kaléidoscope

Dans un contexte de jardin nocturne, réalisez un motif en kaléidoscope : il comprend du contenu réaliste, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles d’écran.

Effets visuels créatifsMotif kaléidoscopiqueHTMLCanvasJavaScript
Ouvrir et exécuter
0306Dessin et visualisation de données

Graphique chronologique de la progression d’apprentissage

Complétez un graphique chronologique dans un contexte de progression d’apprentissage : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à toutes les tailles.

Dessin et visualisation de donnéesGraphique en timelineHTMLCanvasJavaScript
Ouvrir et exécuter
0307Capacités des médias et des appareils du navigateur

Détection des capacités du pointeur dans l’espace de démonstration

Tester la détection des capacités du pointeur dans un espace de démonstration : contenu réaliste, 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étection des capacités du pointeurHTMLCSSBrowser API
Ouvrir et exécuter
0308Mini-applications et mini-jeux

Minuteur Pomodoro pour la pause de la récréation

Réalisez un minuteur Pomodoro dans un scénario de pause entre deux cours : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à toutes les tailles.

Mini-applications et mini-jeuxHorloge PomodoroHTMLCSSJavaScript
Ouvrir et exécuter
0309Composants de base et sélecteurs

Contrôle de plage double en mode lecture

Réalisez un contrôle d’intervalle à deux valeurs dans un scénario de mode lecture : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à toutes les tailles.

Composants de base et sélecteursContrôle de plage à deux valeursHTMLCSSJavaScript
Ouvrir et exécuter
0310Formulaires et saisie

Formulaire d’inscription automatique au cours

Réalisez un formulaire de brouillon automatique pour une inscription à un cours : contenu réaliste, contrôles interactifs, retour d’état clair et mise en page adaptative selon la taille.

Formulaires et saisieFormulaire de brouillon automatiqueHTMLCSSJavaScript
Ouvrir et exécuter
0311Navigation et menus

Navigation par pagination pour base de connaissances

Finaliser une navigation par numéros de page dans un contexte de base de connaissances : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à différentes tailles.

Navigation et menusNavigation par paginationHTMLCSSJavaScript
Ouvrir et exécuter
0312couches flottantes et retours d’état

Panneau d’actions en bas du centre de tâches

Réalisez un panneau d’actions inférieur dans le contexte du centre des tâches : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une disposition adaptée à plusieurs tailles.

couches flottantes et retours d’étatPanneau d’actions inférieurHTMLCSSJavaScript
Ouvrir et exécuter