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

Carnet de notes audio à enregistrements extensibles

Complétez les enregistrements extensibles dans le scénario du carnet audio : contenu réel, contrôles actionnables, retours d’état clairs et mise en page responsive sur toutes les tailles.

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

Tableau principal de dossier ambulatoire

Dans le scénario du grand livre ambulatoire, réaliser un en-tête de tableau collant : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à différentes tailles.

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

Disposition de contenu maître-détail pour le manuel d’archives

Réalisez une mise en page de contenu principal et secondaire dans un scénario de manuel d’archives : 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.

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

Page de conversion à l’abonnement pour la journée portes ouvertes de la consultation externe

Page de conversion d’abonnement achevée dans le contexte de la journée portes ouvertes de la clinique : comprend du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page adaptable à toutes les tailles.

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

Vue d’ensemble des indicateurs clés de la gestion des archives

Compléter une vue d’ensemble des indicateurs clés dans un contexte de gestion des archives : contenu réel, contrôles utilisables, retour d’état clair et mise en page responsive multi-format.

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

Générateur de factures pour le registre des rendez-vous de soins

Dans le contexte d’un bureau de rendez-vous de soins, complétez le générateur de factures : contenu réel, contrôles exploitables, retours d’état clairs et mise en page adaptative à toutes les tailles.

Processus commerciaux et de servicesGénérateur de facturesHTMLCSSJavaScript
Ouvrir et exécuter
0607Typographie et effets de texte

Composition en grille de poème pour étiquette d’exposition archivistique

Dans un contexte d’étiquettes d’archives, composez une mise en page en grille pour un poème : elle doit inclure du contenu réel, des contrôles interactifs, un retour d’état clair et une disposition adaptée aux différentes tailles d’écran.

Typographie et effets de texteMise en page poétique en grilleHTMLCSS GridResponsive Design
Ouvrir et exécuter
0608Animation et micro-interactions

Notification contextuelle de l’enregistrement du catalogue

Dans un contexte d’enregistrement de catalogue, terminez le retour visuel de notification contextuelle : il comprend un contenu réaliste, des contrôles utilisables, 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
0609Effets visuels créatifs

Expérience de grille à maillage dégradé du quai Cloud Lake

Réalisez une expérimentation de grille en dégradé dans un scénario de quai du lac nuageux : comprend du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Effets visuels créatifsExpérimentation de grille dégradéeHTMLCanvasJavaScript
Ouvrir et exécuter
0610Dessin et visualisation de données

Diagramme circulaire de briefing aérien

Réalisez un diagramme en anneau pour une présentation aérienne : contenu réaliste, contrôles interactifs, retour d’état clair et mise en page adaptative selon la taille.

Dessin et visualisation de donnéesGraphique annulaire de répartitionHTMLCanvasJavaScript
Ouvrir et exécuter
0611Capacités des médias et des appareils du navigateur

Notes de stockage local pour l’écran secondaire audio

Dans le scénario de l’écran audio secondaire, finalisez le mémo de stockage local : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une disposition adaptée à toutes les tailles.

Capacités des médias et des appareils du navigateurNotes de stockage localHTMLCSSBrowser API
Ouvrir et exécuter
0612Mini-applications et mini-jeux

Sélecteur aléatoire du poste de vérification de la liste d’archives

Dans le scénario du poste de la liste d’archives, terminer le sélecteur aléatoire : contenu réaliste, contrôles interactifs, retour d’état clair et mise en page adaptative selon la taille.

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

Contrôle de plage à deux valeurs pour écran de démonstration de serre

Créer un contrôle de plage à deux valeurs pour le contexte d’un écran de démonstration de serre : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à toutes les tailles.

Composants de base et sélecteursContrôle de plage à deux valeursHTMLCSSJavaScript
Ouvrir et exécuter
0614Formulaires et saisie

Processus de saisie en plusieurs étapes pour le bureau d’enregistrement des expositions

Dans le scénario du comptoir d’enregistrement d’exposition, réalisez un parcours de saisie en plusieurs étapes : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à différentes tailles.

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

Navigation par sections de l’index rapide des archives

Réalisez une navigation de repérage de section dans le contexte d’un index rapide d’archives : contenu réel, commandes actionnables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

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

Centre de notification de la carte de confirmation ambulatoire

Dans un contexte de carte de confirmation en consultation, réaliser un centre de notifications : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Mur de cartes filtrable pour le plan sonore

Dans le scénario du mur de planification audio, compléter un mur de cartes filtrable : avec 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 contenuMur de cartes filtrablesHTMLCSSJavaScript
Ouvrir et exécuter
0618Tableaux et affichage des données

Tableau mobile de règlement de clinique

Réalisez un tableau en cartes mobile dans un scénario de relevé de paiement en consultation externe : il comprend du contenu authentique, des contrôles actionnables, des retours d’état clairs et une mise en page adaptative à différentes tailles.

Tableaux et affichage des donnéestableau en cartes pour mobileHTML TableCSSJavaScript
Ouvrir et exécuter
0619Mise en page et adaptivité

Mise en page de la barre latérale collante de l’édition d’archives

Dans le contexte d’un numéro spécial d’archives, réalisez une disposition à barre latérale fixe : contenu réel, contrôles interactifs, retours d’état clairs et disposition multi-tailles.

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

Mur d’histoires de témoignages du marché du jardin

Dans le scénario d’une foire de jardin, finalisez un mur d’histoires de témoignages : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Tableau de bord du flux de processus de la salle de planification des archives

Réalisez un tableau de flux de processus dans un contexte de salle de planification d’archives : contenu authentique, contrôles interactifs, retours d’état clairs et disposition adaptée à différentes tailles d’écran.

Tableaux de bord et interfaces d’administrationTableau de pipeline de processusHTMLCSS GridJavaScript
Ouvrir et exécuter
0622Composants de base et sélecteurs

Groupe de badges de filtrage pour présentoir de serre

Dans un contexte de présentoir de serre, réaliser un groupe d’étiquettes de filtrage : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à différentes tailles.

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

Retour sur la force du mot de passe du formulaire de demande d’exposition

Dans le contexte d’un formulaire de demande d’exposition, fournir un retour sur la robustesse du mot de passe : contenu réel, contrôles actionnables, retour d’état clair et mise en page multiformat.

Formulaires et saisieRetour sur la robustesse du mot de passeHTMLCSSJavaScript
Ouvrir et exécuter
0624Navigation et menus

Navigation arborescente des ressources d’archives

Dans le contexte de l’étagère de ressources d’archives, réaliser une navigation arborescente : contenu réel, contrôles actionnables, retours d’état clairs et disposition adaptable à différentes tailles.

Navigation et menusNavigation arborescenteHTMLCSSJavaScript
Ouvrir et exécuter