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 30 sur 44
Affichage actuel de 24 cas
0697Composants de base et sélecteurs

Matrice des préférences des enfants pour la chambre

Dans le scénario de la chambre d’enfant, réalisez une matrice d’interrupteurs de préférences : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles.

Composants de base et sélecteursMatrice d’interrupteurs de préférencesHTMLCSSJavaScript
Ouvrir et exécuter
0698Formulaires et saisie

Formulaire brouillon automatique du questionnaire de retour

Dans le scénario d’un questionnaire de suivi, réalisez un formulaire de brouillon automatique : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Navigation des pages du plan du campus

Dans un contexte de plan du campus, terminez la navigation par pagination : elle comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Navigation et menusNavigation par paginationHTMLCSSJavaScript
Ouvrir et exécuter
0700couches flottantes et retours d’état

unité d’actions contextuelles de la salle d’alerte de la galerie

Dans le scénario de la salle d’alerte de la galerie, finalisez une fiche d’action contextuelle : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles d’écran.

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

Organiseur de marque-pages du cahier de notes de clinique

Réalisez un organisateur de marque-pages pour un scénario de carnet de consultations externes : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à différentes tailles.

Cartes, listes et organisation du contenuOrganisateur de favorisHTMLCSS GridJavaScript
Ouvrir et exécuter
0702Tableaux et affichage des données

Tableau de données paginé de vérification des éléments d’exposition

Dans le scénario d’inspection des éléments d’exposition, finalisez un tableau de données paginé : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

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

Mise en page en mosaïque responsive pour le guide des soins

Achevez une mise en page en mosaïque responsive pour le contexte d’un manuel de soins : elle inclut du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Page de compte à rebours pour le lancement de la Journée portes ouvertes des créateurs

Créez une page de compte à rebours de lancement pour un open day : 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.

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

Tableau de bord de conversion du centre de planification des cours

Dans le décor de la salle de planification des cours, réalisez un tableau de bord d’entonnoir de conversion : il comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptable à différentes tailles.

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

flux de réservation du service de retour et d’échange pour les soins

Réalisez un flux de réservation de services pour un scénario de comptoir de retours et de soins : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à différentes tailles.

Processus commerciaux et de servicesflux de réservation de serviceHTMLCSSJavaScript
Ouvrir et exécuter
0707Typographie et effets de texte

Typographie à titre fluide pour affiche d’archives

Réalisez une mise en page de titre fluide pour un contexte d’affiche d’archives : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à différentes tailles.

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

Transition de squelette de synchronisation du catalogage

Terminez la transition d’écran squelettique dans le contexte d’une synchronisation du catalogage : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Animation et micro-interactionsTransition squeletteHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0709Effets visuels créatifs

Scène de couches ondulées de l’observatoire du lac des nuages

Achever un scénario à plusieurs couches de vagues dans le contexte de l’observatoire du lac nuageux : contient du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptative à toutes les tailles.

Effets visuels créatifsScène ondulée à plusieurs couchesHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0710Dessin et visualisation de données

Carte des nœuds de la file d’air

Créer une carte de nœuds relationnels dans un scénario de file d’attente aérienne : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à différentes tailles.

Dessin et visualisation de donnéesCarte des nœuds de relationHTMLCanvasJavaScript
Ouvrir et exécuter
0711Capacités des médias et des appareils du navigateur

Enregistrement de visibilité de la page du siège du capteur audio

Effectuez l’enregistrement de la visibilité de la page dans un scénario de siège à capteur audio : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à différentes tailles.

Capacités des médias et des appareils du navigateurVisibilité de la page enregistréeHTMLCSSBrowser API
Ouvrir et exécuter
0712Mini-applications et mini-jeux

Calculateur de répartition des dépenses pour la chasse au trésor des archives

Dans le décor du bureau de chasse au trésor des archives, complétez un répartiteur de frais : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptable à toutes les tailles.

Mini-applications et mini-jeuxRépartiteur de dépensesHTMLCSSJavaScript
Ouvrir et exécuter
0713Composants de base et sélecteurs

Sélecteur rapide de date pour le comptoir d’enregistrement du loft

Dans le scénario du comptoir d’enregistrement du loft, finalisez la sélection rapide de date : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une disposition adaptée à toutes les tailles.

Composants de base et sélecteursSélection rapide de dateHTMLCSSJavaScript
Ouvrir et exécuter
0714Formulaires et saisie

Formulaire de validation instantanée pour la collecte sur le terrain

Dans le scénario de collecte sur le terrain, achevez le formulaire de validation en temps réel : il comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptative à différentes tailles.

Formulaires et saisieFormulaire avec validation instantanéeHTMLCSSJavaScript
Ouvrir et exécuter
0715Navigation et menus

Navigation de progression du tableau d’annonces du campus

Complétez une navigation de progression de processus dans un contexte de tableau d’annonces du campus : contenu réel, contrôles actionnables, retours d’état clairs et mise en page multi-tailles.

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

Bulle d’aide du cloche d’enregistrement à la galerie

Réalisez la popover d’aide dans un scénario de sonnette d’enregistrement de galerie : incluez 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’étatCouche d’aideHTMLCSSJavaScript
Ouvrir et exécuter
0717Cartes, listes et organisation du contenu

Mur de planification des consultations externes

Compléter l’index des contacts dans le scénario du mur de planning ambulatoire : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative.

Cartes, listes et organisation du contenuIndex des contactsHTMLCSSJavaScript
Ouvrir et exécuter
0718Tableaux et affichage des données

Table de tri multi-colonnes pour les frais de l’exposition

Créer un tableau triable à plusieurs colonnes pour un scénario de feuille de remboursement d’exposition : contenu réel, contrôles actionnables, retours d’état clairs et mise en page sur plusieurs tailles d’écran.

Tableaux et affichage des donnéesTableau triable à colonnes multiplesHTML TableCSSJavaScript
Ouvrir et exécuter
0719Mise en page et adaptivité

Mise en page de contenu maître-détail pour publication de soins

Dans le contexte du cahier spécial de soins, réalisez une mise en page de contenu en maître et détail : avec du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Mise en page et adaptivitéDisposition de contenu maître-esclaveHTMLCSSJavaScript
Ouvrir et exécuter
0720Pages scénarisées pour le marketing et le contenu

Page de conversion pour les abonnements à la nuit d’aperçu créatif

Dans un contexte de soirée d’aperçu de création, finalisez une page de conversion d’abonnement : contenu authentique, contrôles interactifs, 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