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 40 / 44
Affichage actuel de 24 cas
0937Mini-applications et mini-jeux

Calculatrice de poche pour planning de classe

Dans le contexte du tableau de planification de classe, réalisez la calculatrice portable : comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Mini-applications et mini-jeuxCalculatrice portableHTMLCSSJavaScript
Ouvrir et exécuter
0938Composants de base et sélecteurs

Sélecteur segmenté du coin des animaux

Complétez un sélecteur segmenté dans le contexte d’un coin pour animaux : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à différentes tailles.

Composants de base et sélecteursSélecteur segmentéHTMLCSSJavaScript
Ouvrir et exécuter
0939Formulaires et saisie

Questionnaire conditionnel du carnet de suivi des équipes

Réalisez un questionnaire conditionnel dans un contexte de registre de suivi post-shift : il comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Formulaires et saisieQuestionnaire conditionnelHTMLCSSJavaScript
Ouvrir et exécuter
0940Navigation et menus

Grand menu groupé du tableau de bord des créateurs

Finalisez un méga-menu groupé dans un contexte de studio de création : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative sur plusieurs tailles.

Navigation et menusGrand menu de groupeHTMLCSSJavaScript
Ouvrir et exécuter
0941couches flottantes et retours d’état

boîte de dialogue de confirmation avec annotations du mentor

Réaliser une boîte de dialogue de confirmation dans un contexte d’annotation par mentor : elle comprend un contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à plusieurs tailles d’écran.

couches flottantes et retours d’étatBoîte de dialogue de confirmationHTMLCSSJavaScript
Ouvrir et exécuter
0942Cartes, listes et organisation du contenu

chronologie des activités du journal de jardin

Réalisez une chronologie d’activités pour le scénario du journal de jardin, avec du contenu réel, des contrôles exploitables, des retours d’état clairs et une mise en page adaptée à toutes les tailles d’écran.

Cartes, listes et organisation du contenuChronologie des activitésHTMLCSSJavaScript
Ouvrir et exécuter
0943Tableaux et affichage des données

Matrice de relations des actifs du studio

Achevez une table matricielle de relations dans un contexte d’assets de studio : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à plusieurs tailles.

Tableaux et affichage des donnéesTableau matrice des relationsHTML TableCSSJavaScript
Ouvrir et exécuter
0944Mise en page et adaptivité

Disposition classique à trois colonnes du manuel de la flotte

Dans un scénario de manuel de flotte, réalisez la mise en page classique à trois colonnes : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative selon la taille.

Mise en page et adaptivitéDisposition classique à trois colonnesHTMLCSS GridResponsive Design
Ouvrir et exécuter
0945Pages scénarisées pour le marketing et le contenu

Page d’ouverture narrative pour le brief du studio

Dans un contexte de briefing de studio, créez un hero narratif : il doit inclure du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative à différentes tailles.

Pages scénarisées pour le marketing et le contenuHéros narratifHTMLCSSJavaScript
Ouvrir et exécuter
0946Tableaux de bord et interfaces d’administration

Bureau de commandement opérationnel du poste de surveillance de la serre

Réalisez un poste de commandement opérationnel dans un contexte de surveillance d’une serre : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative selon la taille.

Tableaux de bord et interfaces d’administrationCentre de commande des opérationsHTMLCSS GridJavaScript
Ouvrir et exécuter
0947Composants de base et sélecteurs

Matrice d’interrupteurs de préférences pour cabine d’enregistrement de podcast

Compléter une matrice d’interrupteurs de préférences dans le contexte d’un studio de podcast : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative selon la taille d’écran.

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

Formulaire brouillon automatique pour l’enregistrement de service

Dans le contexte d’un guichet d’enregistrement des équipes, créez un formulaire brouillon automatisé : contenu réaliste, contrôles interactifs, retours d’état clairs et mise en page adaptée à différentes tailles d’écran.

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

Navigation par pagination du centre d’activités

Réalisation d’une navigation paginée dans un contexte de centre d’événements : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à différentes tailles.

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

Actions contextuelles du jeu d’épreuves du mentor

Réaliser un formulaire d’opérations contextuelles dans le contexte des brouillons de mentor : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative à différentes tailles.

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

Organisateur de marque-pages pour journal de création

Finaliser un organisateur de signets dans un contexte de journal de création : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à différentes tailles.

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

Tableau de données paginé de la fiche de vérification du studio

Complétez le tableau paginé dans le scénario du tableau de contrôle du studio : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à plusieurs tailles.

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

Mise en page en maçonnerie réactive de l’atlas du jardin

Réalisation d’une mise en page en cascade adaptative dans le contexte d’un atlas de jardin : contient du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative selon les tailles.

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

Page de compte à rebours de lancement de la semaine de lancement du studio

Créez une page de compte à rebours de lancement pour la semaine de lancement en studio : contenu réel, contrôles utilisables, retours d’état clairs et mise en page multi-tailles.

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

Tableau de conversion de l’examen des subventions

Dans le contexte d’un audit de subvention, complétez 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 adaptée à toutes les tailles.

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

Flux de service de réservation de la liste de préparation de la consultation externe

Créer un flux de réservation de service dans le contexte d’une liste de préparation ambulatoire : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative selon la taille.

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

Mise en page de titre fluide pour carnet de cours

Finalisez une typographie de titre fluide dans le contexte d’un carnet de classe : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à toutes les tailles.

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

Transition d’écran squelette pour la synchronisation ambulatoire

Complétez une transition de squelette dans un contexte de synchronisation en cabinet : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à différentes tailles.

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

Scène d’ondes multicouches sur scène corail

Réalisez une scène de vagues à plusieurs couches dans un décor de scène corallienne : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à différentes tailles.

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

Graphe de nœuds de la revue citoyenne du registre public

Créer un graphe de relations de nœuds dans le contexte d’un carnet de relecture publique : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative à différentes tailles.

Dessin et visualisation de donnéesCarte des nœuds de relationHTMLCanvasJavaScript
Ouvrir et exécuter