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 8 / 44
Affichage actuel de 24 cas
0169Cartes, listes et organisation du contenu

Index des contacts de la liste de lecture

Index de contacts dans un contexte de liste de lecture : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

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

Table de sélection multiple du registre d’inventaire

Dans un contexte de registre de stock, réaliser un tableau de sélection multiple : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Architecture de contenu maître-esclave pour journal

Réalisez une mise en page de contenu maître-détail dans un contexte de journal d’architecture : elle doit inclure du contenu réel, des contrôles actionnables, un retour d’état clair et une disposition adaptée aux différentes tailles d’écran.

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

Page de comparaison de produits d’une marque de thé

Réalisez une page de comparaison de produits pour un scénario de marque de thé : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à toutes les tailles d’écran.

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

Tableau de pipeline des opérations de la bibliothèque

Réalisez un panneau de pipeline dans le contexte des opérations de bibliothèque : contenu réel, commandes actionnables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

Tableaux de bord et interfaces d’administrationTableau de pipeline de processusHTMLCSS GridJavaScript
Ouvrir et exécuter
0174Processus commerciaux et de services

Flux de demande d’échange et de retour du fleuriste

Flux de demande de retour ou d’échange terminé dans un contexte de boutique de fleurs : contenu réel, contrôles interactifs, retour d’état clair et disposition adaptée à différentes tailles d’écran.

Processus commerciaux et de servicesflux de demande d’échange et de retourHTMLCSSJavaScript
Ouvrir et exécuter
0175Typographie et effets de texte

Réglage de la longueur de ligne de lecture pour les recueils de poèmes des montagnes et des plaines

Réalisez un réglage de la longueur des lignes de lecture dans le contexte d’un recueil de poèmes de montagne : avec du contenu réel, des contrôles utilisables, des retours d’état clairs et une mise en page adaptée à plusieurs tailles d’écran.

Typographie et effets de texteRéglage de la longueur des lignes de lectureHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0176Animation et micro-interactions

Animation d’état de trajectoire pour le téléversement de fichiers

Dans un contexte de téléversement de fichiers, complétez une animation d’état orbitale : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à différentes tailles.

Animation et micro-interactionsAnimation de l’état orbitalHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0177Effets visuels créatifs

Effet de trace lumineuse du pointeur des abysses

Réaliser un effet de traînée lumineuse du pointeur dans un décor de profonde mer : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée aux différentes tailles.

Effets visuels créatifsEffet de traînée du pointeurHTMLCanvasJavaScript
Ouvrir et exécuter
0178Dessin et visualisation de données

Traceur de forme d’onde pour la qualité de l’air

Réalisez un tracé de forme d’onde dans un contexte de qualité de l’air : contenu réel, contrôles actionnables, retours d’état clairs et disposition adaptée à différentes tailles.

Dessin et visualisation de donnéestraceur d’ondesHTMLCanvasJavaScript
Ouvrir et exécuter
0179Capacités des médias et des appareils du navigateur

Panneau de langue et de fuseau horaire du laboratoire d’appareils

Dans un contexte de laboratoire d’appareils, réalisez un panneau de fuseaux horaires linguistiques : il comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Capacités des médias et des appareils du navigateurPanneau de fuseau horaire linguistiqueHTMLCSSBrowser API
Ouvrir et exécuter
0180Mini-applications et mini-jeux

Sélecteur aléatoire pour la soirée en famille

Achevez un sélecteur aléatoire pour un contexte de soirée en famille : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à différentes tailles.

Mini-applications et mini-jeuxSélecteur aléatoireHTMLCSSJavaScript
Ouvrir et exécuter
0181Composants de base et sélecteurs

Sélecteur segmenté du mode de lecture

Réaliser un sélecteur segmenté dans un contexte de mode de lecture : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à différentes tailles.

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

Formulaire de validation en temps réel pour l’inscription au cours

Complétez un formulaire de validation en temps réel pour un contexte d’inscription à un cours : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptative à différentes tailles.

Formulaires et saisieFormulaire avec validation instantanéeHTMLCSSJavaScript
Ouvrir et exécuter
0183Navigation et menus

Menu principal responsive de la base de connaissances

Réalisez un menu principal responsive dans un contexte de base de connaissances : 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 d’écran.

Navigation et menusMenu principal responsiveHTMLCSSJavaScript
Ouvrir et exécuter
0184couches flottantes et retours d’état

Boîte de dialogue de confirmation du centre des tâches

Réaliser une boîte de dialogue de confirmation dans un scénario de centre de tâches : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative à plusieurs tailles.

couches flottantes et retours d’étatBoîte de dialogue de confirmationHTMLCSSJavaScript
Ouvrir et exécuter
0185Cartes, listes et organisation du contenu

Mur de cartes filtrables pour tâches de conception

Réalisez un mur de cartes filtrables dans le contexte des tâches de conception : contenu authentique, contrôles interactifs, retours d’état clairs et disposition adaptée à différentes tailles d’écran.

Cartes, listes et organisation du contenuMur de cartes filtrablesHTMLCSSJavaScript
Ouvrir et exécuter
0186Tableaux et affichage des données

Table de tri multi-colonnes des notes de cours

Complétez un tableau triable à plusieurs colonnes dans le contexte des notes de cours : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à différentes tailles.

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

Mise en page en grille de type bento pour le portail communautaire

Réalisez une mise en page en grille de type bento dans un scénario de portail communautaire : contenu réaliste, contrôles interactifs, retours d’état clairs et mise en page adaptée à différentes tailles.

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

Hero narratif pour festival créatif

Dans le contexte du festival créatif, réaliser un héros narratif : avec du contenu authentique, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Pages scénarisées pour le marketing et le contenuHéros narratifHTMLCSSJavaScript
Ouvrir et exécuter
0189Tableaux de bord et interfaces d’administration

Vue d’ensemble des indicateurs clés du planning ambulatoire

Dans le contexte de la planification des consultations, obtenez une vue d’ensemble des indicateurs clés : contenu réel, contrôles exploitables, retour d’état clair et mise en page multi-tailles.

Tableaux de bord et interfaces d’administrationVue d’ensemble des indicateurs clésHTMLCSS GridJavaScript
Ouvrir et exécuter
0190Processus commerciaux et de services

Calculateur de panier pour location de vélo

Dans le scénario de location de vélos, finalisez le calculateur de panier : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une disposition adaptée à toutes les tailles.

Processus commerciaux et de servicesCalculateur de panierHTMLCSSJavaScript
Ouvrir et exécuter
0191Typographie et effets de texte

Échelle typographique responsive de City Magazine

Réaliser une échelle typographique réactive dans un contexte de magazine urbain : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à plusieurs formats.

Typographie et effets de texteÉchelle typographique responsiveHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0192Animation et micro-interactions

Chargeur multi-étapes de l’outil de concentration

Complétez un chargeur multi-étapes dans le contexte d’un outil de concentration : il 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-interactionschargeur multi-étapesHTMLCSS AnimationJavaScript
Ouvrir et exécuter