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 21 / 44
Affichage actuel de 24 cas
0481Composants de base et sélecteurs

Matrice de commutateurs de préférences du studio de musique

Dans un scénario de studio de musique, réalisez une matrice de bascules de préférences : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à toutes les tailles.

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

Flux de saisie étape par étape pour la réservation d’un événement

Dans un contexte de réservation d’événements, réaliser un parcours de saisie par étapes : inclure du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Formulaires et saisieprocessus de saisie en plusieurs étapesHTMLCSSJavaScript
Ouvrir et exécuter
0483Cartes, listes et organisation du contenu

Tableau des tâches du répertoire d’équipe

Tableau kanban achevé pour l’annuaire d’équipe : contenu réel, commandes interactives, retours d’état clairs et mise en page adaptative à toutes les tailles.

Cartes, listes et organisation du contenuTableau des tâchesHTMLCSS GridJavaScript
Ouvrir et exécuter
0484Tableaux et affichage des données

Table combinée de filtrage des tickets de service

Réalisez un tableau de filtrage combiné dans un contexte de tickets de service : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative selon la taille.

Tableaux et affichage des donnéesTableau de filtrage combinéHTML TableCSSJavaScript
Ouvrir et exécuter
0485Mise en page et adaptivité

Mise en page narrative en écran partagé pour les notes de recherche

Réalisez une mise en page narrative en écran partagé pour un scénario de notes de recherche : elle 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.

Mise en page et adaptivitéDisposition narrative en écran partagéHTMLCSS GridResponsive Design
Ouvrir et exécuter
0486Pages scénarisées pour le marketing et le contenu

Page de plan tarifaire du campement nature

Dans un contexte de campement en pleine nature, réalisez une page de tarification : contenu réel, contrôles actionnables, retour d’état clair et mise en page sur plusieurs tailles.

Pages scénarisées pour le marketing et le contenuPage de forfaits tarifairesHTMLCSSJavaScript
Ouvrir et exécuter
0487Animation et micro-interactions

Transition de forme du bouton d’état de commande

Transition de forme d’un bouton dans le contexte du statut de commande : contenu réaliste, contrôles utilisables, retour d’état clair et mise en page multi-tailles.

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

Formes fluides organiques de l’espace sur papier

Complétez des formes fluides organiques dans un contexte d’espace papier : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à toutes les tailles.

Effets visuels créatifsFormes fluides organiquesHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0489Composants de base et sélecteurs

Régulateur de plage pour studio de musique

Complétez un régulateur de plage dans un contexte de studio musical : contenu réaliste, contrôles interactifs, retour d’état clair et mise en page adaptable à différentes tailles.

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

Saisie locale de suggestions pour réservation d’événement

Effectuez une saisie avec suggestions locales dans un contexte de réservation d’activité : contenu réel, contrôles interactifs, retours d’état clairs et disposition adaptée aux différentes tailles.

Formulaires et saisieSaisie locale suggéréeHTMLCSSJavaScript
Ouvrir et exécuter
0491Cartes, listes et organisation du contenu

Chronologie des activités du répertoire d’équipe

Dans le contexte de l’annuaire d’équipe, présentez une chronologie des activités : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à plusieurs tailles d’écran.

Cartes, listes et organisation du contenuChronologie des activitésHTMLCSSJavaScript
Ouvrir et exécuter
0492Mise en page et adaptivité

Mise en page classique à trois colonnes pour notes de recherche

Réaliser une mise en page classique en trois colonnes dans un contexte de notes de recherche : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à toutes les tailles.

Mise en page et adaptivitéDisposition classique à trois colonnesHTMLCSS GridResponsive Design
Ouvrir et exécuter
0493Animation et micro-interactions

Retour de progression circulaire de l’état de commande

Créez un retour de progression circulaire dans un scénario de statut de commande : contenu réel, contrôles exploitables, retours d’état clairs et mise en page adaptative à différentes tailles.

Animation et micro-interactionsretour de progression circulaireHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0494Composants de base et sélecteurs

Échelle d’évaluation du studio de musique

Dans un contexte de studio de musique, réalisez une échelle de notation : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à toutes les tailles.

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

Retour sur la force du mot de passe pour la réservation d’événements

Dans le contexte de la prise de rendez-vous d’événements, mettez en place un retour sur la robustesse du mot de passe : contenu réel, contrôles actionnables, retour d’état clair et mise en page sur plusieurs tailles.

Formulaires et saisieRetour sur la robustesse du mot de passeHTMLCSSJavaScript
Ouvrir et exécuter
0496Cartes, listes et organisation du contenu

Liste accordéon de l’annuaire de l’équipe

Compléter une liste de contenu repliable dans le contexte d’un répertoire d’équipe : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à plusieurs tailles d’écran.

Cartes, listes et organisation du contenuListe de contenu repliableHTMLCSSJavaScript
Ouvrir et exécuter
0497Mise en page et adaptivité

Shell de tableau de bord de notes de recherche

Dans un contexte de carnet de recherche, réaliser le shell du tableau de bord : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

Mise en page et adaptivitéCoque de tableau de bordHTMLCSS GridResponsive Design
Ouvrir et exécuter
0498Animation et micro-interactions

Transition du squelette de l’état de commande

Complétez la transition de l’écran squelette dans le scénario d’état de commande : incluez 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 squeletteHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0499Formulaires et saisie

Groupe de champs dynamiques pour les réservations d’événements

Mettez en place des groupes de champs dynamiques dans un scénario de réservation d’événement : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative à toutes les tailles.

Formulaires et saisiegroupe de champs dynamiqueHTMLCSSJavaScript
Ouvrir et exécuter
0500Cartes, listes et organisation du contenu

Cartes carrousel d’histoires pour l’annuaire de l’équipe

Réaliser un carrousel de cartes narratives dans un contexte d’annuaire d’équipe : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à différentes tailles.

Cartes, listes et organisation du contenuCarte de carrousel d’histoiresHTMLCSSJavaScript
Ouvrir et exécuter
0501Mise en page et adaptivité

Grille éditoriale de notes de recherche

Créer une grille éditoriale de magazine dans un scénario de notes de recherche : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à différentes tailles.

Mise en page et adaptivitéGrille de rédaction de magazineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0502Animation et micro-interactions

Entrée échelonnée de la liste des statuts de commande

Réalisation d’une entrée échelonnée de liste dans un contexte de statut de commande : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à différentes tailles.

Animation et micro-interactionsEntrée échelonnée de la listeHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0503Formulaires et saisie

Tableau de configuration du budget de réservation d’activité

Dans le contexte de la réservation d’activité, réalisez un tableau de configuration budgétaire : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à différentes tailles.

Formulaires et saisieTableau de budgetHTMLCSSJavaScript
Ouvrir et exécuter
0504Cartes, listes et organisation du contenu

File de priorité de l’annuaire d’équipe

Dans le scénario de l’annuaire d’équipe, réalisez une file de priorité : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

Cartes, listes et organisation du contenuFile d’attente prioritaireHTMLCSS GridJavaScript
Ouvrir et exécuter