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

Disposition en grille de type bento pour la page de récapitulatif des soins

Dans le scénario de la page de récapitulatif des soins, réalisez une mise en page en grille de style bento : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles.

Mise en page et adaptivitéMise en page en grille façon boîte à bentoHTMLCSS GridResponsive Design
Ouvrir et exécuter
0770Pages scénarisées pour le marketing et le contenu

Page de comparaison de produits de la réunion sur les histoires créatives

Créez une page de comparaison de produits dans un contexte de salon de récits créatifs : elle doit inclure du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative à plusieurs tailles d’écran.

Pages scénarisées pour le marketing et le contenupage de comparaison de produitsHTML TableCSSJavaScript
Ouvrir et exécuter
0771Tableaux de bord et interfaces d’administration

Panneau d’analyse des tendances du registre de service de classe

Réalisez un panneau d’analyse des tendances dans un scénario de registre de permanence des cours : contenu réel, commandes utilisables, retour d’état clair et mise en page adaptée à toutes les tailles.

Tableaux de bord et interfaces d’administrationTableau d’analyse des tendancesHTMLCanvasJavaScript
Ouvrir et exécuter
0772Composants de base et sélecteurs

Sélection de cartes de plan pour loft

Dans le contexte du tableau de plan de loft, finalisez la sélection des cartes de plan : elle comprend du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page adaptative aux différentes tailles.

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

Formulaire de demande de séjour et tableau de réservation de créneaux

Dans le contexte d’une demande d’hébergement, complétez un formulaire de réservation de créneau : il comprend du contenu réel, des contrôles utilisables, des retours d’état clairs et une mise en page adaptative à plusieurs tailles d’écran.

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

Navigation rapide inférieure pour carte d’accès au campus

Dans le scénario de la carte de visite du campus, créez une navigation rapide en bas : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles.

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

Info-bulle clavier pour la barre d’assistance de la galerie

Réaliser une infobulle au clavier dans un contexte de bannière de soutien pour galerie : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

couches flottantes et retours d’étatInfo-bulle clavierHTMLCSSJavaScript
Ouvrir et exécuter
0776Cartes, listes et organisation du contenu

File de priorité pour la ligne de visite en consultation externe

Dans la scène du couloir de visite en clinique, achevez la file prioritaire : elle comprend du contenu réel, des contrôles opérables, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Tableau comparatif des variantes du catalogue d’inventaire des éléments d’exposition

Réaliser un tableau comparatif des solutions dans un scénario de catalogue d’inventaire d’articles d’exposition : contenu authentique, contrôles actionnables, retours d’état clairs et mise en page multi-tailles.

Tableaux et affichage des donnéesTableau de comparaison des solutionsHTML TableCSSJavaScript
Ouvrir et exécuter
0778Mise en page et adaptivité

Shell de tableau de bord Atlas du manuel de classe

Réalisez la coque du tableau de bord dans un contexte de classe Atlas : elle comprend du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page adaptée à plusieurs tailles d’écran.

Mise en page et adaptivitéCoque de tableau de bordHTMLCSS GridResponsive Design
Ouvrir et exécuter
0779Pages scénarisées pour le marketing et le contenu

Page d’agenda d’événement avec service de repas

Complétez la page d’agenda d’événement dans le contexte d’un service de repas : contenu réel, contrôles interactifs, retour d’état clair et disposition adaptative à différentes tailles.

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

Flux d’activité en temps réel du poste de garde de cours

Dans un contexte de poste de garde pour cours, réaliser un flux d’activité en temps réel : contenu réel, contrôles exploitables, retours d’état clairs et 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
0781Processus commerciaux et de services

Calculateur de panier de visite de soins

Dans le contexte d’une visite de soins, réaliser un calculateur de panier : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée aux différentes tailles d’écran.

Processus commerciaux et de servicesCalculateur de panierHTMLCSSJavaScript
Ouvrir et exécuter
0782Typographie et effets de texte

Conception de titre contour pour manifeste de marque

Dans le scénario de manifeste de marque, terminez la conception du titre en contour : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Typographie et effets de texteTitre avec contour et designHTMLCSS TypographyJavaScript
Ouvrir et exécuter
0783Animation et micro-interactions

Transition de forme du bouton pour la progression du cours

Accomplir une transition de morphing de bouton dans un scénario de progression de cours : contenu réaliste, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

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

Espace de verre à profondeur de champ du dôme corallien

Créer un espace de profondeur de champ en verre dans un décor de dôme corallien : inclut du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à différentes tailles.

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

Graphique chronologique de l’atlas public

Dans le scénario du graphe public, terminez le graphique chronologique : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Démo d’opérations du presse-papiers de la trousse d’outils audio

Démonstration d’opérations du presse-papiers dans un contexte de kit d’outils audio : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à toutes les tailles.

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

Jeu de mémoire à cartes du club de lecture

Dans un contexte de club de lecture, réaliser un jeu de mémoire à cartes retournées : contenu réel, commandes actionnables, retours d’état clairs et mise en page adaptable à toutes les tailles.

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

Régulateur de plage de configuration du grenier

Dans le scénario de configuration du garage du loft, terminez le réglage de plage : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative à différentes tailles.

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

Formulaire de confirmation du récapitulatif du poste de vérification des services résidentiels

Réalisez un formulaire de confirmation de résumé dans le contexte d’un poste de contrôle des révisions d’hébergement : contenu réaliste, contrôles actionnables, retour d’état clair et mise en page adaptable à différentes tailles.

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

Navigation par fil d’Ariane du parcours de soins

Réalisez une navigation en fil d’Ariane dans un contexte de parcours de soins : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à toutes les tailles.

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

Pile de messages de la fenêtre de mise à jour de la galerie

Dans le contexte d’une fenêtre de mise à jour de galerie, réalisez une pile de notifications : contenu réaliste, contrôles exploitables, état clairement indiqué et mise en page adaptée à plusieurs tailles.

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

Carrousel de cartes de récits du marché communautaire

Dans un contexte de marché communautaire, réaliser une carte carrousel d’histoires : contenu authentique, contrôles interactifs, retours d’état clairs et mise en page adaptable à différentes tailles.

Cartes, listes et organisation du contenuCarte de carrousel d’histoiresHTMLCSSJavaScript
Ouvrir et exécuter