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

Scène d’ondes superposées des profondeurs marines

Réalisez une scène de vagues superposées dans un décor des grands fonds : 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éatifsScène ondulée à plusieurs couchesHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0098Dessin et visualisation de données

Diagramme radar des compétences en qualité de l’air

Terminez le graphique radar des compétences dans le contexte de la qualité de l’air : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Dessin et visualisation de donnéesRadar des capacitésHTMLCanvasJavaScript
Ouvrir et exécuter
0099Capacités des médias et des appareils du navigateur

Contrôle de scène plein écran du laboratoire d’appareils

Dans le scénario du laboratoire d’appareils, terminez le contrôle de la scène plein écran : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Capacités des médias et des appareils du navigateurContrôle de scène en plein écranHTMLCSSBrowser API
Ouvrir et exécuter
0100Mini-applications et mini-jeux

Tableau de suivi des habitudes pour la soirée en famille

Réalisez un tableau de suivi des habitudes dans le contexte d’une soirée en famille : il comprend un contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Mini-applications et mini-jeuxTableau de pointage des habitudesHTMLCSSJavaScript
Ouvrir et exécuter
0101Composants de base et sélecteurs

Compteur numérique de salle de réunion

Réaliser un sélecteur numérique par incrémentation dans un scénario de salle de réunion : contenu authentique, contrôles actionnables, retours d’état clairs et mise en page multi-tailles.

Composants de base et sélecteursSélecteur numériqueHTMLCSSJavaScript
Ouvrir et exécuter
0102Formulaires et saisie

Tableau de configuration budgétaire d’inscription des bénévoles

Complétez la table de configuration budgétaire dans le scénario d’inscription des bénévoles : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Formulaires et saisieTableau de budgetHTMLCSSJavaScript
Ouvrir et exécuter
0103Navigation et menus

Navigation de progression pour la visite du musée

Réalisez une navigation de progression des étapes dans un contexte de visite de musée : contenu réel, contrôles actionnables, retours d’état clairs et disposition adaptée à différentes tailles.

Navigation et menusNavigation de progression du fluxHTMLCSSJavaScript
Ouvrir et exécuter
0104couches flottantes et retours d’état

Bannière d’état de révision de document

Dans un contexte de relecture de documents, finalisez une bannière d’état : contenu authentique, contrôles interactifs, retours d’état clairs et mise en page adaptée à toutes les tailles.

couches flottantes et retours d’étatBannière d’étatHTMLCSSJavaScript
Ouvrir et exécuter
0105Cartes, listes et organisation du contenu

Liste de lecture prioritaire

Réaliser une file de priorité dans le scénario de la liste de lecture : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à toutes les tailles d’écran.

Cartes, listes et organisation du contenuFile d’attente prioritaireHTMLCSS GridJavaScript
Ouvrir et exécuter
0106Tableaux et affichage des données

Tableau de cartes mobile pour le registre d’inventaire

Réalisez une vue cartographique en cartes pour mobile dans un contexte de registre d’inventaire : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative selon la taille.

Tableaux et affichage des donnéestableau en cartes pour mobileHTML TableCSSJavaScript
Ouvrir et exécuter
0107Mise en page et adaptivité

Disposition en cascade responsive pour le journal d’architecture

Créer une mise en page en masonry responsive dans un contexte de journal d’architecture : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à différentes tailles.

Mise en page et adaptivitéDisposition en cascade réactiveHTMLCSSJavaScript
Ouvrir et exécuter
0108Pages scénarisées pour le marketing et le contenu

Page de compte à rebours de lancement d’une marque de thé

Créer une page de compte à rebours de lancement pour une marque de thé : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à différentes tailles.

Pages scénarisées pour le marketing et le contenuPage de compte à rebours de publicationHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0109Tableaux de bord et interfaces d’administration

Tableau de bord de l’entonnoir de conversion des opérations de bibliothèque

Dans le contexte des opérations de bibliothèque, réalisez un tableau de bord de conversion : inclut du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative à différentes tailles.

Tableaux de bord et interfaces d’administrationTableau de bord de l’entonnoir de conversionHTMLCSS GridJavaScript
Ouvrir et exécuter
0110Processus commerciaux et de services

Sélection du forfait d’abonnement de la boutique de fleurs

Choix d’un plan d’abonnement dans un contexte de fleuriste : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptative à toutes les tailles.

Processus commerciaux et de servicesSélection du forfait d’abonnementHTMLCSSJavaScript
Ouvrir et exécuter
0111Typographie et effets de texte

Composition typographique dynamique du recueil de poèmes des montagnes et des plaines

Mise en forme de texte dynamique réalisée dans un contexte de recueil de poèmes de montagne : comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une disposition adaptée à plusieurs tailles d’écran.

Typographie et effets de texteTypographie dynamiqueHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0112Animation et micro-interactions

Transition de page pour le changement d’état du téléversement de fichier

Effectuez une transition de changement de page dans un contexte de téléversement de fichier : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Animation et micro-interactionsTransition de changement d’état par retournementHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0113Effets visuels créatifs

Effet de traversée du ciel étoilé des profondeurs marines

Créer un effet de traversée de la voûte étoilée dans une scène des grands fonds : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à toutes les tailles.

Effets visuels créatifsEffet de traversée du ciel étoiléHTMLCanvasJavaScript
Ouvrir et exécuter
0114Dessin et visualisation de données

Nuage de points de la qualité de l’air

Complétez le graphique de dispersion dans le scénario de la qualité de l’air : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée aux différentes tailles.

Dessin et visualisation de donnéesDiagramme de dispersionHTMLCanvasJavaScript
Ouvrir et exécuter
0115Capacités des médias et des appareils du navigateur

Indicateur d’état réseau du laboratoire de dispositifs

Dans le scénario du laboratoire d’appareils, terminez l’indicateur d’état du réseau : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Capacités des médias et des appareils du navigateurIndicateur d’état de connexionHTMLCSSBrowser API
Ouvrir et exécuter
0116Mini-applications et mini-jeux

Convertisseur d’unités de la soirée en famille

Effectuez un convertisseur d’unités dans un contexte de soirée en famille : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Mini-applications et mini-jeuxConvertisseur d’unitésHTMLCSSJavaScript
Ouvrir et exécuter
0117Composants de base et sélecteurs

Sélection de couleurs pour la salle de réunion

Achever la sélection d’échantillons de couleur dans un contexte de salle de réunion : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

Composants de base et sélecteursSélection d’échantillons de couleursHTMLCSSJavaScript
Ouvrir et exécuter
0118Formulaires et saisie

Tableau de réservation des créneaux d’inscription des bénévoles

Terminez le formulaire de prise de rendez-vous pour des créneaux dans le contexte d’une inscription de bénévoles : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Formulaires et saisieTableau de réservation des créneauxHTMLCSSJavaScript
Ouvrir et exécuter
0119Navigation et menus

Navigation rapide en bas pour le guide du musée

Complétez la navigation rapide en bas dans un contexte de visite de musée : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à différentes tailles.

Navigation et menusNavigation rapide en bas de pageHTMLCSSJavaScript
Ouvrir et exécuter
0120couches flottantes et retours d’état

Centre de notification pour la révision de documents

Complétez le centre de notifications dans le contexte de la relecture de documents : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

couches flottantes et retours d’étatCentre de notificationsHTMLCSSJavaScript
Ouvrir et exécuter