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 18 / 44
Affichage actuel de 24 cas
0409Tableaux de bord et interfaces d’administration

Panneau de ressources et de capacité de l’atelier

Dans le contexte de la capacité du studio, réaliser un tableau de bord d’utilisation des ressources : il contient un contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

générateur de factures pour réservation d’atelier

Dans un scénario de réservation d’atelier, terminez le générateur de factures : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à toutes les tailles.

Processus commerciaux et de servicesGénérateur de facturesHTMLCSSJavaScript
Ouvrir et exécuter
0411Animation et micro-interactions

Entrée décalée de la liste du lecteur de musique

Dans le contexte d’un lecteur de musique, réaliser une entrée décalée de la liste : elle comprend du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page adaptée à plusieurs tailles.

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

Scène de vagues superposées des aurores boréales

Réalisez un décor de vagues superposées dans un 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éatifsScène ondulée à plusieurs couchesHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0413Dessin et visualisation de données

Diagramme radar des capacités de croissance du jardin

Réalisez un graphique radar des compétences dans le scénario de croissance du jardin : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée aux différentes tailles.

Dessin et visualisation de donnéesRadar des capacitésHTMLCanvasJavaScript
Ouvrir et exécuter
0414Composants de base et sélecteurs

Stepper numérique pour le plan de voyage

Réalisez un sélecteur numérique à incréments dans un contexte de plan de voyage : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles.

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

Tableau de configuration du budget pour demande de service

Finalisez un tableau de configuration budgétaire dans un contexte de demande de service : il comprend du contenu réaliste, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Navigation de progression de l’espace projet

Dans le contexte de l’espace projet, réalisez une navigation de progression de processus : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative.

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

Bannière d’état de la bibliothèque photo

Bannière d’état de fin dans le contexte de la bibliothèque de photos : 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.

couches flottantes et retours d’étatBannière d’étatHTMLCSSJavaScript
Ouvrir et exécuter
0418Cartes, listes et organisation du contenu

File de priorité des événements locaux

File prioritaire dans un contexte d’événements locaux : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

Cartes, listes et organisation du contenuFile d’attente prioritaireHTMLCSS GridJavaScript
Ouvrir et exécuter
0419Tableaux et affichage des données

Tableau de cartes mobile du budget du projet

Réalisez un tableau en cartes pour mobile dans le contexte du budget de projet : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à toutes les tailles.

Tableaux et affichage des donnéestableau en cartes pour mobileHTML TableCSSJavaScript
Ouvrir et exécuter
0420Mise en page et adaptivité

Mise en page responsive en mosaïque d’histoires visuelles

Réaliser une mise en page en cascade responsive dans un contexte de récit visuel : avec du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptable à différentes tailles.

Mise en page et adaptivitéDisposition en cascade réactiveHTMLCSSJavaScript
Ouvrir et exécuter
0421Pages scénarisées pour le marketing et le contenu

Page de compte à rebours du lancement du camp d’apprentissage

Réaliser une page de compte à rebours de lancement dans un contexte de camp d’apprentissage : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Pages scénarisées pour le marketing et le contenuPage de compte à rebours de publicationHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0422Tableaux de bord et interfaces d’administration

Tableau de bord d’entonnoir de conversion pour studio

Dans le contexte de la capacité du studio, achevez le tableau de bord du tunnel de conversion : il comprend du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page multi-tailles.

Tableaux de bord et interfaces d’administrationTableau de bord de l’entonnoir de conversionHTMLCSS GridJavaScript
Ouvrir et exécuter
0423Processus commerciaux et de services

Choix du plan d’abonnement pour la réservation d’atelier

Réalisez une sélection de formule d’abonnement dans un scénario de réservation d’atelier : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à différentes tailles.

Processus commerciaux et de servicesSélection du forfait d’abonnementHTMLCSSJavaScript
Ouvrir et exécuter
0424Animation et micro-interactions

Changement d’état de tournement de page du lecteur de musique

Réalisez la transition de changement de page dans un scénario de lecteur de musique : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptable à différentes tailles.

Animation et micro-interactionsTransition de changement d’état par retournementHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0425Effets visuels créatifs

Effet de traversée du ciel étoilé des prairies d’aurore

Dans un décor de champ d’aurore, réalisez un effet de traversée du ciel étoilé : contenu authentique, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

Effets visuels créatifsEffet de traversée du ciel étoiléHTMLCanvasJavaScript
Ouvrir et exécuter
0426Dessin et visualisation de données

Nuage de points de la croissance du jardin

Créez un nuage de points pour le contexte de croissance du jardin : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à toutes les tailles.

Dessin et visualisation de donnéesDiagramme de dispersionHTMLCanvasJavaScript
Ouvrir et exécuter
0427Composants de base et sélecteurs

Sélection de couleurs pour le plan de voyage

Dans un scénario de plan de voyage, réalisez la sélection d’échantillons de couleurs : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à toutes les tailles.

Composants de base et sélecteursSélection d’échantillons de couleursHTMLCSSJavaScript
Ouvrir et exécuter
0428Formulaires et saisie

Tableau de réservation des créneaux de demande de service

Formulaire de réservation de créneau terminé dans un contexte de demande de service : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

Formulaires et saisieTableau de réservation des créneauxHTMLCSSJavaScript
Ouvrir et exécuter
0429Navigation et menus

Navigation rapide en bas pour l’espace projet

Réussir la navigation rapide en bas dans le contexte de l’espace projet : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à plusieurs tailles.

Navigation et menusNavigation rapide en bas de pageHTMLCSSJavaScript
Ouvrir et exécuter
0430couches flottantes et retours d’état

Centre de notifications de la photothèque

Réalisez un centre de notifications dans le contexte d’une photothèque : contenu réel, contrôles interactifs, retour d’état clair et mise en page multi-tailles.

couches flottantes et retours d’étatCentre de notificationsHTMLCSSJavaScript
Ouvrir et exécuter
0431Cartes, listes et organisation du contenu

Enregistrements déroulants des événements locaux

Dans le scénario d’événements locaux, terminer les enregistrements extensibles : contenu réaliste, contrôles interactifs, retour d’état clair et mise en page adaptative selon la taille.

Cartes, listes et organisation du contenuEnregistrements déroulantsHTMLCSSJavaScript
Ouvrir et exécuter
0432Tableaux et affichage des données

Table comparative des solutions de budget de projet

Dans le contexte du budget de projet, réalisez un tableau de comparaison des solutions : avec du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Tableaux et affichage des donnéesTableau de comparaison des solutionsHTML TableCSSJavaScript
Ouvrir et exécuter