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

Liste de lecture à contenu repliable

Réalisez une liste de contenu repliable pour le scénario de la liste de lecture : elle comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptative à différentes tailles.

Cartes, listes et organisation du contenuListe de contenu repliableHTMLCSSJavaScript
Ouvrir et exécuter
0074Tableaux et affichage des données

Contrôle d’affichage des colonnes du registre de stock

Dans un scénario de registre d’inventaire, terminez le contrôle d’affichage des colonnes : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à toutes les tailles.

Tableaux et affichage des donnéesContrôle de l’affichage des colonnesHTML TableCSSJavaScript
Ouvrir et exécuter
0075Mise en page et adaptivité

Tableau de bord architectural d’un bâtiment

Réalisez une coque de tableau de bord dans un scénario de journal d’architecture : contenu réel, contrôles interactifs, retours d’état clairs et disposition adaptée à plusieurs tailles.

Mise en page et adaptivitéCoque de tableau de bordHTMLCSS GridResponsive Design
Ouvrir et exécuter
0076Pages scénarisées pour le marketing et le contenu

Mur de témoignages d’une marque de thé

Réalisez un mur d’histoires et d’avis dans le contexte d’une marque de thé : contenu réel, contrôles interactifs, retour d’état clair et mise en page responsive.

Pages scénarisées pour le marketing et le contenuMur d’histoires de réputationHTMLCSSJavaScript
Ouvrir et exécuter
0077Tableaux de bord et interfaces d’administration

Centre de commandement des opérations de bibliothèque

Exécutez un tableau de bord d’exploitation dans un contexte de bibliothèque : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à toutes les tailles.

Tableaux de bord et interfaces d’administrationCentre de commande des opérationsHTMLCSS GridJavaScript
Ouvrir et exécuter
0078Processus commerciaux et de services

Flux de réservation pour le service d’une boutique de fleurs

Réalisez un parcours de réservation de service dans un scénario de fleuristerie : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative selon les tailles d’écran.

Processus commerciaux et de servicesflux de réservation de serviceHTMLCSSJavaScript
Ouvrir et exécuter
0079Typographie et effets de texte

Mise en page à lettrine pour un recueil de poèmes de la nature

Dans un contexte de recueil de poèmes de montagne, mise en page avec lettrine : contenu réel, contrôles manipulables, retours d’état clairs et mise en page adaptable à toutes les tailles.

Typographie et effets de texteLettrineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0080Animation et micro-interactions

Transition de l’écran squelette pour le téléversement de fichiers

Transition de squelette dans le contexte du téléversement de fichiers : inclut du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptative à différentes tailles.

Animation et micro-interactionsTransition squeletteHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0081Effets visuels créatifs

Scène projecteur des profondeurs marines

Complétez la scène de projecteur dans le scénario de la mer profonde : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptable à différentes tailles.

Effets visuels créatifsScène de projecteurHTMLCanvasJavaScript
Ouvrir et exécuter
0082Dessin et visualisation de données

Graphiques du tableau de bord de la qualité de l’air

Dans le contexte de la qualité de l’air, réalisez un graphique de tableau de bord : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative à différentes tailles.

Dessin et visualisation de donnéesgraphiques de tableau de bordHTMLCanvasJavaScript
Ouvrir et exécuter
0083Capacités des médias et des appareils du navigateur

Démo d’opération du presse-papiers du laboratoire d’appareils

Dans le scénario du laboratoire d’appareils, réalisez une démonstration d’opération du presse-papiers : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à différentes tailles.

Capacités des médias et des appareils du navigateurDémo des opérations du presse-papiersHTMLCSSBrowser API
Ouvrir et exécuter
0084Mini-applications et mini-jeux

Minuteur de concentration pour la soirée en famille

Réalisez un minuteur de concentration dans un contexte de soirée en famille : contenu authentique, contrôles utilisables, retour d’état clair et mise en page adaptable à différentes tailles.

Mini-applications et mini-jeuxMinuteur de concentrationHTMLCSSJavaScript
Ouvrir et exécuter
0085Composants de base et sélecteurs

Groupe d’étiquettes de filtrage de salle de réunion

Finalisez le groupe de tags de filtre dans un contexte de salle de réunion : contenu réaliste, contrôles utilisables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

Composants de base et sélecteursgroupe d’étiquettes de filtreHTMLCSSJavaScript
Ouvrir et exécuter
0086Formulaires et saisie

Groupe de champs dynamiques pour inscription des bénévoles

Dans un contexte d’inscription de bénévoles, complétez un groupe de champs dynamiques : il doit inclure du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à plusieurs tailles d’écran.

Formulaires et saisiegroupe de champs dynamiqueHTMLCSSJavaScript
Ouvrir et exécuter
0087Navigation et menus

Navigation arborescente pour le guide du musée

Réaliser une navigation arborescente dans un contexte de visite de musée : contenu réaliste, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

Navigation et menusNavigation arborescenteHTMLCSSJavaScript
Ouvrir et exécuter
0088couches flottantes et retours d’état

Info-bulle clavier pour la relecture de document

Dans un scénario de révision de document, réaliser une info-bulle au clavier : contenu réel, commandes utilisables, retour d’état clair et mise en page multi-tailles.

couches flottantes et retours d’étatInfo-bulle clavierHTMLCSSJavaScript
Ouvrir et exécuter
0089Cartes, listes et organisation du contenu

Carousel d’histoires de la liste de lecture

Achevez une carte carrousel d’histoires pour un contexte de liste de lecture : elle comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à différentes tailles.

Cartes, listes et organisation du contenuCarte de carrousel d’histoiresHTMLCSSJavaScript
Ouvrir et exécuter
0090Tableaux et affichage des données

En-tête fixe du registre des stocks

Réalisez un en-tête de tableau fixe dans un scénario de registre d’inventaire : comprend du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Tableaux et affichage des donnéesEn-tête fixeHTML TableCSSJavaScript
Ouvrir et exécuter
0091Mise en page et adaptivité

Grille éditoriale de la revue d’architecture

Réalisez une grille éditoriale de magazine dans un scénario de journal d’architecture : elle comprend du contenu réaliste, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Mise en page et adaptivitéGrille de rédaction de magazineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0092Pages scénarisées pour le marketing et le contenu

Page de visite guidée des fonctionnalités pour marque de thé

Dans un contexte de marque de thé, finalisez une page de présentation des fonctionnalités : elle 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.

Pages scénarisées pour le marketing et le contenuPage d’aperçu des fonctionnalitésHTMLCSSJavaScript
Ouvrir et exécuter
0093Tableaux de bord et interfaces d’administration

Tableau de bord du volume d’utilisation des ressources de la bibliothèque

Accomplir un tableau de bord de consommation de ressources dans un scénario d’exploitation de bibliothèque : contenu réaliste, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

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

Générateur de factures pour fleuriste

Dans un contexte de fleuriste, réaliser un générateur de factures : contenus réalistes, contrôles actionnables, 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
0095Typographie et effets de texte

Effet de masque de texte de recueil de poésie des montagnes

Réalisez un effet de masque de texte dans un univers poétique de montagne : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à toutes les tailles d’écran.

Typographie et effets de texteEffet de masque de texteHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0096Animation et micro-interactions

Entrée décalée de la liste de fichiers importés

Réaliser une entrée échelonnée de liste dans un scénario de téléversement de fichier : contenir du contenu réel, des contrôles manipulables, un retour d’état clair et une mise en page adaptable à différentes tailles.

Animation et micro-interactionsEntrée échelonnée de la listeHTMLCSS AnimationJavaScript
Ouvrir et exécuter