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 31 / 44
Affichage actuel de 24 cas
0721Tableaux de bord et interfaces d’administration

Tableau de traitement des incidents du service pédagogique

Réalisez un tableau de bord de gestion des incidents dans le contexte de la ligne de traitement des cours : contenu authentique, contrôles interactifs, retours d’état clairs et mise en page adaptable à toutes les tailles.

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

Sélection de nuanciers pour le tableau de bord du loft

Dans le contexte du tableau de bord de l’atelier, finalisez la sélection d’échantillons de couleurs : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative à plusieurs tailles.

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

Saisie locale suggérée pour demande de subvention

Complétez la saisie de suggestions locales dans le contexte d’une demande de subvention : contenu réaliste, contrôles exploitables, retours d’état clairs et disposition adaptée à différentes tailles d’écran.

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

Menu principal responsive de l’index rapide du campus

Dans le scénario d’index rapide du campus, réaliser un menu principal adaptatif : il comprend du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page multi-tailles.

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

Panneau d’actions inférieur de la carte de confirmation de galerie

Dans le contexte d’une carte de confirmation de galerie, terminez le panneau d’actions inférieur : il comprend du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptable aux différentes tailles.

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

Cartes de rappel déroulantes pour la consultation ambulatoire

Réalisez un enregistrement extensible dans le scénario des cartes d’aide à la clinique : 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.

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

En-tête fixe du registre des éléments

Dans le scénario du registre des éléments d’exposition, finalisez l’en-tête de tableau collant : contenu authentique, contrôles actionnables, retour d’état clair et mise en page multi-tailles.

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

Mise en page narrative en écran partagé du guide de soins

Dans le scénario du guide d’accompagnement, réalisez une mise en page narrative en écran partagé : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptable à différentes tailles.

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

Page de plan tarifaire du manuel de projet créatif

Dans un scénario de carnet de création, réalisez une page de plan tarifaire : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative selon les tailles.

Pages scénarisées pour le marketing et le contenuPage de forfaits tarifairesHTMLCSSJavaScript
Ouvrir et exécuter
0730Tableaux de bord et interfaces d’administration

Vue d’ensemble des indicateurs clés de la salle de planification des cours

Dans le contexte de la salle de planification des cours, présentez l’aperçu des indicateurs clés : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à plusieurs tailles.

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

Flux de demande d’échange pour la ligne de service d’accompagnement

Réaliser un flux de demande de retour ou d’échange dans un scénario de service d’assistance : contenu réel, contrôles actionnables, retours d’état clairs et mise en page multi-tailles.

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

Mise en forme typographique dynamique pour un lecteur d’archives

Dans un contexte d’ouvrage d’archive, réaliser une composition typographique dynamique : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Retour élastique du contrôleur de suivi du catalogue

Dans un scénario de suivi d’inventaire, finalisez un retour souple des contrôles : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à différentes tailles.

Animation et micro-interactionsRetour des composants élastiquesHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0734Effets visuels créatifs

Effet d’explosion de confettis sur scène au bord du lac nuageux

Réalisez un effet d’explosion de confettis dans la scène de la plate-forme du lac nuageux : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative à différentes tailles.

Effets visuels créatifsEffet de confettis explosifsHTMLCanvasJavaScript
Ouvrir et exécuter
0735Dessin et visualisation de données

Radar des compétences du cahier de révision de l’air

Dans un scénario de carnet de révision de l’air, réalisez un graphique radar des capacités : 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.

Dessin et visualisation de donnéesRadar des capacitésHTMLCanvasJavaScript
Ouvrir et exécuter
0736Capacités des médias et des appareils du navigateur

Détection des capacités du pointeur sur tablette audio

Dans un contexte de tablette audio, réalisez une détection des capacités du pointeur : avec du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Capacités des médias et des appareils du navigateurDétection des capacités du pointeurHTMLCSSBrowser API
Ouvrir et exécuter
0737Mini-applications et mini-jeux

Chronomètre de concentration pour la session de sprint des archives

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

Mini-applications et mini-jeuxMinuteur de concentrationHTMLCSSJavaScript
Ouvrir et exécuter
0738Composants de base et sélecteurs

Commande de plage à double valeur pour écran de démonstration de loft

Réalisez le contrôle de plage à deux valeurs dans le scénario de l’écran de démonstration du loft : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à toutes les tailles.

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

Flux de saisie d’une carte de confirmation d’hébergement en plusieurs étapes

Dans le scénario de la carte de confirmation des soins à domicile, terminez un parcours de saisie en plusieurs étapes : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

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

Navigation de section pour l’étagère des ressources du campus

Réalisez une navigation de repérage des sections dans le contexte d’une étagère de ressources du campus : contenu authentique, contrôles interactifs, retour d’état clair et mise en page adaptable à différentes tailles.

Navigation et menusnavigation par ancrage de sectionHTMLCSSJavaScript
Ouvrir et exécuter
0741couches flottantes et retours d’état

Centre de notifications pour épreuves de galerie

Dans le scénario de vérification en galerie, complétez le centre de notifications : il contient du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Mur de cartes filtrables pour l’annuaire des consultations

Créez une grille de cartes filtrables dans un contexte de répertoire de clinique : avec contenu réel, contrôles actionnables, retours d’état clairs et disposition adaptative aux différentes tailles d’écran.

Cartes, listes et organisation du contenuMur de cartes filtrablesHTMLCSSJavaScript
Ouvrir et exécuter
0743Tableaux et affichage des données

Tableau de cartes mobile pour la note de règlement de l’élément d’exposition

Terminez un tableau de type carte mobile dans le scénario du bordereau de règlement des éléments d’exposition : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

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

Disposition latérale fixe pour l’exposition des soins

Réaliser une mise en page à barre latérale fixe dans un contexte d’exposition de soins : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à différentes tailles.

Mise en page et adaptivitéDisposition avec barre latérale collanteHTMLCSS GridResponsive Design
Ouvrir et exécuter