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 24 / 44
Affichage actuel de 24 cas
0553Mise en page et adaptivité

Grille éditoriale du magazine du centre de soins

Dans le contexte du centre de soins, complétez une grille éditoriale de magazine : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à plusieurs tailles.

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

page d’agenda d’événement pour cours de soins

Dans un scénario de cours de soins, terminer la page d’agenda d’événement : contenu réel, commandes utilisables, retour d’état clair et mise en page multi-tailles.

Pages scénarisées pour le marketing et le contenuPage d’agenda d’événementHTMLCSSJavaScript
Ouvrir et exécuter
0555Tableaux de bord et interfaces d’administration

Tableau de rétention groupée du réseau de soins

Réalisez un panneau de rétention par cohorte pour un contexte de réseau de soins : 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.

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

Sélecteur de sièges pour cours d’art

Dans le contexte d’un cours d’art, réalisez un sélecteur de places : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Texte défilant rythmique de script sonore

Dans un scénario de script sonore, réaliser un texte défilant rythmé : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à différentes tailles.

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

Chargeur multi-étapes à bande sonore

Réalisez un chargeur à plusieurs étapes pour un contexte de bande sonore : il contient du contenu réaliste, des contrôles actionnables, des retours d’état clairs et une mise en page adaptée à différentes tailles.

Animation et micro-interactionschargeur multi-étapesHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0559Effets visuels créatifs

effet de traînée lumineuse du pointeur sur lac de nuages

Réalisez un effet de traînée de pointeur dans un contexte de lac nuageux : 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.

Effets visuels créatifsEffet de traînée du pointeurHTMLCanvasJavaScript
Ouvrir et exécuter
0560Dessin et visualisation de données

Créateur de formes d’onde de métriques audio

Dans un contexte d’indicateurs audio, réalisez un visualiseur de formes d’onde : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à toutes les tailles.

Dessin et visualisation de donnéestraceur d’ondesHTMLCanvasJavaScript
Ouvrir et exécuter
0561Capacités des médias et des appareils du navigateur

Détection du thème de couleur du système pour le lecteur d’archives

Détecter le schéma de couleurs du système dans le contexte d’un lecteur d’archives : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à toutes les tailles.

Capacités des médias et des appareils du navigateurDétection du schéma de couleurs du systèmeHTMLCSSBrowser API
Ouvrir et exécuter
0562Mini-applications et mini-jeux

Tableau de pointage d’habitudes d’association sonore

Dans un scénario de jumelage sonore, terminez le tableau de suivi des habitudes : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à toutes les tailles.

Mini-applications et mini-jeuxTableau de pointage des habitudesHTMLCSSJavaScript
Ouvrir et exécuter
0563Composants de base et sélecteurs

Stepper numérique du coin fitness

Finalisez le sélecteur numérique dans le contexte du coin fitness : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à différentes tailles.

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

Questionnaire de candidature au don avec conditions

Réalisez un questionnaire conditionnel dans un scénario d’inscription de donateurs : 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.

Formulaires et saisieQuestionnaire conditionnelHTMLCSSJavaScript
Ouvrir et exécuter
0565Navigation et menus

Méga-menu groupé du guide du campus

Créer un grand menu groupé dans un contexte de visite guidée du campus : inclure du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page qui s’adapte à différentes tailles.

Navigation et menusGrand menu de groupeHTMLCSSJavaScript
Ouvrir et exécuter
0566couches flottantes et retours d’état

Boîte de dialogue de confirmation d’alerte de consultation

Créer une boîte de dialogue de confirmation pour un scénario d’alerte en cabinet : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à toutes les tailles.

couches flottantes et retours d’étatBoîte de dialogue de confirmationHTMLCSSJavaScript
Ouvrir et exécuter
0567Cartes, listes et organisation du contenu

Chronologie des activités de propositions publiques

Complétez une chronologie d’activités dans un contexte de proposition publique : contenu réel, contrôles actionnables, retours d’état clairs et mise en page multi-tailles.

Cartes, listes et organisation du contenuChronologie des activitésHTMLCSSJavaScript
Ouvrir et exécuter
0568Tableaux et affichage des données

Tableau de saisie en ligne du registre des dons

Terminer un tableau d’édition en ligne dans le contexte d’un registre de dons : 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.

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

Disposition pleine largeur en alternance du journal de soins

Réalisez une mise en page plein format en insertion dans le contexte d’un journal de soins : elle comprend du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptée à différentes tailles d’écran.

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

Zone de conversion FAQ du camp civique

Dans le contexte d’un camp civique, finalisez une zone de conversion avec questions-réponses : 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.

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

Centre de commandement des opérations de la ligne d’assistance publique

Achevez un poste de commande pour un contexte de hotline publique : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à différentes tailles.

Tableaux de bord et interfaces d’administrationCentre de commande des opérationsHTMLCSS GridJavaScript
Ouvrir et exécuter
0572Composants de base et sélecteurs

Cartes de sélection pour le plan de l’atelier de jardinage

Réaliser la sélection de cartes de solution dans un contexte d’atelier de jardinage : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à toutes les tailles.

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

Formulaire de brouillon automatique pour demande d’équipement

Dans un scénario de demande d’équipement, complétez un formulaire brouillon automatique : il comprend un contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Formulaires et saisieFormulaire de brouillon automatiqueHTMLCSSJavaScript
Ouvrir et exécuter
0574Navigation et menus

Navigation par pages de la console de dispatch des archives

Navigation par numéros de page dans le scénario du centre de distribution des archives : contient du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Navigation et menusNavigation par paginationHTMLCSSJavaScript
Ouvrir et exécuter
0575couches flottantes et retours d’état

Boîte d’actions contextuelles de l’unité d’intervention en consultation

Dans le scénario du dossier d’intervention de la clinique, réalisez une feuille d’actions contextuelles : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptable à différentes tailles.

couches flottantes et retours d’étatVolet d’actions contextuellesHTMLCSSJavaScript
Ouvrir et exécuter
0576Cartes, listes et organisation du contenu

Organisateur de signets pour boîte de clips audio

Créer un organisateur de signets pour le scénario de boîte d’extraits sonores : 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 contenuOrganisateur de favorisHTMLCSS GridJavaScript
Ouvrir et exécuter