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 25 / 44
Affichage actuel de 24 cas
0577Tableaux et affichage des données

Matrice relationnelle du tableau de révision ambulatoire

Dans le contexte d’une fiche de contrôle en consultation, compléter une matrice relationnelle : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à différentes tailles.

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

Disposition classique à trois colonnes de l’atlas des archives

Dans un scénario d’atlas d’archives, réalisez la mise en page classique en trois colonnes : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à toutes les tailles.

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

Page de présentation des fonctionnalités du Laboratoire urbain

Complétez une page de présentation des fonctionnalités dans un scénario de laboratoire urbain : elle contient du contenu réel, des contrôles actionnables, 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 d’aperçu des fonctionnalitésHTMLCSSJavaScript
Ouvrir et exécuter
0580Tableaux de bord et interfaces d’administration

Panneau de conversion du guichet central d’archives

Finalisez un tableau de bord de tunnel de conversion dans un contexte de siège d’archives : contenu réel, contrôles actionnables, retours d’état clairs et disposition adaptative à plusieurs tailles.

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

Flux d’étapes de règlement de réservation d’enregistrement

Compléter un flux d’étapes de paiement dans un contexte de réservation audio : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à toutes les tailles.

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

Conception d’un titre contour pour le zine d’archives

Dans un contexte de petit journal d’archives, finalisez la conception d’un titre contouré : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Typographie et effets de texteTitre avec contour et designHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0583Animation et micro-interactions

Mise à jour du catalogue et de la pagination des alertes

Effectuez une transition de page dans un scénario de rappel de catalogue : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à différentes tailles.

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

Dôme lacustre des nuages, espace en profondeur de verre

Dans le scénario du dôme lac nuageux, réalisez un espace à profondeur de verre : il comprend un contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

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

Histogramme interactif de l’atlas de l’air

Réalisez un histogramme interactif dans un contexte d’atlas de l’air : il comprend un contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptative multi-tailles.

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

Contrôle de scène plein écran pour la cabine audio

Dans un studio audio, réalisez des contrôles de scène en plein écran : contenu réel, commandes interactives, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

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

Horloge Pomodoro du défi d’archivage

Créer un chronomètre Pomodoro pour un scénario de défi de dossier : contenu réel, contrôles actionnables, retours d’état clairs et mise en page sur plusieurs tailles d’écran.

Mini-applications et mini-jeuxHorloge PomodoroHTMLCSSJavaScript
Ouvrir et exécuter
0588Composants de base et sélecteurs

Sélection rapide de date pour le bureau d’enregistrement de la serre

Créer une sélection rapide de date dans le contexte d’un comptoir d’enregistrement de serre : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à différentes tailles.

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

Formulaire de validation en direct de la fiche de confirmation des tâches d’exposition

Réalisez un formulaire de validation instantanée dans un scénario de carte de confirmation des opérations de l’exposition : il comprend un contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page multi-tailles.

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

Navigation de progression du parcours du mur d’orientation des archives

Dans le contexte du mur de navigation des archives, réaliser une navigation de progression de processus : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à différentes tailles.

Navigation et menusNavigation de progression du fluxHTMLCSSJavaScript
Ouvrir et exécuter
0591couches flottantes et retours d’état

Aide flottante de la salle d’alerte de consultation

Créez une infobulle d’aide pour le contexte de la salle de rappel de la clinique : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

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

Index des contacts du registre de transmission audio

Réaliser un index de contacts dans un contexte de registre de transmission sonore : inclure un contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page multi-tailles.

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

Tableau de données paginé des remboursements ambulatoires

Dans un scénario de remboursement en consultation, créez un tableau de données paginé : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à différentes tailles d’écran.

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

Disposition en cascade responsive du briefing d’archives

Dans le scénario de briefing d’archives, finalisez une mise en page en mosaïque responsive : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Page de compte à rebours de lancement du sprint du cours

Dans le contexte d’un sprint de cours, réalisez une page de compte à rebours de lancement : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à toutes les tailles.

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

Tableau de gestion des incidents de la salle d’archivage

Dans le contexte d’une salle de dispatch d’archives, réaliser un tableau de bord de gestion d’incident : contenu réaliste, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

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

Sélection d’échantillons de couleurs du pupitre de contrôle de la serre

Terminer la sélection d’échantillons de couleurs dans le scénario de la console de serre : contenu réaliste, contrôles utilisables, retours d’état clairs et mise en page adaptable à toutes les tailles.

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

Saisie locale de suggestions pour le carnet de suivi des activités

Complétez une saisie à suggestions locales dans le scénario du carnet de suivi des actions de salon : il comprend un contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptative selon les tailles.

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

Menu principal responsive du panneau d’annonces d’archives

Dans le scénario du panneau d’annonces d’archives, réalisez un menu principal réactif : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles.

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

Panneau d’actions inférieur pour l’enregistrement à la clinique

Dans le scénario de la sonnerie d’enregistrement ambulatoire, réaliser un panneau d’actions inférieur : inclut du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

couches flottantes et retours d’étatPanneau d’actions inférieurHTMLCSSJavaScript
Ouvrir et exécuter