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 42 / 44
Affichage actuel de 24 cas
0985Dessin et visualisation de données

Radar des capacités du signal public

Dans un scénario de cartographie des signaux publics, réalisez un diagramme radar des capacités : 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.

Dessin et visualisation de donnéesRadar des capacitésHTMLCanvasJavaScript
Ouvrir et exécuter
0986Capacités des médias et des appareils du navigateur

Détection des capacités du pointeur du poste de consultation ambulatoire

Dans le contexte d’un siège de capteur ambulatoire, effectuez un test des capacités du pointeur : contenu réel, contrôles interactifs, retour d’état clair et disposition adaptée à différentes tailles d’écran.

Capacités des médias et des appareils du navigateurDétection des capacités du pointeurHTMLCSSBrowser API
Ouvrir et exécuter
0987Mini-applications et mini-jeux

Minuteur de concentration avec récompense en classe

Compléter un minuteur de concentration dans un scénario de récompense en classe : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à plusieurs tailles d’écran.

Mini-applications et mini-jeuxMinuteur de concentrationHTMLCSSJavaScript
Ouvrir et exécuter
0988Composants de base et sélecteurs

Contrôle de plage à double valeur pour salle de spectacle

Réalisez un contrôle de plage à deux valeurs dans le contexte d’une console de spectacle : contenu réaliste, contrôles actionnables, retour d’état clair et mise en page adaptable à toutes les tailles.

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

Processus de saisie en plusieurs étapes du planning des équipes

Dans le contexte d’un tableau de planification des équipes, réalisez un processus de saisie par étapes : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à plusieurs tailles d’écran.

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

Navigation de repérage des chapitres du forum des makers

Navigation par ancre de section achevée dans le contexte d’un forum de makers : inclut 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 menusnavigation par ancrage de sectionHTMLCSSJavaScript
Ouvrir et exécuter
0991couches flottantes et retours d’état

Centre de notifications des mises à jour du mentor

Réaliser un centre de notifications dans le contexte d’une fenêtre de mise à jour du mentor : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée aux différentes tailles.

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

Mur de cartes filtrables de recettes

Dans le contexte d’une collection de recettes, créez un mur de cartes filtrables : contenu réaliste, contrôles actionnables, 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
0993Tableaux et affichage des données

Table de cartes mobile pour le règlement du studio

Complétez la grille de cartes mobile dans un contexte de relevé de paiement du studio : contient du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Mise en page à barre latérale fixe du journal de serre

Réalisez une mise en page à barre latérale fixe pour le scénario du journal de serre : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

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

Mur de témoignages de la soirée d’avant-première du studio

Réalisez un mur d’histoires de témoignages pour le scénario d’aperçu en studio de nuit : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à différentes tailles.

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

Tableau de pipeline de l’équipe de coordination du logement

Réalisez un tableau de pipeline dans un scénario de salle de coordination du service résidentiel : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptative multi-tailles.

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

Groupe d’étiquettes de filtre pour écran de démonstration de spectacle

Dans le scénario de l’écran de démonstration de spectacle, réalisez un groupe d’étiquettes de filtrage : contenu réel, contrôles utilisables, retours d’état clairs et mise en page multi-tailles.

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

Retour d’information sur la force du mot de passe du formulaire d’assistance de l’équipe de relève

Maîtriser le retour sur la robustesse du mot de passe dans un contexte de renfort de permanence : contenu réel, contrôles actionnables, retour d’état clair et mise en page multi-tailles.

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

Navigation arborescente de la salle médias

Créer une navigation arborescente pour un contexte de salle média : contient du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page adaptative selon la taille.

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

Masque de progression du formulaire d’approbation

Réalisez un masque de progression dans un scénario de demande d’approbation : inclut du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptée à différentes tailles.

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

Tableau Kanban des extraits de recherche

Dans le scénario d’extraits de recherche, réalisez un tableau kanban : il comprend du contenu authentique, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

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

Table de sélection groupée de la liste du studio

Réalisez une grille de sélection multiple pour le tableau des effectifs d’un studio : elle comprend du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page adaptée à différentes tailles.

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

Galerie adaptative du numéro spécial Jardin

Réaliser une galerie adaptative dans un scénario de dossier spécial sur le jardin : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à différentes tailles.

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

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

Réalisez une page d’étude de cas dans le contexte du guide du projet du studio : avec du contenu réel, 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 contenupages d’études de casHTMLCSS GridResponsive Design
Ouvrir et exécuter
1005Tableaux de bord et interfaces d’administration

Tableau des ressources pour la gestion des incidents de logement

Dans le scénario de traitement des affaires de logement, terminez le panneau de suivi des ressources : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Sélecteur de siège pour la ligne de service de la clinique

Un sélecteur de sièges réalisé dans un scénario de flux de service en consultation : contenu réaliste, contrôles exploitables, retour d’état clair et mise en page adaptable à toutes les tailles.

Processus commerciaux et de servicesSélecteur de siègeHTMLCSSJavaScript
Ouvrir et exécuter
1007Typographie et effets de texte

Texte défilant rythmique pour manuel de cours

Dans le scénario du manuel de cours, complétez le texte défilant rythmique : il comprend du contenu réel, des contrôles utilisables, des retours d’état clairs et une mise en page adaptée à différentes tailles.

Typographie et effets de textetexte à défilement rythméHTMLCSS AnimationJavaScript
Ouvrir et exécuter
1008Animation et micro-interactions

Liste des déclencheurs de consultation externe avec entrée échelonnée

Dans le contexte du déclencheur de service ambulatoire, réaliser une entrée échelonnée dans une liste : avec 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-interactionsEntrée échelonnée de la listeHTMLCSS AnimationJavaScript
Ouvrir et exécuter