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 36 sur 44
Affichage actuel de 24 cas
0841couches flottantes et retours d’état

popover d’aide sur les indications du cours

Accomplir un panneau d’aide dans un scénario d’indication de cours : contenu réaliste, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

couches flottantes et retours d’étatCouche d’aideHTMLCSSJavaScript
Ouvrir et exécuter
0842Cartes, listes et organisation du contenu

Index des contacts du registre de transfert sur le terrain

Dans le contexte d’un registre de passation sur le terrain, finalisez l’index des contacts : contenu authentique, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

Cartes, listes et organisation du contenuIndex des contactsHTMLCSSJavaScript
Ouvrir et exécuter
0843Tableaux et affichage des données

Tableau multisort du panneau de maintenance

Réalisez un tableau triable à plusieurs colonnes dans le scénario du tableau de maintenance : il comprend du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptée à toutes les tailles d’écran.

Tableaux et affichage des donnéesTableau triable à colonnes multiplesHTML TableCSSJavaScript
Ouvrir et exécuter
0844Mise en page et adaptivité

Disposition de contenu principal-détail pour l’exposition en classe

Réalisez une mise en page maître-détail dans un contexte d’exposition en salle de classe : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à différentes tailles.

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

Page de conversion d’abonnement trimestriel des membres du podcast

Page de conversion d’abonnement réalisée dans le contexte d’une saison de membres de podcast : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

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

Tableau de gestion des incidents du poste central de la serre

Dans le contexte du tableau de bord du hall principal de la serre, réalisez un tableau de suivi des incidents : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptative à toutes les tailles.

Tableaux de bord et interfaces d’administrationTableau de gestion des incidentsHTMLCSS GridJavaScript
Ouvrir et exécuter
0847Composants de base et sélecteurs

sélection d’échantillons de couleurs pour le panneau de commande du garde-manger

Dans un contexte de console de garde-manger, réalisez une sélection d’échantillons de couleurs : contenu authentique, contrôles interactifs, retours d’état clairs et mise en page sur plusieurs tailles d’écran.

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

Saisie avec suggestions locales pour l’inscription de stage

Dans un contexte d’inscription aux stages, finalisez une saisie avec suggestions locales : elle comprend du contenu réaliste, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles d’écran.

Formulaires et saisieSaisie locale suggéréeHTMLCSSJavaScript
Ouvrir et exécuter
0849Navigation et menus

Menu principal adaptatif du terminal de clinique

Réalisez un menu principal responsive dans le contexte du terminal de consultation : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à différentes tailles.

Navigation et menusMenu principal responsiveHTMLCSSJavaScript
Ouvrir et exécuter
0850couches flottantes et retours d’état

Panneau d’actions en bas de la file média

Dans le contexte d’une file média, réalisez un panneau d’actions en bas de page : il 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.

couches flottantes et retours d’étatPanneau d’actions inférieurHTMLCSSJavaScript
Ouvrir et exécuter
0851Cartes, listes et organisation du contenu

Carnet de terrain à enregistrements dépliables

Réalisez des enregistrements extensibles dans un scénario de carnet de terrain : il comprend un 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 contenuEnregistrements déroulantsHTMLCSSJavaScript
Ouvrir et exécuter
0852Tableaux et affichage des données

En-tête de tableau fixe du détail des livraisons

Terminez un en-tête de tableau fixe dans un contexte de détail des livraisons : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

Tableaux et affichage des donnéesEn-tête fixeHTML TableCSSJavaScript
Ouvrir et exécuter
0853Mise en page et adaptivité

Mise en page narrative en écran partagé pour le guide du cours

Dans le scénario du guide de cours, réaliser une mise en page narrative en écran partagé : elle doit inclure du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page adaptée à plusieurs tailles d’écran.

Mise en page et adaptivitéDisposition narrative en écran partagéHTMLCSS GridResponsive Design
Ouvrir et exécuter
0854Pages scénarisées pour le marketing et le contenu

Page de tarification pour la journée portes ouvertes du podcast

Dans le scénario de la journée portes ouvertes du podcast, terminez la page de formules tarifaires : 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 forfaits tarifairesHTMLCSSJavaScript
Ouvrir et exécuter
0855Tableaux de bord et interfaces d’administration

Vue d’ensemble des indicateurs clés du poste de commande de la serre

Dans le scénario de la salle de dispatch de serre, réaliser une vue d’ensemble des indicateurs clés : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Tableaux de bord et interfaces d’administrationVue d’ensemble des indicateurs clésHTMLCSS GridJavaScript
Ouvrir et exécuter
0856Processus commerciaux et de services

Générateur de facture pour rendez-vous en cabinet médical

Réaliser un générateur de factures dans un contexte de prise de rendez-vous en clinique : contenu réaliste, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

Processus commerciaux et de servicesGénérateur de facturesHTMLCSSJavaScript
Ouvrir et exécuter
0857Typographie et effets de texte

Effet de masque de texte du journal de classe

Obtenez un effet de masque de texte dans un scénario de mini-zine de classe : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à plusieurs tailles.

Typographie et effets de texteEffet de masque de texteHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0858Animation et micro-interactions

Notification cyclique de consultation externe avec pop-up de retour

Assurez un retour de notification contextuel dans un scénario de circuit de consultation : contenu réaliste, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

Animation et micro-interactionsRetour de notification contextuelleHTMLCSSJavaScript
Ouvrir et exécuter
0859Effets visuels créatifs

Forme fluide organique du hall corail

Réaliser des formes fluides organiques dans le contexte de la salle corail : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à toutes les tailles.

Effets visuels créatifsFormes fluides organiquesHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0860Dessin et visualisation de données

Diagramme en anneau du tableau de prévisions publiques

Dans le contexte d’un tableau de prévisions publiques, réaliser un graphique en anneau de répartition : avec du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Dessin et visualisation de donnéesGraphique annulaire de répartitionHTMLCanvasJavaScript
Ouvrir et exécuter
0861Capacités des médias et des appareils du navigateur

Mémo de stockage local du tableau de bord de la classe

Dans le contexte d’un tableau de classe, réalisez un pense-bête de stockage local : 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.

Capacités des médias et des appareils du navigateurNotes de stockage localHTMLCSSBrowser API
Ouvrir et exécuter
0862Mini-applications et mini-jeux

Sélecteur aléatoire du tableau de présence de classe

Compléter le sélecteur aléatoire dans le scénario de la station de pointage en classe : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à différentes tailles.

Mini-applications et mini-jeuxSélecteur aléatoireHTMLCSSJavaScript
Ouvrir et exécuter
0863Composants de base et sélecteurs

Contrôle de plage double du panneau de démonstration du garde-manger

Dans le contexte de l’écran de démonstration du garde-manger, réalisez un contrôle de plage à deux valeurs : contenu réel, commandes interactives, retour d’état clair et mise en page adaptée à plusieurs tailles d’écran.

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

Processus de saisie en plusieurs étapes pour la carte de bibliothèque

Terminez un processus de saisie en plusieurs étapes dans le contexte de la demande de carte d’emprunt : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

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