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 35 sur 44
Affichage actuel de 24 cas
0817Cartes, listes et organisation du contenu

Chronologie des inscriptions à l’événement

Compléter une chronologie d’événements pour les inscriptions à une activité : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative selon la taille d’écran.

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

Matrice des relations de maintenance de flotte

Réaliser une table à matrice relationnelle dans un scénario de maintenance de flotte : contenu réel, contrôles actionnables, retours d’état clairs et mise en page multi-tailles.

Tableaux et affichage des donnéesTableau matrice des relationsHTML TableCSSJavaScript
Ouvrir et exécuter
0819Mise en page et adaptivité

Disposition classique en trois colonnes pour le numéro spécial de la classe

Réalisez une mise en page classique à trois colonnes dans le scénario de l’édition spéciale de la classe : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à différentes tailles.

Mise en page et adaptivitéDisposition classique à trois colonnesHTMLCSS GridResponsive Design
Ouvrir et exécuter
0820Pages scénarisées pour le marketing et le contenu

Page d’accueil narrative du club podcast

Créez un hero narratif pour un contexte de club de podcasts : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page multi-format.

Pages scénarisées pour le marketing et le contenuHéros narratifHTMLCSSJavaScript
Ouvrir et exécuter
0821Tableaux de bord et interfaces d’administration

Pupitre de commande pour la maintenance et l’exploitation des éléments d’exposition

Complétez un centre de commande des opérations dans un contexte de maintenance d’éléments d’exposition : contenu réel, contrôles exploitables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

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

Matrice d’interrupteurs des préférences de l’espace makers

Dans un espace de makers, réalisez une matrice d’interrupteurs de préférences : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à toutes les tailles.

Composants de base et sélecteursMatrice d’interrupteurs de préférencesHTMLCSSJavaScript
Ouvrir et exécuter
0823Formulaires et saisie

Formulaire brouillon automatique de document d’admission résidentiel

Complétez le formulaire de brouillon automatique dans un contexte de formulaire d’admission de logement chez l’habitant : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative à différentes tailles.

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

Navigation numérotée du poste de dispatch en consultation externe

Complétez la navigation par pagination dans un contexte de poste de répartition de clinique : contient du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Fiche d’actions contextuelles d’alerte de laboratoire

Dans un contexte d’alerte de laboratoire, complétez le formulaire d’actions contextuelles : avec du contenu réaliste, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à différentes tailles.

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

Organiseur de signets Clip Box pour la collecte de terrain

Dans le scénario de la boîte de découpe terrain, terminez l’organiseur de signets : contenu réel, contrôles interactifs, retours d’état clairs et mise en page multi-tailles.

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

Tableau de données paginé du journal de la serre

Réaliser un tableau paginé dans le contexte du journal de serre : contenu réel, contrôles actionnables, retours d’état clairs et mise en page multi-tailles.

Tableaux et affichage des donnéesTableau de données paginéHTML TableCSSJavaScript
Ouvrir et exécuter
0828Mise en page et adaptivité

Mise en page fluide en grille de type magazine pour guide de classe

Réalisez une mise en page en mosaïque réactive dans un contexte de guide de classe : contenu réel, contrôles utilisables, retour d’état clair et mise en page adaptative selon la taille.

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

Page de compte à rebours pour la semaine de lancement du podcast

Dans le contexte d’une semaine de lancement de podcast, réalisez une page de compte à rebours du lancement : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles d’écran.

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

Tableau de conversion du flux de l’événement du festival

Dans le contexte d’une opération de festival, réalisez un tableau de bord du tunnel de conversion : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à plusieurs tailles d’écran.

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

Flux d’étapes de paiement pour une place de cours

Dans un scénario de place de cours, effectuez le flux d’étapes de paiement : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une disposition adaptable à différentes tailles.

Processus commerciaux et de servicesFlux des étapes de paiementHTMLCSSJavaScript
Ouvrir et exécuter
0832Typographie et effets de texte

Réglage de la longueur de ligne pour la lecture d’affiches publiques

Dans un contexte d’affiche publique, réalisez un réglage de la longueur des lignes de lecture : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptable à différentes tailles.

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

Transition de retournement pour l’enregistrement en consultation

Réalisez une transition d’état de type page tournée dans le scénario d’enregistrement en clinique : elle comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptative selon la taille de l’écran.

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

Motif kaléidoscope du Jardin de corail

Dans le décor du jardin de corail, réaliser un motif kaléidoscopique : contenu réel, contrôles actionnables, retours d’état clairs et disposition adaptable à différentes tailles.

Effets visuels créatifsMotif kaléidoscopiqueHTMLCanvasJavaScript
Ouvrir et exécuter
0835Dessin et visualisation de données

Graphique à barres interactif de retours publics

Réalisez un histogramme interactif dans un contexte de retours citoyens : contenu authentique, contrôles actionnables, retours d’état clairs et mise en page adaptable à toutes les tailles.

Dessin et visualisation de donnéesHistogramme interactifHTMLCanvasJavaScript
Ouvrir et exécuter
0836Capacités des médias et des appareils du navigateur

Contrôle de scène plein écran sur tablette de classe

Finalisez un contrôle de scène plein écran dans un contexte de tablette de classe : 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.

Capacités des médias et des appareils du navigateurContrôle de scène en plein écranHTMLCSSBrowser API
Ouvrir et exécuter
0837Mini-applications et mini-jeux

Quiz rapide du tableau de défi de classe

Dans le scénario du poste de défi en classe, terminez le quiz de connaissances rapide : 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.

Mini-applications et mini-jeuxquiz rapideHTMLCSSJavaScript
Ouvrir et exécuter
0838Composants de base et sélecteurs

Sélection rapide de date pour le comptoir d’enregistrement du casier-repas

Effectuer une sélection rapide de date dans un scénario de comptoir d’enregistrement du garde-manger : inclut du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Formulaire de vérification instantanée d’inscription au logement

Dans le contexte d’un enregistrement de logement, réalisez un formulaire à validation instantanée : contenu réel, commandes actionnables, retours d’état clairs et mise en page adaptable à différentes tailles.

Formulaires et saisieFormulaire avec validation instantanéeHTMLCSSJavaScript
Ouvrir et exécuter
0840Navigation et menus

Navigation de progression des étapes du mur d’orientation du service ambulatoire

Complétez la navigation de progression du flux dans le contexte du mur d’orientation de la clinique : contenu réaliste, contrôles interactifs, retours d’état clairs et mise en page adaptative à toutes les tailles.

Navigation et menusNavigation de progression du fluxHTMLCSSJavaScript
Ouvrir et exécuter