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 17 / 44
Affichage actuel de 24 cas
0385Mini-applications et mini-jeux

Jeu de mémoire à retourner de cartes sur le thème des rituels d’équipe

Réalisez un jeu de mémoire en retournant des cartes dans un contexte de rituel d’équipe : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée aux différentes tailles d’écran.

Mini-applications et mini-jeuxJeu de mémoire à cartes retournéesHTMLCSSJavaScript
Ouvrir et exécuter
0386Composants de base et sélecteurs

Échelle de notation du plan de voyage

Dans un contexte de planification de voyage, réaliser une échelle d’évaluation : contenus réalistes, contrôles actionnables, retours d’état clairs et mise en page adaptée à toutes les tailles.

Composants de base et sélecteursÉchelle de notationHTMLCSSJavaScript
Ouvrir et exécuter
0387Formulaires et saisie

Retour sur la solidité du mot de passe pour la demande de service

Dans le cadre d’une demande de service, fournir un retour sur la robustesse du mot de passe : inclure du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles d’écran.

Formulaires et saisieRetour sur la robustesse du mot de passeHTMLCSSJavaScript
Ouvrir et exécuter
0388Navigation et menus

Panneau de commandes de l’espace projet

Compléter la palette de commandes dans un contexte d’espace de projet : inclure du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Aide de la fenêtre flottante de la photothèque

Dans un scénario de bibliothèque de photos, réalisez une couche d’aide flottante : contenu réel, contrôles actionnables, retours d’état clairs et mise en page responsive à toutes les tailles.

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

Liste de contenu accordéon des événements locaux

Dans le scénario des événements locaux, réalisez une liste de contenu accordéon : avec du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptable à différentes tailles.

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

Contrôle d’affichage des colonnes du budget du projet

Contrôle de l’affichage des colonnes dans un contexte de budget de projet : contenu réel, commandes actionnables, retours d’état clairs et mise en page adaptable à toutes les tailles.

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

Coque de tableau de bord pour récit visuel

Finaliser la coque du tableau de bord dans un contexte de récit photographique : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à toutes les tailles.

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

Mur d’histoires témoignages du camp d’apprentissage

Réaliser un mur d’histoires de bouche-à-oreille dans un contexte de camp d’apprentissage : contenu authentique, contrôles actionnables, retours d’état clairs et disposition adaptable à plusieurs tailles d’écran.

Pages scénarisées pour le marketing et le contenuMur d’histoires de réputationHTMLCSSJavaScript
Ouvrir et exécuter
0394Tableaux de bord et interfaces d’administration

Centre de commande des opérations de capacité du studio

Tableau de bord opérationnel achevé pour un scénario de capacité de studio : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à toutes les tailles.

Tableaux de bord et interfaces d’administrationCentre de commande des opérationsHTMLCSS GridJavaScript
Ouvrir et exécuter
0395Processus commerciaux et de services

Flux de réservation du service de réservation de l’atelier

Complétez le flux de réservation de service dans le contexte de la réservation d’atelier : il comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Processus commerciaux et de servicesflux de réservation de serviceHTMLCSSJavaScript
Ouvrir et exécuter
0396Typographie et effets de texte

Mise en page avec lettrine de l’introduction d’exposition

Dans le scénario des notes d’exposition, finalisez une lettrine : contenu réaliste, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

Typographie et effets de texteLettrineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0397Animation et micro-interactions

transition d’écran squelette du lecteur de musique

Effectuez la transition de l’écran squelette dans un lecteur de musique : contenu réel, commandes interactives, retours d’état clairs et mises en page adaptatives à toutes les tailles.

Animation et micro-interactionsTransition squeletteHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0398Effets visuels créatifs

Scène de podium de la prairie d’aurore boréale

Réalisez une scène de projecteur sur une prairie d’aurores : contenu authentique, contrôles interactifs, retours d’état clairs et mise en page adaptable à toutes les tailles.

Effets visuels créatifsScène de projecteurHTMLCanvasJavaScript
Ouvrir et exécuter
0399Dessin et visualisation de données

Graphiques du tableau de bord de croissance du jardin

Créer des graphiques de tableau de bord dans un contexte de croissance de jardin : contenu réel, commandes interactives, retours d’état clairs et mise en page adaptative à toutes les tailles.

Dessin et visualisation de donnéesgraphiques de tableau de bordHTMLCanvasJavaScript
Ouvrir et exécuter
0400Mini-applications et mini-jeux

Minuteur de concentration pour rituel d’équipe

Dans le contexte du rituel d’équipe, réalisez un minuteur de concentration : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à différentes tailles d’écran.

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

Groupe de filtres du plan de voyage

Dans le scénario du plan de voyage, créez un groupe d’étiquettes de filtrage : avec du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page adaptée à plusieurs tailles.

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

Groupe de champs dynamiques pour demande de service

Dans le contexte d’une demande de service, réalisez un groupe de champs dynamiques : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles.

Formulaires et saisiegroupe de champs dynamiqueHTMLCSSJavaScript
Ouvrir et exécuter
0403Navigation et menus

Navigation arborescente de l’espace projet

Réalisez une navigation arborescente dans un espace projet : inclut du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à plusieurs tailles d’écran.

Navigation et menusNavigation arborescenteHTMLCSSJavaScript
Ouvrir et exécuter
0404couches flottantes et retours d’état

Infobulle clavier de la photothèque

Dans un contexte de bibliothèque de photos, réalisez une infobulle de clavier : elle doit inclure du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptable à différentes tailles.

couches flottantes et retours d’étatInfo-bulle clavierHTMLCSSJavaScript
Ouvrir et exécuter
0405Cartes, listes et organisation du contenu

Carrousel de cartes d’histoires d’événements locaux

Créer une carte carrousel d’histoires pour un contexte d’événements locaux : inclut du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Cartes, listes et organisation du contenuCarte de carrousel d’histoiresHTMLCSSJavaScript
Ouvrir et exécuter
0406Tableaux et affichage des données

En-tête de tableau collant du budget de projet

Dans un scénario de budget de projet, complétez l’en-tête fixe : il comprend un contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Grille éditoriale de magazine pour récit visuel

Réalisez une grille éditoriale de magazine dans le contexte d’un récit visuel : contenu authentique, contrôles interactifs, retours d’état clairs et disposition adaptée à différentes tailles d’écran.

Mise en page et adaptivitéGrille de rédaction de magazineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0408Pages scénarisées pour le marketing et le contenu

Page de présentation des fonctionnalités du camp d’apprentissage

Réalisez une page de présentation des fonctionnalités dans un contexte de camp d’apprentissage : contenu réel, contrôles interactifs, retours d’état clairs et disposition adaptée aux différentes tailles.

Pages scénarisées pour le marketing et le contenuPage d’aperçu des fonctionnalitésHTMLCSSJavaScript
Ouvrir et exécuter