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

Navigation par repères des sections de l’annonce de la clinique externe

Dans le contexte du panneau d’annonces de la clinique, effectue une navigation par ancrage de section : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à différentes tailles.

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

Centre de notifications des opérations de réunion

Dans un contexte de gestion de réunion, finalisez un centre de notifications : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles d’écran.

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

Mur de cartes filtrables pour notes de terrain

Dans un contexte de notes de terrain, finalisez un mur de cartes filtrables : contenu authentique, contrôles interactifs, retours d’état clairs et mise en page adaptée à toutes les tailles.

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

Fiche en cartes mobile pour le plan de repas

Créer un tableau mobile sous forme de cartes pour un scénario de planification des repas : contenu réaliste, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

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

Disposition latérale fixe pour carnet de classe

Réaliser une disposition à barre latérale fixe dans un contexte de carnet de classe : avec du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptable à différentes tailles.

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

Mur d’histoires d’avis en avant-première du podcast

Réaliser un mur d’histoires d’avis dans un contexte de lancement d’un podcast : il comprend du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Tableau de pipeline pour la gestion de serre

Dans le scénario de la ligne de traitement de la serre, terminez le tableau du pipeline de processus : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Groupe d’étiquettes de filtrage pour le présentoir du meuble de rangement alimentaire

Complétez le groupe d’étiquettes de filtrage dans un contexte de présentoir du comptoir de repas : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une disposition adaptée à plusieurs tailles.

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

retour sur la robustesse du mot de passe pour la demande de repas

Dans le contexte d’une demande de repas, réalisez un retour sur la robustesse du mot de passe : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Navigation arborescente de l’index rapide du service ambulatoire

Réaliser une navigation arborescente dans un contexte d’index rapide de clinique externe : inclure un contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page multi-tailles.

Navigation et menusNavigation arborescenteHTMLCSSJavaScript
Ouvrir et exécuter
0875couches flottantes et retours d’état

Masque de progression du centre des membres

Créez un voile de progression dans un contexte de centre des membres : avec contenu réel, contrôles actionnables, retours d’état clairs et disposition adaptative aux différentes tailles d’écran.

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

Tableau de tâches du mur de planification du terrain

Dans le scénario du mur du plan de terrain, réalisez un tableau kanban de tâches : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Table de sélection groupée des heures de mentorat

Dans un contexte d’heures de mentorat, réaliser un tableau de sélection multiple : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Galerie adaptative de la page de récapitulation du cours

Dans le scénario de la page récapitulative de la classe, finalisez la galerie adaptative : 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.

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

Page d’étude de cas du carnet de projet podcast

Réaliser une page d’étude de cas dans le contexte d’un guide de programme de podcast : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à plusieurs tailles.

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

Panneau de suivi des ressources d’exploitation de la serre

Compléter un tableau de bord des ressources dans un contexte d’exploitation de serre : contenu réel, contrôles utilisables, retour d’état clair et mise en page responsive multi-format.

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

Suivi de la progression de la commande du panier de règlement en consultation externe

Dans le scénario du sac de règlement ambulatoire, réalisez le suivi de l’avancement de la commande : il comprend un contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptable à différentes tailles.

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

Échelle typographique responsive pour les panneaux de classe

Dans le contexte des étiquettes d’exposition en classe, réaliser une échelle typographique responsive : contenir du vrai contenu, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

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

Animation d’état en orbite à impulsions de clinique externe

Dans le contexte d’une pulsation en consultation, achevez une animation d’état orbital : elle comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Animation et micro-interactionsAnimation de l’état orbitalHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0884Effets visuels créatifs

Champ de particules interactif du port corail

Réaliser un champ de particules interactif dans le décor du port de corail : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à toutes les tailles d’écran.

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

Graphiques de tableau de bord du registre public

Complétez le graphique du tableau de bord dans un contexte de registre public : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative à différentes tailles.

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

Panneau de langue et de fuseau horaire de l’écran secondaire de la clinique

Réalisez un panneau de fuseau horaire linguistique dans le scénario de l’écran secondaire d’un cabinet médical : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à différentes tailles.

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

Tic-tac-toe de la boîte à outils de classe

Complétez une partie de morpion dans un contexte de boîte d’aide de la classe : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à différentes tailles.

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

Stepper numérique du comptoir de repos

Complétez le sélecteur numérique dans un contexte de comptoir de repos du restaurant : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

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