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

File d’attente des tâches de conception prioritaires

Dans le contexte des tâches de conception, réalisez une file de priorités : 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 contenuFile d’attente prioritaireHTMLCSS GridJavaScript
Ouvrir et exécuter
0266Tableaux et affichage des données

Tableau de cartes mobile pour les résultats de cours

Dans un scénario de notes de cours, créer un tableau de cartes mobile : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à différentes tailles.

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

Mise en page en maçonnerie responsive du portail communautaire

Réalisez une mise en page en cascade responsive dans un scénario de portail communautaire : incluez du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Mise en page et adaptivitéDisposition en cascade réactiveHTMLCSSJavaScript
Ouvrir et exécuter
0268Pages scénarisées pour le marketing et le contenu

Page de compte à rebours du lancement du festival créatif

Réalisez une page de compte à rebours pour un lancement dans un contexte de festival créatif : 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.

Pages scénarisées pour le marketing et le contenuPage de compte à rebours de publicationHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0269Tableaux de bord et interfaces d’administration

Tableau de conversion du planning des consultations

Compléter un tableau de bord de tunnel de conversion dans un contexte de planning de clinique : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

Tableaux de bord et interfaces d’administrationTableau de bord de l’entonnoir de conversionHTMLCSS GridJavaScript
Ouvrir et exécuter
0270Processus commerciaux et de services

sélection du plan d’abonnement pour la location de vélos

Finalisez la sélection du plan d’abonnement dans un contexte de location de vélo : contenu réaliste, contrôles utilisables, retours d’état clairs et mise en page adaptée à toutes les tailles d’écran.

Processus commerciaux et de servicesSélection du forfait d’abonnementHTMLCSSJavaScript
Ouvrir et exécuter
0271Typographie et effets de texte

Composition typographique dynamique pour magazine urbain

Réalisez une composition typographique dynamique dans un contexte de magazine urbain : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles.

Typographie et effets de texteTypographie dynamiqueHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0272Animation et micro-interactions

Changement d’état de la page de l’outil de concentration

Dans le scénario de l’outil de concentration, réaliser une transition d’état de changement de page : inclut du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Animation et micro-interactionsTransition de changement d’état par retournementHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0273Effets visuels créatifs

Effet de traversée du ciel étoilé du jardin nocturne

Réalisez un effet de navigation dans un ciel étoilé dans un décor de jardin nocturne : contenu réel, commandes utilisables, retour d’état clair et mise en page adaptée à toutes les tailles.

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

Diagramme de dispersion de la progression d’apprentissage

Complétez le nuage de points dans le contexte du suivi des progrès d’apprentissage : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à toutes les tailles.

Dessin et visualisation de donnéesDiagramme de dispersionHTMLCanvasJavaScript
Ouvrir et exécuter
0275Capacités des médias et des appareils du navigateur

Indicateur d’état de mise en réseau de l’espace de démonstration

Dans le contexte d’un espace de démonstration, mettre en place l’indicateur d’état de connexion : contenu réel, contrôles actionnables, retour d’état clair et disposition adaptative selon la taille de l’écran.

Capacités des médias et des appareils du navigateurIndicateur d’état de connexionHTMLCSSBrowser API
Ouvrir et exécuter
0276Mini-applications et mini-jeux

Convertisseur d’unités pour la pause de cours

Dans le contexte de la pause d’étude, finalisez le convertisseur d’unités : il contient du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page adaptée à plusieurs tailles.

Mini-applications et mini-jeuxConvertisseur d’unitésHTMLCSSJavaScript
Ouvrir et exécuter
0277Composants de base et sélecteurs

Sélection d’échantillons de couleur pour le mode lecture

Finalisez la sélection des échantillons de couleur dans le contexte du mode lecture : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à toutes les tailles.

Composants de base et sélecteursSélection d’échantillons de couleursHTMLCSSJavaScript
Ouvrir et exécuter
0278Formulaires et saisie

Formulaire de réservation de créneau pour l’inscription aux cours

Dans le cadre de l’inscription à un cours, créer un formulaire de réservation de créneau horaire : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

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

Navigation rapide en bas de la base de connaissances

Réaliser une navigation rapide en bas pour un scénario de base de connaissances : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à toutes les tailles.

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

Centre de notifications du centre des tâches

Compléter un centre de notifications pour un contexte de centre de tâches : comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page multi-tailles.

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

Enregistrements déroulants des tâches de conception

Dans un scénario de tâches de conception, complétez des enregistrements extensibles : ils comprennent du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à plusieurs tailles d’écran.

Cartes, listes et organisation du contenuEnregistrements déroulantsHTMLCSSJavaScript
Ouvrir et exécuter
0282Tableaux et affichage des données

Tableau comparatif des résultats des cours

Dans un contexte de résultats scolaires, réaliser un tableau comparatif de solutions : contenu authentique, contrôles interactifs, retours d’état clairs et mise en page adaptable à différentes tailles.

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

Mise en page à barre latérale fixe du portail communautaire

Réalisez une mise en page à barre latérale fixe 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 d’écran.

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

Page de conversion d’abonnement pour le festival créatif

Complétez la page de conversion d’abonnement dans le contexte d’un festival créatif : contenu réel, contrôles interactifs, retour d’état clair et disposition adaptative à différentes tailles.

Pages scénarisées pour le marketing et le contenupage de conversion d’abonnementHTMLCSSJavaScript
Ouvrir et exécuter
0285Tableaux de bord et interfaces d’administration

Tableau de bord thermique du calendrier de planification de la consultation externe

Réalisez un panneau thermique de calendrier dans le contexte de la planification d’une clinique externe : contenu authentique, contrôles interactifs, retour d’état clair et mise en page adaptable à différentes tailles.

Tableaux de bord et interfaces d’administrationPanneau de chaleur du calendrierHTMLCanvasJavaScript
Ouvrir et exécuter
0286Processus commerciaux et de services

Suivi de l’avancement des commandes de location de vélos

Suivi de l’avancement d’une commande dans un scénario de location de vélo : contenu réel, contrôles interactifs, retours d’état clairs et disposition adaptative à toutes les tailles d’écran.

Processus commerciaux et de servicesSuivi de l’avancement des commandesHTMLCSSJavaScript
Ouvrir et exécuter
0287Typographie et effets de texte

Texte défilant au rythme d’un magazine urbain

Créer un texte défilant rythmé dans un contexte de magazine urbain : contenu réel, commandes interactives, retours d’état clairs et mise en page adaptative à toutes les tailles.

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

Retour élastique du contrôle de focus de l’outil de concentration

Dans un contexte d’outil de concentration, réaliser un retour souple des contrôles : inclure du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page adaptée à différentes tailles.

Animation et micro-interactionsRetour des composants élastiquesHTMLCSS AnimationJavaScript
Ouvrir et exécuter