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

Mise en page en cascade responsive - notes de recherche

Dans le contexte de notes de recherche, finalisez une mise en page en cascade responsive : contenu réel, contrôles interactifs, retour d’état clair et disposition adaptée à différentes tailles.

Mise en page et adaptivitéDisposition en cascade réactiveHTMLCSSJavaScript
Ouvrir et exécuter
0506Animation et micro-interactions

Changement d’état par pagination du statut de commande

Dans le contexte de l’état de commande, effectuez une transition d’état par retournement de page : cela inclut du contenu réel, des contrôles actionnables, 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
0507Formulaires et saisie

Tableau de réservation de créneaux pour les événements -

Dans le contexte d’une réservation d’événement, réaliser un tableau de réservation de créneaux horaires : avec du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Formulaires et saisieTableau de réservation des créneauxHTMLCSSJavaScript
Ouvrir et exécuter
0508Cartes, listes et organisation du contenu

Fiches dépliables du répertoire d’équipe

Dans le contexte d’un répertoire d’équipe, complétez des enregistrements extensibles : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à plusieurs tailles.

Cartes, listes et organisation du contenuEnregistrements déroulantsHTMLCSSJavaScript
Ouvrir et exécuter
0509Mise en page et adaptivité

Mise en page en barre latérale fixe pour notes de recherche

Complétez une mise en page à barre latérale fixe dans un scénario de notes de recherche : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée aux différentes tailles.

Mise en page et adaptivitéDisposition avec barre latérale collanteHTMLCSS GridResponsive Design
Ouvrir et exécuter
0510Animation et micro-interactions

Retour élastique de l’état de la commande

Dans un scénario d’état de commande, réalisez un retour d’interface élastique : il doit inclure du contenu réel, des contrôles actionnables, un retour d’état clair et une disposition adaptée à toutes les tailles.

Animation et micro-interactionsRetour des composants élastiquesHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0511Formulaires et saisie

Questionnaire conditionnel de réservation d’événement

Réaliser un questionnaire conditionnel dans un contexte de réservation d’événement : contenu réel, commandes interactives, retour d’état clair et disposition multi-tailles.

Formulaires et saisieQuestionnaire conditionnelHTMLCSSJavaScript
Ouvrir et exécuter
0512Cartes, listes et organisation du contenu

Notes en cascade de l’annuaire d’équipe

Dans un scénario d’annuaire d’équipe, réalisez une mise en page en colonnes de type masonry pour des notes : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative selon la taille.

Cartes, listes et organisation du contenuNotes en cascadeHTMLCSSJavaScript
Ouvrir et exécuter
0513Mise en page et adaptivité

Mise en page pleine largeur avec intercalaires pour notes de recherche

Dans le contexte de notes de recherche, réalisez une mise en page pleine largeur en chevauchement : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à différentes tailles.

Mise en page et adaptivitéDisposition en pleine largeur avec insertionHTMLCSS GridResponsive Design
Ouvrir et exécuter
0514Animation et micro-interactions

Notification contextuelle d’état de commande

Finalisez un retour par notification contextuelle dans un contexte d’état de commande : contenu réel, contrôles actionnables, retours d’état clairs et disposition adaptative à plusieurs tailles.

Animation et micro-interactionsRetour de notification contextuelleHTMLCSSJavaScript
Ouvrir et exécuter
0515Mise en page et adaptivité

Galerie adaptative de notes de recherche

Dans le contexte des notes de recherche, réalisez une galerie adaptative : avec du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

Mise en page et adaptivitéGalerie adaptativeHTMLCSSJavaScript
Ouvrir et exécuter
0516Animation et micro-interactions

Animation de révélation du contenu du statut de commande

Réalisez une animation de révélation de contenu dans un scénario d’état de commande : elle comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptative multi-tailles.

Animation et micro-interactionsAnimation de révélation du contenuHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0517Mise en page et adaptivité

Disposition maître-détail pour notes de recherche

Créer une mise en page maître-détail pour un contexte de notes de recherche : contenu réaliste, contrôles actionnables, retours d’état clairs et mise en page responsive.

Mise en page et adaptivitéDisposition de contenu maître-esclaveHTMLCSSJavaScript
Ouvrir et exécuter
0518Animation et micro-interactions

Animation orbitale de l’état de commande

Réalisez une animation d’état orbital dans le contexte du statut de commande : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à toutes les tailles.

Animation et micro-interactionsAnimation de l’état orbitalHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0519Mise en page et adaptivité

Disposition en grille de type bento pour la documentation produit

Réalisez une mise en page en grille bento pour le scénario de documentation produit : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

Mise en page et adaptivitéMise en page en grille façon boîte à bentoHTMLCSS GridResponsive Design
Ouvrir et exécuter
0520Mise en page et adaptivité

Mise en page narrative en écran partagé pour la documentation produit

Réalisez une mise en page narrative en panneaux séparés dans le contexte de la documentation produit : contenu réaliste, contrôles interactifs, retours d’état clairs et mise en page adaptée à toutes les tailles.

Mise en page et adaptivitéDisposition narrative en écran partagéHTMLCSS GridResponsive Design
Ouvrir et exécuter
0521Composants de base et sélecteurs

Sélection rapide de date pour la maison intelligente

Effectuez une sélection rapide de date dans un contexte de maison intelligente : 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 rapide de dateHTMLCSSJavaScript
Ouvrir et exécuter
0522Composants de base et sélecteurs

Sélection d’échantillons de couleurs pour l’abri à vélos

Compléter une sélection d’échantillons de couleur dans un contexte d’abri à vélos : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à différentes tailles.

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

Formulaire de brouillon automatique d’inscription en clinique

Dans un scénario d’enregistrement en ambulatoire, complétez un formulaire brouillon automatique : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à plusieurs tailles d’écran.

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

Navigation rapide en bas du centre d’assistance

Réalisez une navigation rapide en bas de page dans un contexte de centre d’aide : contenu réel, contrôles actionnables, retours d’état clairs et disposition adaptée à différentes tailles.

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

Panneau inférieur de sécurité du compte

Réalisez un panneau d’actions inférieur pour un scénario de sécurité du compte : il comprend du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptée à différentes tailles.

couches flottantes et retours d’étatPanneau d’actions inférieurHTMLCSSJavaScript
Ouvrir et exécuter
0526Cartes, listes et organisation du contenu

Organiseur de signets de rayonnage d’archives

Complétez l’organiseur de signets dans le scénario d’étagère d’archives : incluez du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

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

Tableau de sélection groupée des présences en cours

Réalisez un tableau de sélection en masse dans le contexte de la présence en classe : 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.

Tableaux et affichage des donnéesSélection par lotHTML TableCSSJavaScript
Ouvrir et exécuter
0528Mise en page et adaptivité

Galerie adaptative du lecteur d’archives

Complétez une galerie adaptative dans un scénario de lecture d’archives : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

Mise en page et adaptivitéGalerie adaptativeHTMLCSSJavaScript
Ouvrir et exécuter