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 19 / 44
Affichage actuel de 24 cas
0433Mise en page et adaptivité

Mise en page avec barre latérale collante pour récit visuel

Réalisez une mise en page à barre latérale fixe dans un contexte de récit visuel : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à toutes les tailles.

Mise en page et adaptivitéDisposition avec barre latérale collanteHTMLCSS GridResponsive Design
Ouvrir et exécuter
0434Pages scénarisées pour le marketing et le contenu

Page de conversion d’abonnement pour camp d’apprentissage

Dans le contexte d’un camp d’apprentissage, finalisez une page de conversion d’abonnement : contenu authentique, contrôles actionnables, retours d’état clairs et mise en page adaptée à toutes les tailles.

Pages scénarisées pour le marketing et le contenupage de conversion d’abonnementHTMLCSSJavaScript
Ouvrir et exécuter
0435Tableaux de bord et interfaces d’administration

Tableau de chaleur du calendrier de capacité du studio

Compléter un tableau de bord thermique de calendrier dans un contexte de capacité du studio : contenu réel, contrôles actionnables, retours d’état clairs et mise en page multi-tailles.

Tableaux de bord et interfaces d’administrationPanneau de chaleur du calendrierHTMLCanvasJavaScript
Ouvrir et exécuter
0436Processus commerciaux et de services

Suivi des commandes de réservation d’atelier

Suivi de l’avancement d’une commande dans un scénario de réservation d’atelier : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à plusieurs tailles.

Processus commerciaux et de servicesSuivi de l’avancement des commandesHTMLCSSJavaScript
Ouvrir et exécuter
0437Animation et micro-interactions

Retour élastique des commandes du lecteur de musique

Dans un contexte de lecteur de musique, réalisez un retour élastique des contrôles : avec du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Effet d’explosion de confettis du champ d’aurore

Réaliser un effet d’explosion de confettis dans le décor de la plaine aurorale : contenu authentique, contrôles utilisables, retours d’état clairs et disposition adaptable à plusieurs tailles d’écran.

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

carte thermique matricielle de la croissance du jardin

Réalisez une carte thermique matricielle dans un scénario de croissance au jardin : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative selon les tailles d’écran.

Dessin et visualisation de donnéescarte de chaleur matricielleHTMLCanvasJavaScript
Ouvrir et exécuter
0440Composants de base et sélecteurs

Sélection de cartes de scénarios pour un voyage

Dans le contexte d’un plan de voyage, complétez la sélection des cartes de solution : elle comprend du contenu réel, des contrôles exploitables, des retours d’état clairs et une mise en page adaptée à différentes tailles d’écran.

Composants de base et sélecteursSélection de cartes de solutionHTMLCSSJavaScript
Ouvrir et exécuter
0441Formulaires et saisie

Questionnaire de conditions pour demande de service

Dans le cadre d’une demande de service, complétez un questionnaire conditionnel : contenu réel, contrôles exploitables, retours d’état clairs et mise en page adaptative à toutes les tailles.

Formulaires et saisieQuestionnaire conditionnelHTMLCSSJavaScript
Ouvrir et exécuter
0442Navigation et menus

Navigation de repérage de section de l’espace projet

Effectuez la navigation de repérage des sections dans le scénario d’espace projet : contenu réel, commandes interactives, retours d’état clairs et mises en page adaptatives à toutes les tailles.

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

Action contextuelle de la photothèque

Dans le scénario de la photothèque, achevez une fiche d’actions contextuelles : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative selon la taille.

couches flottantes et retours d’étatVolet d’actions contextuellesHTMLCSSJavaScript
Ouvrir et exécuter
0444Cartes, listes et organisation du contenu

Notes en cascade des événements locaux

Dans un scénario d’activité locale, réalisez des notes en flux maillé : 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.

Cartes, listes et organisation du contenuNotes en cascadeHTMLCSSJavaScript
Ouvrir et exécuter
0445Tableaux et affichage des données

Table matricielle des relations du budget de projet

Réalisez un tableau matriciel de relations dans un scénario de budget de projet : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à toutes les tailles.

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

Mise en page pleine largeur en alternance pour récit visuel

Dans un récit visuel, réaliser une mise en page pleine largeur et en incrustation : inclure 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 pleine largeur avec insertionHTMLCSS GridResponsive Design
Ouvrir et exécuter
0447Pages scénarisées pour le marketing et le contenu

Page d’agenda de l’activité du camp d’apprentissage

Dans le cadre d’un camp d’apprentissage, réalisation d’une page d’agenda d’événement : contenu authentique, contrôles actionnables, retours d’état clairs et mise en page adaptable à toutes les tailles.

Pages scénarisées pour le marketing et le contenuPage d’agenda d’événementHTMLCSSJavaScript
Ouvrir et exécuter
0448Tableaux de bord et interfaces d’administration

Tableau de bord des incidents de capacité du studio

Complétez un tableau de traitement des incidents dans le contexte de la capacité de studio : il comprend un contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Tableaux de bord et interfaces d’administrationTableau de gestion des incidentsHTMLCSS GridJavaScript
Ouvrir et exécuter
0449Processus commerciaux et de services

Configurateur de devis pour réservation d’atelier

Dans le scénario de réservation d’atelier, terminer le configurateur de devis : contenu réaliste, contrôles interactifs, retour d’état clair et mise en page adaptative selon la taille.

Processus commerciaux et de servicesConfigurateur de devisHTMLCSSJavaScript
Ouvrir et exécuter
0450Animation et micro-interactions

fenêtre contextuelle de notification du lecteur de musique

Réalisez un retour de notification pop-up dans un contexte de lecteur de musique : il comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Animation et micro-interactionsRetour de notification contextuelleHTMLCSSJavaScript
Ouvrir et exécuter
0451Effets visuels créatifs

Motif kaléidoscope de la prairie d’aurore

Dans un scénario de champ d’aurores, réalisez un motif kaléidoscopique : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à toutes les tailles.

Effets visuels créatifsMotif kaléidoscopiqueHTMLCanvasJavaScript
Ouvrir et exécuter
0452Dessin et visualisation de données

Graphique chronologique de croissance du jardin

Créer un graphique chronologique pour un scénario de croissance dans un jardin : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à toutes les tailles.

Dessin et visualisation de donnéesGraphique en timelineHTMLCanvasJavaScript
Ouvrir et exécuter
0453Composants de base et sélecteurs

Contrôle de plage à deux valeurs pour plan de voyage

Dans le contexte d’un plan de voyage, réalisez un contrôle de plage à deux valeurs : contenu réaliste, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

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

Formulaire de brouillon automatique de demande de service

Réalisez un formulaire de brouillon automatique dans le contexte d’une demande de service : il doit inclure un contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Formulaires et saisieFormulaire de brouillon automatiqueHTMLCSSJavaScript
Ouvrir et exécuter
0455Navigation et menus

Navigation par pages du projet

Réalisez une navigation par numéros de page dans le contexte d’espace de projet : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Navigation et menusNavigation par paginationHTMLCSSJavaScript
Ouvrir et exécuter
0456Cartes, listes et organisation du contenu

Organiseur de marque-pages d’événements locaux

Organisez un gestionnaire de signets dans le contexte d’événements locaux : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

Cartes, listes et organisation du contenuOrganisateur de favorisHTMLCSS GridJavaScript
Ouvrir et exécuter