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 39 / 44
Affichage actuel de 24 cas
0913Composants de base et sélecteurs

Régulateur de plage de configuration du chariot du meuble alimentaire

Réalisez un régulateur de plage dans un contexte de chariot de configuration de garde-manger : il comprend un contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptative multi-tailles.

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

Formulaire de confirmation récapitulative de rendez-vous de réparation

Dans le contexte d’une prise de rendez-vous pour réparation, réaliser un formulaire de confirmation récapitulatif : contenu authentique, contrôles interactifs, retour d’état clair et mise en page adaptative à différentes tailles.

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

Navigation par fil d’Ariane de la salle de services externes

Réalisez une navigation par fil d’Ariane dans un contexte de hall de services cliniques : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à toutes les tailles.

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

Pile de notifications du signalement d’arrivée du mentor

Dans le scénario de la cloche de pointage du mentor, achevez une pile de notifications : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page multi-tailles.

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

Cartes à carrousel d’histoires du rayon des récits de terrain

Réalisez des cartes de carrousel d’histoires pour un contexte d’étagère d’histoires de champ : elles contiennent du contenu réaliste, des contrôles actionnables, des retours d’état clairs et une mise en page adaptée à différentes tailles.

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

table de filtrage combiné des stocks de pièces détachées

Finalisez un tableau de filtrage combiné dans un scénario de stock de pièces détachées : contenu réel, contrôles utilisables, retour d’état clair et disposition adaptée à différentes tailles d’écran.

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

Grille éditoriale du magazine Atlas des champs

Dans le scénario de l’atlas des champs, réalisez une grille éditoriale de magazine : contenu réel, contrôles exploitables, retours d’état clairs et mise en page adaptative selon les tailles d’écran.

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

Zone de conversion FAQ de l’émission sur les histoires de podcast

Dans le contexte d’un salon d’histoires de podcast, réalisez une zone de conversion en questions-réponses : contenu réel, contrôles interactifs, retours d’état clairs et disposition multi-tailles.

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

Panneau thermique du calendrier du réseau de services des serres

Réalisez un panneau de chaleur de calendrier dans le scénario du réseau de services de serre : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative selon la taille.

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

Échelle de notation de l’aire de travail de la cuisine

Dans le scénario du chariot de tâche de la réserve, réalisez une échelle de notation : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptable à différentes tailles.

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

Fiche budgétaire de confirmation des équipes de rotation

Réaliser une table de configuration budgétaire dans le contexte d’une carte de validation de changement d’équipe : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

Formulaires et saisieTableau de budgetHTMLCSSJavaScript
Ouvrir et exécuter
0924Navigation et menus

Panneau de commande de la carte de visite de la clinique

Réaliser un palette de commandes dans le contexte d’une carte de visite en cabinet : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à plusieurs tailles.

Navigation et menusPanneau de commandesHTMLCSSJavaScript
Ouvrir et exécuter
0925couches flottantes et retours d’état

Carte de confirmation du mentor avec bandeau d’état

Dans le contexte d’une carte de confirmation par le mentor, terminer la bannière d’état : inclure du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles d’écran.

couches flottantes et retours d’étatBannière d’étatHTMLCSSJavaScript
Ouvrir et exécuter
0926Cartes, listes et organisation du contenu

Liste de contenu repliable pour la tournée de terrain

Dans le scénario de la ligne de patrouille sur le terrain, réalisez une liste de contenu repliable : elle 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 contenuListe de contenu repliableHTMLCSSJavaScript
Ouvrir et exécuter
0927Tableaux et affichage des données

Table d’édition en ligne des réservations de salle

Compléter un tableau d’édition en ligne dans un contexte de réservation de lieux : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à différentes tailles d’écran.

Tableaux et affichage des donnéestableau à édition en ligneHTML TableCSSJavaScript
Ouvrir et exécuter
0928Mise en page et adaptivité

Mise en page en plein cadre pour le rapport de terrain

Réaliser une mise en page en pleine largeur et en insertion dans un contexte de rapport de terrain : avec du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptative selon les tailles d’écran.

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

Page de présentation des fonctionnalités du plan de réparation

Dans le contexte du plan de réparation, une page de présentation des fonctionnalités complète : elle contient 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 contenuPage d’aperçu des fonctionnalitésHTMLCSSJavaScript
Ouvrir et exécuter
0930Tableaux de bord et interfaces d’administration

Panneau de rétention groupée du registre de garde de serre

Dans le contexte d’un registre de service en serre, réaliser un panneau de rétention groupée : il comprend du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Tableaux de bord et interfaces d’administrationTableau de rétention de groupeHTML TableCSSJavaScript
Ouvrir et exécuter
0931Processus commerciaux et de services

Configurateur de devis pour le point de retrait de la clinique

Dans un contexte de fenêtre de retrait en clinique, réaliser un composeur de devis : contenu réel, contrôles exploitables, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

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

Mise en page avec lettrine pour les notes de cours

Réaliser une mise en page avec lettrine dans le contexte de notes de classe : contenu authentique, contrôles actionnables, retours d’état clairs et disposition adaptable à plusieurs tailles d’écran.

Typographie et effets de texteLettrineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0933Animation et micro-interactions

Animation de révélation du contenu de l’étape clinique

Réaliser une animation de révélation de contenu dans un contexte de phase ambulatoire : inclut du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à différentes tailles.

Animation et micro-interactionsAnimation de révélation du contenuHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0934Effets visuels créatifs

Effet de traversée du ciel étoilé de la salle de corail

Dans le décor de la salle de corail, réalisez un effet de navigation dans les étoiles : il comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptable à différentes tailles.

Effets visuels créatifsEffet de traversée du ciel étoiléHTMLCanvasJavaScript
Ouvrir et exécuter
0935Dessin et visualisation de données

Graphique en courbes de la tendance des files d’attente publiques

Réaliser un graphique linéaire de tendance dans un contexte de file d’attente publique : avec du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptative selon les tailles d’écran.

Dessin et visualisation de donnéesgraphique linéaire de tendanceHTMLCanvasJavaScript
Ouvrir et exécuter
0936Capacités des médias et des appareils du navigateur

Indicateur d’état de connexion du dispositif d’enregistrement ambulatoire

Dans le contexte du terminal d’enregistrement de clinique externe, terminez l’indicateur d’état de connexion : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à différentes tailles.

Capacités des médias et des appareils du navigateurIndicateur d’état de connexionHTMLCSSBrowser API
Ouvrir et exécuter