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 23 / 44
Affichage actuel de 24 cas
0529Pages scénarisées pour le marketing et le contenu

Étude de cas sur une page d’exposition d’archives

Dans le cadre d’une exposition d’archives, réaliser une page d’étude de cas : contenu authentique, contrôles actionnables, retours d’état clairs et mise en page adaptative à différentes tailles.

Pages scénarisées pour le marketing et le contenupages d’études de casHTMLCSS GridResponsive Design
Ouvrir et exécuter
0530Tableaux de bord et interfaces d’administration

Flux d’activité en temps réel de la salle d’archives

Achever un flux d’activité en temps réel dans le contexte d’une salle d’archives : inclut du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Tableaux de bord et interfaces d’administrationFlux d’activité en temps réelHTMLCSSJavaScript
Ouvrir et exécuter
0531Processus commerciaux et de services

Flux de demande de retour et d’échange pour impression d’archives

Réalisez un flux de demande de retour et d’échange dans un contexte d’impression d’archives : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles d’écran.

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

Essai d’archive à composition typographique dynamique

Concevoir une mise en page typographique dynamique dans un contexte d’essai archivistique : avec du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptable à différentes tailles.

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

Transition de morphing du bouton de synchronisation d’archives

Dans le scénario de synchronisation d’archives, réaliser une transition de forme du bouton : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à différentes tailles.

Animation et micro-interactionsTransformation de boutonHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0534Effets visuels créatifs

Effet d’explosion de confettis du laboratoire botanique

Complétez l’effet d’explosion de confettis dans le contexte d’un laboratoire botanique : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à plusieurs tailles.

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

Graphe de nœuds des relations de croissance des archives

Réaliser un graphe de nœuds relationnels dans un contexte d’augmentation des archives : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative selon la taille.

Dessin et visualisation de donnéesCarte des nœuds de relationHTMLCanvasJavaScript
Ouvrir et exécuter
0536Capacités des médias et des appareils du navigateur

Démo d’opérations du presse-papiers avec paramètres d’accessibilité

Dans un contexte de paramètres d’accessibilité, réaliser une démonstration d’action sur le presse-papiers : inclure du contenu réel, des contrôles interactifs, 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émo des opérations du presse-papiersHTMLCSSBrowser API
Ouvrir et exécuter
0537Mini-applications et mini-jeux

Trieur de dépenses pour chasse au trésor dans les archives

Dans un scénario de chasse aux archives, réalisez un répartiteur de dépenses : cela inclut du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Mini-applications et mini-jeuxRépartiteur de dépensesHTMLCSSJavaScript
Ouvrir et exécuter
0538Composants de base et sélecteurs

Contrôle de plage à double valeur pour jardin communautaire

Réalisez un contrôle d’intervalle à deux valeurs dans un contexte de jardin communautaire : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à différentes tailles.

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

Formulaire de confirmation du résumé d’inscription de suivi

Dans le scénario d’enregistrement de suivi, réaliser un formulaire de confirmation récapitulatif : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à différentes tailles.

Formulaires et saisieFormulaire de confirmation du résuméHTMLCSSJavaScript
Ouvrir et exécuter
0540Navigation et menus

Navigation par fil d’Ariane du centre d’archives

Réaliser une navigation fil d’Ariane dans un contexte de centre d’archives : contenu réel, commandes interactives, retour d’état clair et disposition multi-tailles.

Navigation et menusfil d’ArianeHTMLCSSJavaScript
Ouvrir et exécuter
0541couches flottantes et retours d’état

Voile de progression du rappel de soins

Réalisez un masque de progression pour un scénario de rappel de soins : contenu authentique, contrôles interactifs, retour d’état clair et mise en page adaptable à toutes les tailles.

couches flottantes et retours d’étatMasque de progressionHTMLCSSJavaScript
Ouvrir et exécuter
0542Cartes, listes et organisation du contenu

Index des contacts des notes audio

Réalisez un index de contacts dans le scénario des notes audio : 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 contenuIndex des contactsHTMLCSSJavaScript
Ouvrir et exécuter
0543Tableaux et affichage des données

Contrôle d’affichage des colonnes de la facture ambulatoire

Réaliser un contrôle de l’affichage des colonnes dans un contexte de facturation en consultation externe : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Tableaux et affichage des donnéesContrôle de l’affichage des colonnesHTML TableCSSJavaScript
Ouvrir et exécuter
0544Mise en page et adaptivité

Tableau de bord de l’archive audio

Réaliser un shell de tableau de bord dans un contexte d’archives audio : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative.

Mise en page et adaptivitéCoque de tableau de bordHTMLCSS GridResponsive Design
Ouvrir et exécuter
0545Pages scénarisées pour le marketing et le contenu

Page de comparaison de produits du laboratoire sonore

Effectuez une page de comparaison de produits dans un contexte de laboratoire sonore : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptable à plusieurs tailles.

Pages scénarisées pour le marketing et le contenupage de comparaison de produitsHTML TableCSSJavaScript
Ouvrir et exécuter
0546Tableaux de bord et interfaces d’administration

Tableau thermique du calendrier de consommation d’énergie du campus

Créez un tableau de bord de chaleur du calendrier dans un contexte de consommation énergétique du campus : avec contenu réel, contrôles actionnables, retours d’état clairs et disposition adaptative aux différentes tailles d’écran.

Tableaux de bord et interfaces d’administrationPanneau de chaleur du calendrierHTMLCanvasJavaScript
Ouvrir et exécuter
0547Composants de base et sélecteurs

Groupe d’étiquettes de filtre pour la cuisine familiale

Groupe d’étiquettes de filtrage achevé dans un contexte de cuisine familiale : contenu réel, contrôles interactifs, retour d’état clair et mise en page multi-tailles.

Composants de base et sélecteursgroupe d’étiquettes de filtreHTMLCSSJavaScript
Ouvrir et exécuter
0548Formulaires et saisie

Tableau budgétaire pour les demandes communautaires

Dans un scénario de demande communautaire, complétez le tableau de budget : il comprend du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Formulaires et saisieTableau de budgetHTMLCSSJavaScript
Ouvrir et exécuter
0549Navigation et menus

Panneau de commandes du hall des archives

Terminez le panneau de commandes dans un décor de hall des archives : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à différentes tailles.

Navigation et menusPanneau de commandesHTMLCSSJavaScript
Ouvrir et exécuter
0550couches flottantes et retours d’état

bannière d’état du comptoir d’enregistrement

Créer une bannière d’état dans le contexte d’un comptoir d’enregistrement : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à différentes tailles.

couches flottantes et retours d’étatBannière d’étatHTMLCSSJavaScript
Ouvrir et exécuter
0551Cartes, listes et organisation du contenu

Liste de contenu repliable du plan de soins

Réaliser une liste de contenu repliable dans un contexte de plan de soins : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

Cartes, listes et organisation du contenuListe de contenu repliableHTMLCSSJavaScript
Ouvrir et exécuter
0552Tableaux et affichage des données

Tableau de comparaison des stocks du cabinet médical

Dans un scénario de stock en consultation, réalisez un tableau comparatif de solutions : il doit inclure du contenu réel, des contrôles actionnables, un retour d’état clair et une disposition adaptée à toutes les tailles.

Tableaux et affichage des donnéesTableau de comparaison des solutionsHTML TableCSSJavaScript
Ouvrir et exécuter