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 38 / 44
Affichage actuel de 24 cas
0889Formulaires et saisie

Groupe de champs dynamiques pour l’appariement avec un mentor

Dans un contexte de mise en relation avec un mentor, complétez un groupe de champs dynamiques : contenu réel, contrôles actionnables, retour d’état clair et mise en page multi-tailles.

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

Onglets de l’espace de travail du rayon de ressources cliniques

Dans le scénario de l’étagère de ressources du service ambulatoire, complétez les onglets de l’espace de travail : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptable à toutes les tailles.

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

Tiroir latéral d’actions du mentor

Dans le scénario de la fiche d’action du mentor, réaliser un tiroir latéral : il 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.

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

Carnets en cascade de cartes de notes de terrain

Dans un scénario de cartes de rappel de terrain, créez des notes en cascade : avec 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 contenuNotes en cascadeHTMLCSSJavaScript
Ouvrir et exécuter
0893Tableaux et affichage des données

Contrôle d’affichage des colonnes des visites d’animaux de compagnie

Réalisez un contrôle d’affichage des colonnes dans un contexte de visites d’animaux de compagnie : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Mise en page en grille bento pour brochure de clinique ambulatoire

Réalisez une mise en page en grille de type bento pour un contexte de brochure de clinique ambulatoire : avec du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptable selon la taille.

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

Page de comparaison de produits pour une série de podcasts

Réalisez une page de comparaison de produits dans le contexte d’une série de podcasts : contenu réel, contrôles interactifs, retour d’état clair et mise en page responsive.

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

Tableau d’analyse des tendances du studio de planification de serre

Réalisez un tableau d’analyse des tendances dans le contexte de la salle de planification de la serre : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à différentes tailles.

Tableaux de bord et interfaces d’administrationTableau d’analyse des tendancesHTMLCanvasJavaScript
Ouvrir et exécuter
0897Composants de base et sélecteurs

Choix de cartes d’options pour le tableau de planification de la réserve

Réalisez la sélection de cartes de plan dans le contexte du tableau du plan du garde-manger : contenu réaliste, contrôles actionnables, retour d’état clair et mise en page adaptée à plusieurs tailles d’écran.

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

Formulaire de réservation de créneau pour l’adoption d’animaux de compagnie

Formulaire de réservation de créneau dans un contexte d’adoption d’animaux : comprend un contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page multi-tailles.

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

Navigation rapide inférieure pour le plan d’itinéraire de la clinique

Complétez une navigation rapide en bas dans un scénario de plan du trajet de consultation : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

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

Infobulle clavier de la salle d’alerte du mentor

Dans le scénario de la salle d’alerte du mentor, réalisez une info-bulle au clavier : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à plusieurs tailles d’écran.

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

File de priorités du tableau d’annuaire de terrain

Créez une file d’attente prioritaire pour un contexte de tableau répertoire de terrain : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

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

Tableau comparatif des solutions de programmation de podcasts

Créer un tableau comparatif de solutions dans un contexte de programmation de podcasts : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à différentes tailles d’écran.

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

Shell de tableau de bord pour le récapitulatif des événements

Dans un contexte de récapitulatif d’événement, réaliser une coque de tableau de bord : contenus réalistes, contrôles actionnables, retours d’état clairs et mise en page adaptée à toutes les tailles.

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

Programme hebdomadaire d’inscription au podcast pour l’événement

Dans un contexte de semaine d’inscription à un podcast, réalisez une page d’agenda d’événement : elle comprend du contenu réaliste, des contrôles actionnables, 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’agenda d’événementHTMLCSSJavaScript
Ouvrir et exécuter
0905Tableaux de bord et interfaces d’administration

Flux d’activité en temps réel du tableau de révision de serre

Complétez un flux d’activité en temps réel dans le contexte du tableau de révision de serre : contenu authentique, commandes exploitables, retour d’état clair et mise en page adaptée à toutes les tailles d’écran.

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

Combinateur de promotions de kits pour clinique

Réaliser le composeur de promotions dans le contexte d’un kit de préparation pour consultation externe : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative à différentes tailles.

Processus commerciaux et de servicesCompositeur de promotionsHTMLCSSJavaScript
Ouvrir et exécuter
0907Typographie et effets de texte

Expérience de hiérarchie de graisse de caractères pour la colonne de classe

Dans un scénario de colonne de classe, réalisez une expérience de hiérarchie des graisses typographiques : elle comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptative à différentes tailles.

Typographie et effets de texteExpérimentation des niveaux de graisse typographiqueHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0908Animation et micro-interactions

Retour visuel en anneau de progression pour le signal du service ambulatoire

Réaliser un retour de progression circulaire dans un contexte de signalisation de clinique : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à différentes tailles.

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

Scène projecteur de l’observatoire corallien

Dans le contexte d’un poste d’observation des coraux, réalisez une scène de projecteur : elle comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à plusieurs tailles d’écran.

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

Carte thermique en grille du poste de surveillance public

Réalisez une carte thermique matricielle dans un contexte de poste de supervision publique : contenu réel, commandes actionnables, retours d’état clairs et mise en page adaptable à toutes les tailles.

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

Observateur de requêtes média pour le comptoir libre-service de la clinique

Réalisez un observateur de media queries dans un scénario de borne en libre-service de consultation : contenu réel, contrôles interactifs, retour d’état clair et mise en page responsive multi-tailles.

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

Calculateur de correspondance en classe du convertisseur d’unités

Dans le scénario de correspondance en classe, finalisez le convertisseur d’unités : 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.

Mini-applications et mini-jeuxConvertisseur d’unitésHTMLCSSJavaScript
Ouvrir et exécuter