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 20 / 44
Affichage actuel de 24 cas
0457Tableaux et affichage des données

Tableau d’édition en ligne du budget du projet

Tableau d’édition en ligne dans un contexte de budget de projet : contenu réel, contrôles interactifs, retours d’état clairs et disposition adaptative à toutes les tailles d’écran.

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

Galerie adaptative de récits visuels

Finaliser une galerie adaptative dans un contexte de récit visuel : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée aux différentes tailles.

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

Page d’étude de cas du camp d’apprentissage

Réalisez une page d’étude de cas dans un contexte de camp d’apprentissage : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à plusieurs tailles.

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

Panneau de rétention par groupes de capacité du studio

Réaliser un panneau de rétention groupée pour un scénario de capacité de studio : contenu réel, contrôles actionnables, retours d’état clairs et mise en page multi-format.

Tableaux de bord et interfaces d’administrationTableau de rétention de groupeHTML TableCSSJavaScript
Ouvrir et exécuter
0461Animation et micro-interactions

Animation de dévoilement du contenu du lecteur de musique

Complétez une animation de révélation de contenu dans le contexte d’un lecteur musical : elle comprend un contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Espace de profondeur de champ en verre du champ d’aurores

Dans le contexte du champ auroral, complétez un espace de profondeur de verre : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à plusieurs tailles.

Effets visuels créatifsEspace à profondeur de verreHTMLCSS GridResponsive Design
Ouvrir et exécuter
0463Composants de base et sélecteurs

Sélection rapide des dates du plan de voyage

Dans le contexte d’un plan de voyage, réalisez une sélection rapide de dates : inclut du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Formulaire de confirmation du résumé de la demande de service

Dans le contexte d’une demande de service, terminez le formulaire de confirmation du résumé : il doit inclure du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Grand menu groupé de l’espace projet

Page de méga menu groupé pour un contexte d’espace projet : comprend du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page adaptée à toutes les tailles.

Navigation et menusGrand menu de groupeHTMLCSSJavaScript
Ouvrir et exécuter
0466Cartes, listes et organisation du contenu

Index des contacts d’événements locaux

Créer un index de contacts dans un contexte d’événement local : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à différentes tailles.

Cartes, listes et organisation du contenuIndex des contactsHTMLCSSJavaScript
Ouvrir et exécuter
0467Tableaux et affichage des données

Tableau de sélection groupée du budget de projet

Réalisez un tableau de sélection multiple dans un scénario de budget de projet : il comprend du contenu authentique, des contrôles actionnables, des retours d’état clairs et une mise en page adaptative à différentes tailles.

Tableaux et affichage des donnéesSélection par lotHTML TableCSSJavaScript
Ouvrir et exécuter
0468Mise en page et adaptivité

Mise en page responsive maître-détail pour récit photographique

Complétez une mise en page de contenu principal et secondaire dans un contexte de récit visuel : contenus réels, contrôles utilisables, retour d’état clair et mise en page adaptée à différentes tailles.

Mise en page et adaptivitéDisposition de contenu maître-esclaveHTMLCSSJavaScript
Ouvrir et exécuter
0469Pages scénarisées pour le marketing et le contenu

Page de comparaison de produits pour le camp d’apprentissage

Dans le contexte du camp d’apprentissage, réalisez une page de comparaison de produits : elle comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptative à différentes tailles.

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

Tableau de flux de capacité du studio

Complétez le tableau de pipeline dans un contexte de capacité du studio : contient 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 pipeline de processusHTMLCSS GridJavaScript
Ouvrir et exécuter
0471Animation et micro-interactions

Animation de l’état du parcours du lecteur de musique

Réalisez une animation de l’état des pistes dans le scénario d’un lecteur de musique : elle 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 l’état orbitalHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0472Effets visuels créatifs

Effet de traînée du pointeur sur le champ d’aurore

Réalisez un effet de traînée lumineuse du pointeur dans un décor de champ d’aurore : avec du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à toutes les tailles d’écran.

Effets visuels créatifsEffet de traînée du pointeurHTMLCanvasJavaScript
Ouvrir et exécuter
0473Composants de base et sélecteurs

Sélecteur segmenté du studio de musique

Finalisez le sélecteur segmenté dans le scénario du studio de musique : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles d’écran.

Composants de base et sélecteursSélecteur segmentéHTMLCSSJavaScript
Ouvrir et exécuter
0474Formulaires et saisie

Formulaire de validation en temps réel pour la réservation d’événements

Formulaire de validation en temps réel dans un contexte de prise de rendez-vous pour un événement : contient du contenu réaliste, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Formulaires et saisieFormulaire avec validation instantanéeHTMLCSSJavaScript
Ouvrir et exécuter
0475Cartes, listes et organisation du contenu

Mur de cartes filtrable pour l’annuaire de l’équipe

Créez une galerie de cartes filtrable pour un annuaire d’équipe : elle comprend 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 contenuMur de cartes filtrablesHTMLCSSJavaScript
Ouvrir et exécuter
0476Tableaux et affichage des données

Table de tri multicritère des tickets de service

Dans le contexte d’un ticket de service, finalisez un tableau triable à plusieurs colonnes : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page multi-tailles.

Tableaux et affichage des donnéesTableau triable à colonnes multiplesHTML TableCSSJavaScript
Ouvrir et exécuter
0477Mise en page et adaptivité

Mise en page en grille de type bento pour notes de recherche

Dans un contexte de notes de recherche, réalisez une mise en page en grille de type bento : avec 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.

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

Page d’accueil narrative pour campement naturel

Complétez une page d’accueil narrative dans un contexte de campement en pleine nature : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à toutes les tailles.

Pages scénarisées pour le marketing et le contenuHéros narratifHTMLCSSJavaScript
Ouvrir et exécuter
0479Animation et micro-interactions

Chargeur multi-étapes du statut de commande

Réalisez un chargeur à plusieurs étapes pour un scénario de statut de commande : inclut du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Animation et micro-interactionschargeur multi-étapesHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0480Effets visuels créatifs

Champ de particules interactif de l’espace papier

Achever un champ de particules interactif dans un contexte d’espace en papier : contenu réaliste, contrôles actionnables, retours d’état clairs et mise en page adaptative à toutes les tailles.

Effets visuels créatifsChamp de particules interactifHTMLCanvasJavaScript
Ouvrir et exécuter