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

Motif des abysses

Dans un contexte de grand bleu profond, réalisez un motif kaléidoscopique : contenu réel, contrôles actionnables, retour d’état clair et disposition adaptée à plusieurs tailles.

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

Graphique chronologique de la qualité de l’air

Complétez le graphique chronologique dans un contexte de qualité de l’air : contient du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Vérification des capacités du pointeur du Device Lab

Effectuer la détection des capacités du pointeur dans le contexte du laboratoire d’appareils : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative.

Capacités des médias et des appareils du navigateurDétection des capacités du pointeurHTMLCSSBrowser API
Ouvrir et exécuter
0148Mini-applications et mini-jeux

minuteur Pomodoro de la soirée en famille

Dans un décor de soirée en famille, terminer le minuteur Pomodoro : contenu réaliste, contrôles utilisables, retours d’état clairs et mise en page adaptable à toutes les tailles.

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

Contrôle de plage à deux valeurs pour salle de réunion

Permet de réaliser un contrôle d’intervalle à deux valeurs dans un contexte de salle de réunion : contenu réel, contrôles manipulables, retours d’état clairs et mise en page adaptable à toutes les tailles.

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

Formulaire brouillon automatique d’inscription des bénévoles

Achever un formulaire de brouillon automatique pour un scénario d’inscription de bénévoles : 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.

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

Navigation par page du guide du musée

Dans un contexte de visite de musée, mener une navigation par pagination : contenu réel, commandes actionnables, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

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

Panneau d’actions inférieur pour la révision de documents

Dans le scénario de l’examen de document, réalisez un panneau d’actions en bas : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à différentes tailles.

couches flottantes et retours d’étatPanneau d’actions inférieurHTMLCSSJavaScript
Ouvrir et exécuter
0153Cartes, listes et organisation du contenu

Organisateur de signets pour liste de lecture

Dans un contexte de liste de lecture, terminez l’organiseur de signets : il comprend un contenu réaliste, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Cartes, listes et organisation du contenuOrganisateur de favorisHTMLCSS GridJavaScript
Ouvrir et exécuter
0154Tableaux et affichage des données

Tableau de bord de l’inventaire avec édition en ligne

Table d’édition en ligne dans un contexte de registre de stock : contient du contenu réaliste, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Tableaux et affichage des donnéestableau à édition en ligneHTML TableCSSJavaScript
Ouvrir et exécuter
0155Mise en page et adaptivité

Galerie adaptative du journal d’architecture

Dans le décor du journal d’architecture, complétez la galerie adaptative : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à toutes les tailles.

Mise en page et adaptivitéGalerie adaptativeHTMLCSSJavaScript
Ouvrir et exécuter
0156Pages scénarisées pour le marketing et le contenu

Page d’étude de cas de marque de thé

Dans le scénario d’une marque de thé, finalisez une page d’étude de cas : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

Pages scénarisées pour le marketing et le contenupages d’études de casHTMLCSS GridResponsive Design
Ouvrir et exécuter
0157Tableaux de bord et interfaces d’administration

Tableau de bord de rétention par cohorte des opérations de la bibliothèque

Réaliser un tableau de bord de rétention par cohortes dans un contexte d’exploitation de bibliothèque : contenu réel, contrôles exploitables, retour d’état clair et mise en page adaptée à toutes les tailles.

Tableaux de bord et interfaces d’administrationTableau de rétention de groupeHTML TableCSSJavaScript
Ouvrir et exécuter
0158Processus commerciaux et de services

Sélecteur de sièges pour fleuriste

Achever le sélecteur de sièges dans un contexte de fleuriste : contenu réaliste, contrôles actionnables, retours d’état clairs et mise en page adaptative à toutes les tailles.

Processus commerciaux et de servicesSélecteur de siègeHTMLCSSJavaScript
Ouvrir et exécuter
0159Typographie et effets de texte

Mise en page en grille poétique du recueil de poèmes des montagnes

Réalisez une composition en grille de poème pour le scénario du recueil de poésie des montagnes : comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Typographie et effets de texteMise en page poétique en grilleHTMLCSS GridResponsive Design
Ouvrir et exécuter
0160Animation et micro-interactions

Animation de révélation du contenu lors du téléversement de fichiers

Animation de révélation de contenu dans un scénario de téléversement de fichier : comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à différentes tailles.

Animation et micro-interactionsAnimation de révélation du contenuHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0161Effets visuels créatifs

Espace profond en verre des abysses

Dans le scénario des profondeurs marines, terminez l’espace de profondeur de champ en verre : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Effets visuels créatifsEspace à profondeur de verreHTMLCSS GridResponsive Design
Ouvrir et exécuter
0162Dessin et visualisation de données

Graphe de relations pour la qualité de l’air

Réalisez un graphe de nœuds relationnels dans un contexte de qualité de l’air : contenu réaliste, contrôles interactifs, retour d’état clair et mise en page adaptée à différentes tailles.

Dessin et visualisation de donnéesCarte des nœuds de relationHTMLCanvasJavaScript
Ouvrir et exécuter
0163Capacités des médias et des appareils du navigateur

Détection de la palette de couleurs du système du laboratoire d’appareils

Effectuez une vérification du schéma de couleurs du système dans un contexte de laboratoire sur l’appareil : 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étection du schéma de couleurs du systèmeHTMLCSSBrowser API
Ouvrir et exécuter
0164Mini-applications et mini-jeux

Morpion soirée en famille

Réalisez un morpion dans un contexte de soirée en famille : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative selon la taille.

Mini-applications et mini-jeuxMorpionHTMLCSSJavaScript
Ouvrir et exécuter
0165Composants de base et sélecteurs

Sélection rapide de date pour salle de réunion

Effectuez une sélection rapide de date dans un contexte de salle de réunion : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptable à plusieurs tailles.

Composants de base et sélecteursSélection rapide de dateHTMLCSSJavaScript
Ouvrir et exécuter
0166Formulaires et saisie

Formulaire de confirmation récapitulative d’inscription des bénévoles

Complétez un formulaire de confirmation récapitulative dans un contexte d’inscription de bénévoles : contenu réel, contrôles exploitables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

Formulaires et saisieFormulaire de confirmation du résuméHTMLCSSJavaScript
Ouvrir et exécuter
0167Navigation et menus

Menu groupé géant pour la visite du musée

Créer un méga-menu groupé dans un contexte de visite de musée : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à différentes tailles d’écran.

Navigation et menusGrand menu de groupeHTMLCSSJavaScript
Ouvrir et exécuter
0168couches flottantes et retours d’état

Voile de progression pour la relecture d’un document

Masque de progression dans un scénario de révision de document : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative à différentes tailles.

couches flottantes et retours d’étatMasque de progressionHTMLCSSJavaScript
Ouvrir et exécuter