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 3 / 44
Affichage actuel de 24 cas
0049Effets visuels créatifs

Forme organique des fluides des grands fonds marins

Réalisez des formes fluides organiques dans une scène d’océan profond : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à toutes les tailles.

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

Graphique linéaire de tendance de la qualité de l’air

Dans le scénario de la qualité de l’air, finalisez le graphique en courbe de tendance : incluez du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Dessin et visualisation de donnéesgraphique linéaire de tendanceHTMLCanvasJavaScript
Ouvrir et exécuter
0051Capacités des médias et des appareils du navigateur

Observateur des requêtes média du laboratoire d’appareils

Dans le contexte du laboratoire d’appareils, réaliser l’observateur de requêtes média : contenus réels, contrôles actionnables, retour d’état clair et mise en page adaptée à différentes tailles.

Capacités des médias et des appareils du navigateurobservateur de requêtes médiaHTMLCSSBrowser API
Ouvrir et exécuter
0052Mini-applications et mini-jeux

Quiz rapide de la soirée en famille

Réalisez un quiz rapide dans un contexte de soirée en famille : inclut du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable aux différentes tailles.

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

Contrôleur de plage pour salle de réunion

Réglage de plage dans un contexte de salle de réunion : contenu réel, contrôles actionnables, retours d’état clairs et mise en page responsive multi-tailles.

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

Saisie d’aide locale pour l’inscription des bénévoles

Dans un contexte d’inscription de bénévoles, implémentez une saisie avec suggestions locales : contenu authentique, contrôles actionnables, retours d’état clairs et mise en page adaptée à toutes les tailles.

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

Onglets de l’espace de travail de visite du musée

Onglets d’espace de travail achevés dans le scénario de visite du musée : contenu réel, commandes interactives, retours d’état clairs et mise en page adaptative à toutes les tailles.

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

Pile de messages de révision de document

Dans le contexte de la relecture de documents, complétez la pile de messages d’information : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à différentes tailles.

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

Chronologie des activités de la liste de lecture

Réaliser une chronologie d’activités dans le contexte d’une liste de lecture : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à différentes tailles.

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

Tableau de données paginé du grand livre des stocks

Réalisez un tableau de données paginé pour un scénario de registre d’inventaire : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles d’écran.

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

Disposition classique à trois colonnes pour architecture d’édition

Dans le scénario de journal d’architecture, finalisez la mise en page classique à trois colonnes : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une disposition adaptée à toutes les tailles.

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

Zone de conversion FAQ d’une marque de thé

Dans le contexte d’une marque de thé, complétez une zone de conversion en questions-réponses : elle comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Flux d’activité en temps réel pour l’exploitation de la bibliothèque

Réalisez un flux d’activité en temps réel dans un contexte d’exploitation de bibliothèque : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée aux différentes tailles d’écran.

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

Créateur de promotions pour fleuriste

Réalisez un compositeur de promotions dans un contexte de fleuriste : contenu réel, contrôles utilisables, retour d’état clair et mise en page adaptée à différentes tailles.

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

Typographie de titres fluides pour poèmes de montagne

Créer une mise en page de titre fluide dans un recueil de poèmes de montagne : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

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

Retour de progression circulaire pour l’envoi de fichiers

Dans un contexte de téléversement de fichier, réalisez un retour de progression circulaire : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à toutes les tailles.

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

Expérience de grille en dégradé des profondeurs marines

Réalisez une expérience de grille de maillage dégradé dans un décor de haute mer : contenu réel, contrôles interactifs, retours d’état clairs et disposition adaptée à toutes les tailles d’écran.

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

Diagramme en anneau de la qualité de l’air

Dans le contexte de la qualité de l’air, réaliser un graphique en anneau de répartition : avec du contenu authentique, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Dessin et visualisation de donnéesGraphique annulaire de répartitionHTMLCanvasJavaScript
Ouvrir et exécuter
0067Capacités des médias et des appareils du navigateur

Mémo de stockage local du laboratoire d’appareils

Compléter une note de stockage local pour un contexte de laboratoire d’appareils : comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page multi-tailles.

Capacités des médias et des appareils du navigateurNotes de stockage localHTMLCSSBrowser API
Ouvrir et exécuter
0068Mini-applications et mini-jeux

Jeu de mémoire à retourner des cartes pour la soirée en famille

Réalisez un jeu de mémoire à retournement dans un contexte de soirée en famille : contenu réel, contrôles utilisables, retour d’état clair et mise en page adaptative selon la taille.

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

Échelle de notation de la salle de réunion

Dans un scénario de salle de réunion, réaliser une échelle de notation : elle comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à différentes tailles.

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

Retour sur la force du mot de passe pour l’inscription des bénévoles

Terminez un retour sur la robustesse du mot de passe dans un contexte d’inscription de bénévoles : contenu authentique, contrôles utilisables, retours d’état clairs et mise en page adaptative à toutes les tailles.

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

Panneau de commande du musée

Créer un panneau de commandes pour le contexte d’un guide de musée : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptable à toutes les tailles.

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

Volet d’aide à la révision de documents

Dans un scénario de révision de documents, réaliser une infobulle d’aide : elle comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à différentes tailles.

couches flottantes et retours d’étatCouche d’aideHTMLCSSJavaScript
Ouvrir et exécuter