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 14 / 44
Affichage actuel de 24 cas
0313Cartes, listes et organisation du contenu

Organiseur de signets pour tâches de design

Créer un organisateur de favoris pour un scénario de tâches de conception : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à toutes les tailles.

Cartes, listes et organisation du contenuOrganisateur de favorisHTMLCSS GridJavaScript
Ouvrir et exécuter
0314Tableaux et affichage des données

Table d’édition en ligne des notes de cours

Créer un tableau avec édition en ligne pour le contexte des notes de cours : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à toutes les tailles.

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

Galerie adaptative du portail communautaire

Réalisez une galerie adaptative dans un contexte de portail communautaire : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à différentes tailles.

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

Page d’étude de cas du festival créatif

Réalisez une page d’étude de cas dans le contexte d’un festival créatif : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à différentes tailles.

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

Panneau de rétention groupée des plannings de consultation

Dans un contexte d’horaires de clinique, réaliser un panneau de rétention par cohortes : 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 de bord et interfaces d’administrationTableau de rétention de groupeHTML TableCSSJavaScript
Ouvrir et exécuter
0318Processus commerciaux et de services

Sélecteur de sièges pour location de vélo

Dans un contexte de location de vélo, réaliser un sélecteur de siège : inclure du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Mise en page en grille de poésie pour magazine urbain

Réalisez une mise en page en grille de poèmes dans le contexte d’un magazine urbain : 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.

Typographie et effets de texteMise en page poétique en grilleHTMLCSS GridResponsive Design
Ouvrir et exécuter
0320Animation et micro-interactions

Animation de révélation du contenu de l’outil de concentration

Dans le scénario de l’outil de concentration, finalisez une animation de révélation du contenu : elle inclut du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page adaptative selon les tailles d’écran.

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

Espace en verre en profondeur de jardin nocturne

Complétez un espace de profondeur en verre dans la scène du jardin nocturne : comprend du contenu réel, des commandes interactives, un retour d’état clair et une mise en page adaptée à différentes tailles.

Effets visuels créatifsEspace à profondeur de verreHTMLCSS GridResponsive Design
Ouvrir et exécuter
0322Dessin et visualisation de données

Graphique des relations des nœuds de progression d’apprentissage

Réalisez un graphe de nœuds relationnels dans un contexte de progression d’apprentissage : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à différentes tailles.

Dessin et visualisation de donnéesCarte des nœuds de relationHTMLCanvasJavaScript
Ouvrir et exécuter
0323Capacités des médias et des appareils du navigateur

Détection du thème de couleur de l’espace de démonstration

Finalisez la détection du thème de couleurs du système dans le contexte d’un espace de présentation : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à 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
0324Mini-applications et mini-jeux

Morpion de la pause

Jouez au morpion pendant une pause de cours : contenu réaliste, contrôles interactifs, retour d’état clair et mise en page adaptée à différentes tailles.

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

Sélection rapide de date en mode lecture

Réalisez une sélection rapide de date dans un contexte de mode de lecture : 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.

Composants de base et sélecteursSélection rapide de dateHTMLCSSJavaScript
Ouvrir et exécuter
0326Formulaires et saisie

Formulaire de confirmation du récapitulatif d’inscription au cours

Complétez un formulaire de confirmation récapitulative pour un contexte d’inscription à un cours : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptative à différentes tailles.

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

Menu principal groupé de la base de connaissances

Réalisez un menu groupé à plusieurs niveaux dans un contexte de base de connaissances : il comprend du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptée à différentes tailles.

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

Masque de progression du centre des tâches

Réalisez un masque de progression dans un contexte de centre de tâches : 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.

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

Index des contacts pour tâches de conception

Index des contacts dans le scénario des tâches de conception : incluez 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 contenuIndex des contactsHTMLCSSJavaScript
Ouvrir et exécuter
0330Tableaux et affichage des données

Table des résultats des cours pour sélection par lot

Créer un tableau de sélection groupée dans un contexte de notes de cours : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative à différentes tailles.

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

Mise en page à contenu principal et contenu secondaire pour portail communautaire

Dans le contexte d’un portail communautaire, réalisez une mise en page maître-détail du contenu : elle doit inclure du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles d’écran.

Mise en page et adaptivitéDisposition de contenu maître-esclaveHTMLCSSJavaScript
Ouvrir et exécuter
0332Pages scénarisées pour le marketing et le contenu

Page de comparaison de produits du festival créatif

Finalisez une page de comparaison de produits dans le contexte d’un festival créatif : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à toutes les tailles.

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

Tableau de pipeline de planification des consultations externes

Dans le scénario de planification des rotations en clinique externe, terminez le tableau des flux du planning : 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.

Tableaux de bord et interfaces d’administrationTableau de pipeline de processusHTMLCSS GridJavaScript
Ouvrir et exécuter
0334Processus commerciaux et de services

Flux de demande de retour ou d’échange pour location de vélo

Dans le contexte de la location de vélos, finalisez un flux de demande d’échange ou de retour : contenu réel, contrôles actionnables, retour d’état clair et mise en page sur plusieurs tailles.

Processus commerciaux et de servicesflux de demande d’échange et de retourHTMLCSSJavaScript
Ouvrir et exécuter
0335Typographie et effets de texte

Réglage de la longueur de ligne pour le magazine urbain

Dans un contexte de magazine urbain, ajustez la longueur des lignes de lecture : contenu réel, commandes interactives, retours d’état clairs et mise en page adaptative à différentes tailles.

Typographie et effets de texteRéglage de la longueur des lignes de lectureHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0336Animation et micro-interactions

Animation de l’état de la trajectoire de l’outil de concentration

Dans un contexte d’outil de concentration, réalisez une animation d’état orbitale : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptable à différentes tailles.

Animation et micro-interactionsAnimation de l’état orbitalHTMLCSS AnimationJavaScript
Ouvrir et exécuter