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

Fiche de suivi de la liste de lecture extensible

Dans le scénario de la liste de lecture, créez des enregistrements extensibles : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à toutes les tailles.

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

Tableau comparatif des solutions de registre de stock

Complétez un tableau de comparaison de solutions dans un contexte de grand livre des stocks : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à plusieurs tailles d’écran.

Tableaux et affichage des donnéesTableau de comparaison des solutionsHTML TableCSSJavaScript
Ouvrir et exécuter
0123Mise en page et adaptivité

Mise en page à barre latérale collante pour le journal d’architecture

Créer une mise en page avec barre latérale collante dans un contexte de journal d’architecture : contenu réel, contrôles interactifs, retours d’état clairs et mise en page responsive.

Mise en page et adaptivitéDisposition avec barre latérale collanteHTMLCSS GridResponsive Design
Ouvrir et exécuter
0124Pages scénarisées pour le marketing et le contenu

Page de conversion d’abonnement pour une marque de thé

Réalisez une page de conversion pour abonnement dans un contexte de marque de thé : elle comprend du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page adaptable selon les tailles.

Pages scénarisées pour le marketing et le contenupage de conversion d’abonnementHTMLCSSJavaScript
Ouvrir et exécuter
0125Tableaux de bord et interfaces d’administration

Panneau de chaleur du calendrier d’exploitation de la bibliothèque

Réaliser un tableau de bord en carte thermique du calendrier dans un contexte d’exploitation de bibliothèque : il comprend un contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à plusieurs tailles d’écran.

Tableaux de bord et interfaces d’administrationPanneau de chaleur du calendrierHTMLCanvasJavaScript
Ouvrir et exécuter
0126Processus commerciaux et de services

Suivi de l’avancement des commandes de la boutique de fleurs

Dans le scénario d’une boutique de fleurs, réalisez le suivi de l’avancement des commandes : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptative aux différentes tailles.

Processus commerciaux et de servicesSuivi de l’avancement des commandesHTMLCSSJavaScript
Ouvrir et exécuter
0127Typographie et effets de texte

Recueil de poèmes des montagnes et des plaines, texte en défilement rythmé

Réalisez une composition de texte défilant rythmée pour le scénario du recueil de poésie des montagnes : comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Typographie et effets de textetexte à défilement rythméHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0128Animation et micro-interactions

Retour du contrôle élastique pour le téléversement de fichiers

Dans un contexte de téléversement de fichiers, réaliser un retour élastique des contrôles : contenu réel, contrôles actionnables, retour d’état clair et disposition adaptée à toutes les tailles.

Animation et micro-interactionsRetour des composants élastiquesHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0129Effets visuels créatifs

Effet d’explosion de confettis en haute mer

Réaliser un effet d’explosion de confettis dans un contexte de grand fond marin : inclut du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à différentes tailles.

Effets visuels créatifsEffet de confettis explosifsHTMLCanvasJavaScript
Ouvrir et exécuter
0130Dessin et visualisation de données

Carte thermique matricielle de la qualité de l’air

Réalisez une carte thermique matricielle dans un contexte de qualité de l’air : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à différentes tailles.

Dessin et visualisation de donnéescarte de chaleur matricielleHTMLCanvasJavaScript
Ouvrir et exécuter
0131Capacités des médias et des appareils du navigateur

Enregistrement de visibilité de la page du laboratoire d’appareils

Terminez un enregistrement de visibilité de page dans le contexte du laboratoire d’appareils : contenu réel, contrôles actionnables, retours d’état clairs et disposition adaptée à plusieurs tailles.

Capacités des médias et des appareils du navigateurVisibilité de la page enregistréeHTMLCSSBrowser API
Ouvrir et exécuter
0132Mini-applications et mini-jeux

Répartition des dépenses en soirée en famille

Dans un contexte de soirée en famille, achevez un répartiteur de dépenses : 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.

Mini-applications et mini-jeuxRépartiteur de dépensesHTMLCSSJavaScript
Ouvrir et exécuter
0133Composants de base et sélecteurs

Sélection de carte d’option pour salle de réunion

Dans le contexte d’une salle de réunion, réalisez la sélection de cartes d’options : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Composants de base et sélecteursSélection de cartes de solutionHTMLCSSJavaScript
Ouvrir et exécuter
0134Formulaires et saisie

Questionnaire d’inscription conditionnel pour les bénévoles

Réalisez un questionnaire conditionnel dans le contexte d’une inscription de bénévoles : contenu réaliste, contrôles interactifs, retour d’état clair et mise en page adaptée à différentes tailles.

Formulaires et saisieQuestionnaire conditionnelHTMLCSSJavaScript
Ouvrir et exécuter
0135Navigation et menus

Navigation de sections pour guide de musée

Réalisez une navigation de repérage de section dans un contexte de visite de musée : avec contenu réel, contrôles actionnables, retours d’état clairs et disposition adaptative aux différentes tailles d’écran.

Navigation et menusnavigation par ancrage de sectionHTMLCSSJavaScript
Ouvrir et exécuter
0136couches flottantes et retours d’état

Feuille d’actions contextuelles pour la révision de documents

Dans le contexte d’un examen de documents, achevez le formulaire d’actions contextuelles : il comprend du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptable à plusieurs tailles.

couches flottantes et retours d’étatVolet d’actions contextuellesHTMLCSSJavaScript
Ouvrir et exécuter
0137Cartes, listes et organisation du contenu

Notes de la liste de lecture en cascade

Créez une étagère de notes en cascade pour un contexte de liste de lecture : contenus réels, contrôles interactifs, retour d’état clair et mise en page adaptative à toutes les tailles.

Cartes, listes et organisation du contenuNotes en cascadeHTMLCSSJavaScript
Ouvrir et exécuter
0138Tableaux et affichage des données

Tableau matriciel relationnel du grand livre des stocks

Dans le contexte du registre de stock, réalisez un tableau matriciel relationnel : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à différentes tailles d’écran.

Tableaux et affichage des donnéesTableau matrice des relationsHTML TableCSSJavaScript
Ouvrir et exécuter
0139Mise en page et adaptivité

Disposition pleine largeur entrecroisée de journal d’architecture

Réaliser une mise en page pleine largeur avec éléments en chevauchement dans un contexte de revue d’architecture : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Mise en page et adaptivitéDisposition en pleine largeur avec insertionHTMLCSS GridResponsive Design
Ouvrir et exécuter
0140Pages scénarisées pour le marketing et le contenu

Page d’agenda événementiel pour marque de thé

Créer une page d’agenda d’événement dans un contexte de marque de thé : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative selon la taille.

Pages scénarisées pour le marketing et le contenuPage d’agenda d’événementHTMLCSSJavaScript
Ouvrir et exécuter
0141Tableaux de bord et interfaces d’administration

Tableau de bord de traitement des incidents des opérations de bibliothèque

Réalisez un tableau de gestion des incidents pour un scénario d’exploitation de bibliothèque : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à différentes tailles.

Tableaux de bord et interfaces d’administrationTableau de gestion des incidentsHTMLCSS GridJavaScript
Ouvrir et exécuter
0142Processus commerciaux et de services

Configurateur de devis pour fleuriste

Complétez le configurateur de devis dans le contexte d’une boutique de fleurs : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à plusieurs tailles.

Processus commerciaux et de servicesConfigurateur de devisHTMLCSSJavaScript
Ouvrir et exécuter
0143Typographie et effets de texte

Conception de titre contour pour recueil de poèmes de montagne

Réalisez un design de titre contour dans un univers de recueil poétique de montagne : contenu authentique, commandes interactives, retours d’état clairs et mise en page adaptable à différentes tailles.

Typographie et effets de texteTitre avec contour et designHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0144Animation et micro-interactions

Feedback de la fenêtre contextuelle de téléchargement de fichier

Dans le scénario de l’envoi de fichiers, réalisez un retour sous forme de notification contextuelle : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Animation et micro-interactionsRetour de notification contextuelleHTMLCSSJavaScript
Ouvrir et exécuter