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

Mur de cartes filtrable pour liste de lecture

Dans le scénario de la liste de lecture, réalisez un mur de cartes filtrable : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

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

Table de tri à plusieurs colonnes pour le registre de stock

Dans un contexte de registre d’inventaire, réalisez un tableau triable à plusieurs colonnes : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à toutes les tailles.

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

Mise en page en grille de type bento pour journal d’architecture

Réalisez une mise en page en grille de type bento pour le contexte du journal d’architecture : contenu réel, commandes utilisables, retours d’état clairs et mise en page adaptative à différentes tailles.

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

Récit d’ouverture de marque de boisson au thé

Dans le scénario d’une marque de thé, réalisez une page d’accueil narrative : elle doit inclure du contenu authentique, 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 contenuHéros narratifHTMLCSSJavaScript
Ouvrir et exécuter
0029Tableaux de bord et interfaces d’administration

Aperçu des indicateurs clés de l’exploitation de la bibliothèque

Dans le contexte des opérations de bibliothèque, finalisez l’aperçu des indicateurs clés : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative à plusieurs tailles.

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

Calculatrice du panier de la boutique de fleurs

Réaliser un calculateur de panier dans un contexte de boutique de fleurs : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Échelle typographique responsive du recueil de poèmes des montagnes

Dans le scénario du recueil de poésie de montagne, réalisez une échelle typographique responsive : contenu authentique, contrôles interactifs, retours d’état clairs et mise en page adaptative à différentes tailles.

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

Chargeur multi-étapes pour le téléversement de fichiers

Réalisez un chargeur en plusieurs étapes dans un scénario de téléversement de fichiers : 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.

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

Champ de particules interactif des profondeurs marines

Réaliser un champ de particules interactif dans un univers sous-marin profond : contenu réel, contrôles exploitables, retour d’état clair et mise en page adaptée à toutes les tailles.

Effets visuels créatifsChamp de particules interactifHTMLCanvasJavaScript
Ouvrir et exécuter
0034Dessin et visualisation de données

Graphique en barres interactif sur la qualité de l’air

Terminez un histogramme interactif dans un contexte de qualité de l’air : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

Dessin et visualisation de donnéesHistogramme interactifHTMLCanvasJavaScript
Ouvrir et exécuter
0035Capacités des médias et des appareils du navigateur

Panneau d’informations de la zone d’affichage du laboratoire d’appareils

Dans le contexte d’un laboratoire d’appareils, réalisez le panneau d’informations sur la fenêtre d’affichage : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptative à toutes les tailles.

Capacités des médias et des appareils du navigateurPanneau d’informations sur la zone d’affichageHTMLCSSBrowser API
Ouvrir et exécuter
0036Mini-applications et mini-jeux

Calculatrice portable pour la soirée en famille

Réalisez une calculatrice portable pour un contexte de soirée en famille : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles.

Mini-applications et mini-jeuxCalculatrice portableHTMLCSSJavaScript
Ouvrir et exécuter
0037Composants de base et sélecteurs

Matrice d’interrupteurs de préférences de salle de réunion

Réalisez une matrice d’interrupteurs de préférences dans un scénario de salle de réunion : 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.

Composants de base et sélecteursMatrice d’interrupteurs de préférencesHTMLCSSJavaScript
Ouvrir et exécuter
0038Formulaires et saisie

Processus de saisie en plusieurs étapes pour l’inscription des bénévoles

Dans le scénario d’inscription des bénévoles, finalisez un processus de saisie en plusieurs étapes : il inclut du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page adaptative selon les tailles d’écran.

Formulaires et saisieprocessus de saisie en plusieurs étapesHTMLCSSJavaScript
Ouvrir et exécuter
0039Navigation et menus

Navigation fil d’Ariane du guide du musée

Dans le contexte d’une visite de musée, réalisez une navigation par fil d’Ariane : inclut du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative à différentes tailles.

Navigation et menusfil d’ArianeHTMLCSSJavaScript
Ouvrir et exécuter
0040couches flottantes et retours d’état

Tiroir latéral de révision des documents

Réalisez un tiroir latéral pour le scénario de relecture de document : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

couches flottantes et retours d’étatTiroir latéralHTMLCSSJavaScript
Ouvrir et exécuter
0041Cartes, listes et organisation du contenu

Tableau Kanban de la liste de lecture

Terminez une tâche de tableau Kanban dans un contexte de liste de lecture : contenu réaliste, contrôles actionnables, retours d’état clairs et mise en page adaptative à différentes tailles.

Cartes, listes et organisation du contenuTableau des tâchesHTMLCSS GridJavaScript
Ouvrir et exécuter
0042Tableaux et affichage des données

Tableau de filtrage combiné du registre des stocks

Achevez un tableau de filtrage combiné dans le contexte du registre d’inventaire : il comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page multi-tailles.

Tableaux et affichage des donnéesTableau de filtrage combinéHTML TableCSSJavaScript
Ouvrir et exécuter
0043Mise en page et adaptivité

Mise en page narrative en écran partagé pour journal d’architecture

Dans un contexte de journal d’architecture, réalisez une mise en page narrative en écran partagé : contenu réel, contrôles exploitables, retours d’état clairs et mise en page adaptée à différentes tailles.

Mise en page et adaptivitéDisposition narrative en écran partagéHTMLCSS GridResponsive Design
Ouvrir et exécuter
0044Pages scénarisées pour le marketing et le contenu

Page de plan tarifaire de marque de thé

Complétez la page des formules tarifaires dans le contexte d’une marque de thé : avec du contenu réel, 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 contenuPage de forfaits tarifairesHTMLCSSJavaScript
Ouvrir et exécuter
0045Tableaux de bord et interfaces d’administration

Tableau d’analyse des tendances d’exploitation de la bibliothèque

Créer un tableau de bord d’analyse des tendances dans le contexte des opérations de bibliothèque : contenu réel, contrôles exploitables, retour d’état clair et mise en page adaptative à différentes tailles.

Tableaux de bord et interfaces d’administrationTableau d’analyse des tendancesHTMLCanvasJavaScript
Ouvrir et exécuter
0046Processus commerciaux et de services

Flux des étapes de paiement de la fleuristerie

Compléter le flux des étapes de paiement dans le contexte d’une boutique de fleurs : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable aux différentes tailles.

Processus commerciaux et de servicesFlux des étapes de paiementHTMLCSSJavaScript
Ouvrir et exécuter
0047Typographie et effets de texte

Expérimentation de la hiérarchie des graisses typographiques du recueil de poèmes des montagnes

Réalisez une expérimentation sur la hiérarchie des graisses typographiques dans un univers de recueil de poèmes de montagne : contenu réel, contrôles exploitables, retours d’état clairs et mise en page adaptative selon la taille.

Typographie et effets de texteExpérimentation des niveaux de graisse typographiqueHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0048Animation et micro-interactions

Transition de forme du bouton de téléversement de fichier

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

Animation et micro-interactionsTransformation de boutonHTMLCSS AnimationJavaScript
Ouvrir et exécuter