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

Table de filtrage combinée du budget de projet

Réalisez un tableau à filtres combinés pour le contexte du budget de projet : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptable aux différentes tailles.

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

Mise en page narrative en diptyque pour récit visuel

Complétez une mise en page narrative en écran partagé dans un contexte de récit visuel : contenu réel, contrôles actionnables, retours d’état clairs et mise en page multi-tailles.

Mise en page et adaptivitéDisposition narrative en écran partagéHTMLCSS GridResponsive Design
Ouvrir et exécuter
0363Pages scénarisées pour le marketing et le contenu

Page des formules tarifaires du camp d’apprentissage

Réalisez la page de plan tarifaire dans un scénario de camp d’apprentissage : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptable à différentes tailles.

Pages scénarisées pour le marketing et le contenuPage de forfaits tarifairesHTMLCSSJavaScript
Ouvrir et exécuter
0364Tableaux de bord et interfaces d’administration

Tableau de bord d’analyse des tendances de capacité du studio

Réaliser un tableau de bord d’analyse des tendances dans un contexte de capacité de studio : il comprend du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Tableaux de bord et interfaces d’administrationTableau d’analyse des tendancesHTMLCanvasJavaScript
Ouvrir et exécuter
0365Processus commerciaux et de services

Flux d’étapes de paiement pour la réservation d’un atelier

Dans un scénario de réservation en atelier, accomplissez le flux d’étapes de règlement : 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 des étapes de paiementHTMLCSSJavaScript
Ouvrir et exécuter
0366Typographie et effets de texte

Expérimentation des niveaux de graisse typographique pour les textes d’exposition

Réalisez une expérience d’expérimentation de hiérarchie des graisses typographiques dans un contexte de présentation d’exposition : elle doit contenir du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptable à toutes les tailles d’écran.

Typographie et effets de texteExpérimentation des niveaux de graisse typographiqueHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0367Animation et micro-interactions

Transition de forme des boutons du lecteur de musique

Dans un contexte de lecteur de musique, réalisez la transition de forme du bouton : elle comprend du contenu réaliste, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Formes fluides organiques de la prairie d’aurore

Complétez une forme fluide organique dans le contexte du champ auroral : contenu authentique, commandes exploitables, retour d’état clair et mise en page adaptée à toutes les tailles d’écran.

Effets visuels créatifsFormes fluides organiquesHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0369Dessin et visualisation de données

Graphique en courbe de la croissance du jardin

Réalisez un graphique linéaire de tendance dans le scénario de croissance du jardin : 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.

Dessin et visualisation de donnéesgraphique linéaire de tendanceHTMLCanvasJavaScript
Ouvrir et exécuter
0370Mini-applications et mini-jeux

Quiz rapide rituel d’équipe

Dans un contexte de rituel d’équipe, créez un quiz rapide de connaissances : il doit inclure du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative à différentes tailles.

Mini-applications et mini-jeuxquiz rapideHTMLCSSJavaScript
Ouvrir et exécuter
0371Composants de base et sélecteurs

Régulateur de plage du plan de voyage

Créer un régulateur de plage pour un scénario de planification de voyage : contenu réel, contrôles actionnables, retours d’état clairs et mise en page sur plusieurs tailles d’écran.

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

Saisie de suggestions locales pour les demandes de service

Dans un contexte de demande de service, complétez une saisie de suggestions locales : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à différentes tailles.

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

Onglets de l’espace de travail du projet

Accomplissez les onglets de l’espace de travail dans le contexte d’un espace projet : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

Navigation et menusOnglets de l’espace de travailHTMLCSSJavaScript
Ouvrir et exécuter
0374couches flottantes et retours d’état

Pile de messages de la bibliothèque photo

Créer une pile de notifications toast pour le contexte d’une photothèque : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à toutes les tailles.

couches flottantes et retours d’étatPile de notificationsHTMLCSSJavaScript
Ouvrir et exécuter
0375Cartes, listes et organisation du contenu

Chronologie des événements locaux

Finalisez une frise chronologique d’activités dans un scénario d’événements locaux : contenu réel, contrôles utilisables, retour d’état clair et disposition adaptée à différentes tailles d’écran.

Cartes, listes et organisation du contenuChronologie des activitésHTMLCSSJavaScript
Ouvrir et exécuter
0376Tableaux et affichage des données

Tableau de données paginé du budget de projet

Créer un tableau de données paginé pour un scénario de budget de projet : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptable à différentes tailles.

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

Disposition classique à trois colonnes pour récit visuel

Dans le contexte d’un récit visuel, réalisez une mise en page classique en trois colonnes : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative à différentes tailles.

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

Zone de conversion de la FAQ du camp d’apprentissage

Dans un scénario de camp d’apprentissage, finalisez une zone de conversion sous forme de questions-réponses : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative aux différentes tailles.

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

Flux d’activité en temps réel de la capacité du studio

Réalisez un flux d’activité en temps réel pour un scénario de capacité de studio : inclut 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.

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

Composeur de promotions pour réservation d’atelier

Réalisez un composeur de promotions dans le contexte d’une réservation en atelier : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à différentes tailles.

Processus commerciaux et de servicesCompositeur de promotionsHTMLCSSJavaScript
Ouvrir et exécuter
0381Typographie et effets de texte

Typographie fluide du titre des descriptions d’exposition

Dans un contexte d’instructions d’exposition, réaliser une composition de titre fluide : 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.

Typographie et effets de texteTypographie à titre fluideHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0382Animation et micro-interactions

Retour de progression circulaire du lecteur de musique

Réaliser un retour de progression circulaire dans un contexte de lecteur de musique : inclure un contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page multi-tailles.

Animation et micro-interactionsretour de progression circulaireHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0383Effets visuels créatifs

Expérience de grille dégradée du champ d’aurores

Réalisez une expérience de grille dégradée dans un décor de champ d’aurores : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative selon les tailles d’écran.

Effets visuels créatifsExpérimentation de grille dégradéeHTMLCanvasJavaScript
Ouvrir et exécuter
0384Dessin et visualisation de données

Graphique en anneau de la croissance du jardin

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

Dessin et visualisation de donnéesGraphique annulaire de répartitionHTMLCanvasJavaScript
Ouvrir et exécuter