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 44 sur 44
Nombre de cas affichés actuellement : 14
1033Animation et micro-interactions

Morphing du bouton pour le parcours de don

Dans un scénario de processus de don, réalisez une transition de forme du bouton : contenu réel, contrôles interactifs, retours d’état clairs et disposition adaptée à plusieurs tailles.

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

Salle en verre, profondeur de champ, espace d’écho

Réaliser un espace de profondeur en verre dans le contexte d’une salle d’écho : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à différentes tailles.

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

Graphique chronologique de l’atlas de la classe

Menez un diagramme chronologique dans un contexte de cartographie de classe : il comprend du contenu réaliste, des contrôles exploitables, un retour d’état clair et une mise en page adaptative aux différentes tailles.

Dessin et visualisation de donnéesGraphique en timelineHTMLCanvasJavaScript
Ouvrir et exécuter
1036Capacités des médias et des appareils du navigateur

Démonstration des opérations du presse-papiers au terminal de consultation

Réalisez une démonstration d’opération sur le presse-papiers dans le décor du terminal de la clinique : contenu réel, contrôles interactifs, retour d’état clair et mise en page responsive.

Capacités des médias et des appareils du navigateurDémo des opérations du presse-papiersHTMLCSSBrowser API
Ouvrir et exécuter
1037Mini-applications et mini-jeux

Jeu de mémoire à retournement sur table de minuterie de classe

Réalisez un jeu de mémoire par retournement dans le contexte d’une table de minuterie en classe : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à toutes les tailles.

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

Régulateur de plage du panneau de planification de spectacle

Dans le contexte du tableau de planification de spectacle, compléter un réglage de plage : contenu réel, contrôles actionnables, retour d’état clair et disposition adaptative à différentes tailles.

Composants de base et sélecteursRégulateur de plageHTMLCSSJavaScript
Ouvrir et exécuter
1039Formulaires et saisie

Formulaire de confirmation récapitulative de carte de confirmation des bourses et aides

Dans le contexte de la carte de validation des aides, réalisez un formulaire de confirmation récapitulative : inclut du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Navigation fil d’Ariane du poste de coordination du studio

Finalisez la navigation en fil d’Ariane dans un contexte de poste de dispatch de studio : contenu réaliste, contrôles actionnables, retours d’état clairs et mise en page adaptable à différentes tailles d’écran.

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

Pile de messages de la carte de confirmation d’approbation

Dans le scénario de la carte de confirmation d’approbation, réalisez une pile de notifications : elle comprend 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’étatPile de notificationsHTMLCSSJavaScript
Ouvrir et exécuter
1042Cartes, listes et organisation du contenu

Cartes carrousel d’histoires pour la boîte à clips du studio

Réalisez une carte carrousel d’histoires dans le contexte de la boîte de clips de l’atelier : avec du contenu réel, des contrôles utilisables, des retours d’état clairs et une mise en page adaptée à plusieurs tailles d’écran.

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

Tableau de sélection combinée du volume d’usage du studio

Dans le contexte d’un tableau de volume de studio, terminez le tableau de filtrage combiné : il doit inclure du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Tableaux et affichage des donnéesTableau de filtrage combinéHTML TableCSSJavaScript
Ouvrir et exécuter
1044Mise en page et adaptivité

Grille éditoriale du carnet-journal du jardin

Achever une grille éditoriale de type magazine dans un scénario de carnet de jardin : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative selon la taille.

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

Zone de conversion FAQ du pass voyage

Achever la zone de conversion en questions-réponses dans le scénario du pass de voyage : contient du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptative à toutes les tailles.

Pages scénarisées pour le marketing et le contenuzone de conversion questions-réponsesHTMLCSSJavaScript
Ouvrir et exécuter
1046Tableaux de bord et interfaces d’administration

Tableau de bord à grille thermique du calendrier des services résidentiels

Créer un panneau de chaleur du calendrier dans le contexte d’un site de services de logement : avec du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptée à plusieurs tailles d’écran.

Tableaux de bord et interfaces d’administrationPanneau de chaleur du calendrierHTMLCanvasJavaScript
Ouvrir et exécuter