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 27 / 44
Affichage actuel de 24 cas
0625couches flottantes et retours d’état

Voile de progression pour le bon à tirer de la consultation externe

Réalisez une superposition de progression dans le contexte d’une épreuve de correction en clinique externe : contenu authentique, contrôles interactifs, retour d’état clair et mise en page adaptable à différentes tailles.

couches flottantes et retours d’étatMasque de progressionHTMLCSSJavaScript
Ouvrir et exécuter
0626Cartes, listes et organisation du contenu

Tableau Kanban des cartes de consigne audio

Complétez un tableau kanban dans un contexte de cartes d’invites audio : contenu réel, contrôles exploitables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

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

Table de sélection multiple de la liste du service ambulatoire

Table de sélection multiple pour un scénario de liste de patients en consultation externe : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

Tableaux et affichage des donnéesSélection par lotHTML TableCSSJavaScript
Ouvrir et exécuter
0628Mise en page et adaptivité

Galerie adaptative du guide d’archives

Galerie adaptative terminée dans le scénario du guide des archives : contenu réel, commandes actionnables, retours d’état clairs et mise en page adaptable à plusieurs tailles.

Mise en page et adaptivitéGalerie adaptativeHTMLCSSJavaScript
Ouvrir et exécuter
0629Pages scénarisées pour le marketing et le contenu

Page d’étude de cas de studio à domicile

Réalisez une page d’étude de cas dans un contexte de studio à domicile : contenu authentique, contrôles actionnables, retours d’état clairs et mise en page adaptable à toutes les tailles.

Pages scénarisées pour le marketing et le contenupages d’études de casHTMLCSS GridResponsive Design
Ouvrir et exécuter
0630Tableaux de bord et interfaces d’administration

Panneau de consommation des ressources du tableau de révision des archives

Sur le tableau d’archives, compléter le panneau de volume des ressources : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative selon la taille d’écran.

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

Suivi de la progression de la commande du kit de règlement des soins

Réalisez le suivi de l’avancement des commandes dans un contexte de pack de règlement de soins : contenu réel, contrôles utilisables, retour d’état clair et mise en page adaptée à différentes tailles.

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

Réglage de la longueur de ligne pour la lecture de la colonne d’archives

Complétez l’ajustement de la longueur de ligne de lecture dans le contexte d’une colonne d’archives : il comprend un contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Typographie et effets de texteRéglage de la longueur des lignes de lectureHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0633Animation et micro-interactions

Animation de statut orbitale pour catalogue en boucle

Réalisez une animation d’état orbitale dans un décor de boucle de catalogage : 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-interactionsAnimation de l’état orbitalHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0634Effets visuels créatifs

Motif kaléidoscopique du jardin du lac nuageux

Réalisez un motif kaléidoscopique dans le décor du Jardin du lac nuageux : contenu réel, contrôles interactifs, retour d’état clair et mise en page responsive.

Effets visuels créatifsMotif kaléidoscopiqueHTMLCanvasJavaScript
Ouvrir et exécuter
0635Dessin et visualisation de données

Graphiques du tableau de bord de prévision de l’air

Dans le scénario du tableau de prévision de la qualité de l’air, complétez le graphique du tableau de bord : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptable à toutes les tailles.

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

Tableau langue et fuseau horaire du comptoir audio

Dans un scénario de borne audio en libre-service, réalisez un panneau de fuseaux horaires linguistiques : il doit contenir du contenu réel, des contrôles interactifs, des retours d’état clairs et une disposition adaptée à toutes les tailles d’écran.

Capacités des médias et des appareils du navigateurPanneau de fuseau horaire linguistiqueHTMLCSSBrowser API
Ouvrir et exécuter
0637Mini-applications et mini-jeux

Morpion de la boîte d’assistance d’archives

Réalisez le morpion dans le scénario de la boîte d’assistance aux archives : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à toutes les tailles.

Mini-applications et mini-jeuxMorpionHTMLCSSJavaScript
Ouvrir et exécuter
0638Composants de base et sélecteurs

Stepper numérique du coin détente de la serre

Compléter un sélecteur numérique dans un contexte de terrasse de serre : contenu réel, contrôles actionnables, retour d’état clair et disposition adaptable aux différentes tailles.

Composants de base et sélecteursSélecteur numériqueHTMLCSSJavaScript
Ouvrir et exécuter
0639Formulaires et saisie

Groupe de champs dynamiques pour la revue d’exposition

Dans le scénario du poste de relecture de l’événement, terminez un groupe de champs dynamiques : contenu réel, contrôles actionnables, retour d’état clair et disposition adaptée à plusieurs tailles.

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

Onglets d’espace de travail de la feuille de route d’archives

Dans le scénario de la feuille de route des archives, finalisez des onglets d’espace de travail : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Navigation et menusOnglets de l’espace de travailHTMLCSSJavaScript
Ouvrir et exécuter
0641couches flottantes et retours d’état

Tiroir latéral de revue clinique en consultation externe

Finalisez un tiroir latéral dans le contexte du bureau de contrôle clinique : avec du contenu réel, des contrôles actionnables, des retours d’état clairs et une disposition adaptable à différentes tailles.

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

Notes en cascade du tableau d’équipe sonore

Complétez des notes en mosaïque dans le contexte d’un tableau de répertoire audio : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à différentes tailles.

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

Contrôle de la visibilité des colonnes du planning de la clinique

Dans le scénario du tableau de planning de consultation externe, achevez le contrôle de visibilité des colonnes : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à différentes tailles.

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

Mise en page en grille bento pour exposition d’archives

Réalisez une mise en page en grille de type bento pour un contexte de galerie d’archives : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

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

Page de comparaison de produit indépendant

Compléter une page de comparaison de produits dans le contexte d’un produit indépendant : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à plusieurs tailles d’écran.

Pages scénarisées pour le marketing et le contenupage de comparaison de produitsHTML TableCSSJavaScript
Ouvrir et exécuter
0646Tableaux de bord et interfaces d’administration

Tableau d’analyse des tendances du réseau de services d’archives

Complétez un panneau d’analyse des tendances dans un scénario de service d’archives : il contient du contenu réel, 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’administrationTableau d’analyse des tendancesHTMLCanvasJavaScript
Ouvrir et exécuter
0647Composants de base et sélecteurs

Cartes de sélection de plan de serre

Dans le scénario du panneau de planification de serre, réaliser la sélection de cartes de plan : il doit inclure du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page adaptée à plusieurs tailles d’écran.

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

Tableau de planification d’exposition et de réservation de créneaux

Réalisez un tableau de réservation de créneaux dans un contexte de planning d’événements : il doit contenir du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptable à toutes les tailles d’écran.

Formulaires et saisieTableau de réservation des créneauxHTMLCSSJavaScript
Ouvrir et exécuter