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 28 / 44
Affichage actuel de 24 cas
0649Navigation et menus

Navigation rapide en bas du hall des services d’archives

Réalisez une navigation rapide en bas d’écran dans un contexte de hall de services d’archives : contenu réel, contrôles interactifs, retours d’état clairs et disposition adaptée à toutes les tailles d’écran.

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

Info-bulle clavier pour la barre de soutien ambulatoire

Complétez l’infobulle au clavier dans le contexte de la barre de soutien de la clinique : elle comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

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

File d’attente prioritaire d’histoires sonores

Dans le contexte de l’étagère d’histoires sonores, finalisez la file d’attente par priorités : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative à plusieurs tailles.

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

Table de comparaison des plans du carnet de stock ambulatoire

Réaliser un tableau comparatif de solutions dans le contexte d’un registre d’inventaire ambulatoire : avec du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptable à différentes tailles.

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

Shell de tableau de bord de carnet d’archives

Dans le scénario du carnet d’archives, réalisez une coque de tableau de bord : contenu authentique, contrôles interactifs, retours d’état clairs et mise en page adaptative à différentes tailles.

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

Page d’agenda d’événement du briefing créatif

Créer une page d’ordre du jour d’événement pour un contexte de brief créatif : contenu réaliste, contrôles actionnables, retours d’état clairs et mise en page responsive.

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

Registre d’archives - flux d’activité en temps réel

Réalisez un flux d’activité en temps réel pour un scénario de registre de garde des archives : avec du contenu réaliste, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Tableaux de bord et interfaces d’administrationFlux d’activité en temps réelHTMLCSSJavaScript
Ouvrir et exécuter
0656Processus commerciaux et de services

Composeur d’offres promotionnelles pour fenêtre de retrait des soins

Dans le scénario du délai de retrait des soins, finalisez le composeur de promotions : 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 servicesCompositeur de promotionsHTMLCSSJavaScript
Ouvrir et exécuter
0657Typographie et effets de texte

Effet de masque de texte des notes d’archives

Réalisez un effet de masque de texte dans un contexte de notes d’archive : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à différentes tailles.

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

Pulse circulaire de progression du catalogue

Feedback de progression circulaire pour un scénario de catalogue à impulsion : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à toutes les tailles.

Animation et micro-interactionsretour de progression circulaireHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0659Effets visuels créatifs

Scène éclairée de la halle du lac nuageux

Réaliser une scène de podium sous les projecteurs dans le contexte du hall du lac nuageux : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

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

Carte thermique en matrice du grand livre de l’air

Créer une heatmap matricielle dans un contexte de comptabilité aérienne : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

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

observateur de requête média pour enregistreur audio

Observateur de requêtes média pour un scénario de récorder audio, avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative selon la taille.

Capacités des médias et des appareils du navigateurobservateur de requêtes médiaHTMLCSSBrowser API
Ouvrir et exécuter
0662Mini-applications et mini-jeux

Convertisseur d’unités — cas de correspondance d’archives

Réalisez un convertisseur d’unités dans un contexte de jeu de correspondance d’archives : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

Mini-applications et mini-jeuxConvertisseur d’unitésHTMLCSSJavaScript
Ouvrir et exécuter
0663Composants de base et sélecteurs

Régulateur de plage de configuration de serre mobile

Créer un régulateur de plage dans un scénario de chariot d’aménagement de serre : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à différentes tailles.

Composants de base et sélecteursRégulateur de plageHTMLCSSJavaScript
Ouvrir et exécuter
0664Formulaires et saisie

Formulaire de confirmation du résumé du bon de soutien aux événements

Dans un scénario de fiche de soutien aux opérations d’exposition, réalisez un formulaire de confirmation récapitulative : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à différentes tailles.

Formulaires et saisieFormulaire de confirmation du résuméHTMLCSSJavaScript
Ouvrir et exécuter
0665Navigation et menus

Navigation en fil d’Ariane de la carte d’accès aux archives

Dans un scénario de carte d’accès aux archives, réaliser une navigation en fil d’Ariane : inclut du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptable à toutes les tailles.

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

Pile de notifications de la fenêtre de mise à jour de la clinique ambulatoire

Dans le scénario de la fenêtre de mise à jour de clinique externe, une pile de notifications est réalisée : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

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

Carte carrousel d’histoires sur la ligne de ronde sonore

Dans le scénario de la ligne de patrouille sonore, finalisez la carte carrousel d’histoires : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Tableau de filtrage combiné pour l’utilisation ambulatoire

Compléter, dans le scénario d’utilisation en consultation externe, un tableau de filtrage combiné comprenant du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptative à différentes tailles.

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

Mise en page de magazine éditoriale en grille pour page de récapitulatif d’archives

Dans le scénario de la page récapitulative d’archive, réaliser une grille éditoriale de magazine : elle 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.

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

Zone FAQ de conversion du marché des créateurs

Réalisation d’une zone de conversion questions-réponses dans le contexte d’une foire des makers : contient du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative selon les tailles.

Pages scénarisées pour le marketing et le contenuzone de conversion questions-réponsesHTMLCSSJavaScript
Ouvrir et exécuter
0671Tableaux de bord et interfaces d’administration

Tableau de bord thermique du calendrier de la permanence des archives

Dans un scénario de poste de surveillance des archives, réalisez un panneau de chaleur du calendrier : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative selon les tailles.

Tableaux de bord et interfaces d’administrationPanneau de chaleur du calendrierHTMLCanvasJavaScript
Ouvrir et exécuter
0672Composants de base et sélecteurs

Échelle de notation pour l’établi de tâches de la serre

Réalisez une échelle de notation dans le contexte d’une étagère de tâches de serre : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptable à différentes tailles.

Composants de base et sélecteursÉchelle de notationHTMLCSSJavaScript
Ouvrir et exécuter