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 34 / 44
Affichage actuel de 24 cas
0793Tableaux et affichage des données

Tableau de filtre combiné pour les éléments d’exposition

Dans un scénario de tableau de consommation d’exposition, réaliser un tableau de filtrage combiné : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptée à différentes tailles.

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

Grille éditoriale du magazine Brief de cours

Achever une grille éditoriale de type magazine dans un scénario de briefing en classe : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative selon la taille.

Mise en page et adaptivitéGrille de rédaction de magazineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0795Pages scénarisées pour le marketing et le contenu

Zone de conversion FAQ de la semaine pour les animaux de compagnie

Concevoir une zone de conversion de questions-réponses dans le contexte de la Semaine des animaux de compagnie : inclure du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page adaptée à toutes les tailles d’écran.

Pages scénarisées pour le marketing et le contenuzone de conversion questions-réponsesHTMLCSSJavaScript
Ouvrir et exécuter
0796Tableaux de bord et interfaces d’administration

Panneau de chaleur du calendrier des services communautaires

Terminez un panneau thermique de calendrier dans un contexte de service communautaire : contenu réaliste, contrôles actionnables, retours d’état clairs et mise en page adaptative à différentes tailles.

Tableaux de bord et interfaces d’administrationPanneau de chaleur du calendrierHTMLCanvasJavaScript
Ouvrir et exécuter
0797Composants de base et sélecteurs

Échelle de notation de l’étagère de la tâche du loft

Dans le scénario de l’étagère de tâches du loft, terminez l’échelle d’évaluation : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptée à différentes tailles.

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

Tableau de configuration budgétaire du planning des tâches ménagères

Dans le scénario de la feuille de planning des résidents, complétez la feuille de configuration budgétaire : elle comprend du contenu réel, des contrôles utilisables, des retours d’état clairs et une mise en page adaptée à différentes tailles.

Formulaires et saisieTableau de budgetHTMLCSSJavaScript
Ouvrir et exécuter
0799Navigation et menus

Tableau de commandes des services urbains

Réaliser un panneau de commandes dans un contexte de services urbains : contenu réel, contrôles exploitables, retour d’état clair et mise en page adaptée à toutes les tailles.

Navigation et menusPanneau de commandesHTMLCSSJavaScript
Ouvrir et exécuter
0800couches flottantes et retours d’état

Bannière d’état d’inspection de la serre

Dans un scénario d’inspection de serre, réaliser une bannière d’état : contenu authentique, contrôles actionnables, retours d’état clairs et mise en page multi-tailles.

couches flottantes et retours d’étatBannière d’étatHTMLCSSJavaScript
Ouvrir et exécuter
0801Cartes, listes et organisation du contenu

Liste de contenu repliable des vignettes de cours

Réalisez la liste de contenu repliable dans un scénario d’extraits de cours : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptable à différentes tailles.

Cartes, listes et organisation du contenuListe de contenu repliableHTMLCSSJavaScript
Ouvrir et exécuter
0802Tableaux et affichage des données

Tableau d’édition en ligne du budget des festivals

Dans le contexte budgétaire des festivals, réaliser un tableau à édition en ligne : il comprend du contenu réel, des contrôles interactifs, des retours d’état clairs et une mise en page adaptative à plusieurs tailles.

Tableaux et affichage des donnéestableau à édition en ligneHTML TableCSSJavaScript
Ouvrir et exécuter
0803Mise en page et adaptivité

mise en page pleine largeur pour manuel de classe

Dans le contexte du manuel de classe, réalisez une mise en page pleine largeur en ligne : avec du contenu réel, des contrôles interactifs, un retour d’état clair et une 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
0804Pages scénarisées pour le marketing et le contenu

Page de présentation du briefing de podcast

Créer une page de présentation des fonctionnalités dans le contexte d’un briefing de podcast : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptative à toutes les tailles.

Pages scénarisées pour le marketing et le contenuPage d’aperçu des fonctionnalitésHTMLCSSJavaScript
Ouvrir et exécuter
0805Tableaux de bord et interfaces d’administration

Tableau de rétention groupée du réseau de livraison

Finalisez un panneau de rétention de cohortes pour le scénario du réseau de livraison : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptée à plusieurs tailles d’écran.

Tableaux de bord et interfaces d’administrationTableau de rétention de groupeHTML TableCSSJavaScript
Ouvrir et exécuter
0806Processus commerciaux et de services

Sélection d’un abonnement de billets de visite de soins

Dans le scénario du billet de visite pour soins, complétez la sélection du plan d’abonnement : il contient du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Processus commerciaux et de servicesSélection du forfait d’abonnementHTMLCSSJavaScript
Ouvrir et exécuter
0807Typographie et effets de texte

Mise en page en grille de poèmes pour notes de soins

Dans le contexte des notes de soins, réalisez une composition de poèmes en grille : inclut du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative à différentes tailles.

Typographie et effets de texteMise en page poétique en grilleHTMLCSS GridResponsive Design
Ouvrir et exécuter
0808Animation et micro-interactions

Chargeur multistade de rappel pour la consultation ambulatoire

Dans le contexte d’un rappel en cabinet, réaliser un indicateur de chargement à plusieurs étapes : avec du contenu authentique, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Animation et micro-interactionschargeur multi-étapesHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0809Effets visuels créatifs

Expérience de grille en dégradé du quai corallien

Réaliser une expérience de grille en dégradé dans un décor de quai corallien : contenu réel, contrôles utilisables, retour d’état clair et mise en page adaptée à toutes les tailles.

Effets visuels créatifsExpérimentation de grille dégradéeHTMLCanvasJavaScript
Ouvrir et exécuter
0810Dessin et visualisation de données

Traceur de forme d’onde pour briefing public

Créer un traceur d’onde dans un contexte de briefing public : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptable à toutes les tailles.

Dessin et visualisation de donnéestraceur d’ondesHTMLCanvasJavaScript
Ouvrir et exécuter
0811Capacités des médias et des appareils du navigateur

Détection de palette de couleurs pour écran public

Réalisez la détection du schéma de couleurs du système dans le contexte d’un écran public : contenu réel, contrôles actionnables, retours d’état clairs et disposition adaptative à toutes les tailles.

Capacités des médias et des appareils du navigateurDétection du schéma de couleurs du systèmeHTMLCSSBrowser API
Ouvrir et exécuter
0812Mini-applications et mini-jeux

Horloge Pomodoro de questions-réponses publiques

Dans un scénario de quiz public, mettez en place un minuteur Pomodoro : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à différentes tailles.

Mini-applications et mini-jeuxHorloge PomodoroHTMLCSSJavaScript
Ouvrir et exécuter
0813Composants de base et sélecteurs

Sélecteur segmenté du laboratoire créatif

Dans le scénario du laboratoire de création, réalisez un sélecteur segmenté : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une disposition adaptée aux différentes tailles.

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

Questionnaire conditionnel d’assistance au logement

Dans le scénario du formulaire de soutien au résident, complétez le questionnaire conditionnel : il comprend du contenu réel, des contrôles exploitables, un retour d’état clair et une mise en page multi-tailles.

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

Grand menu groupé du portail de cours

Dans le contexte du portail de cours, réalisez un grand menu groupé : il comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptable à différentes tailles d’écran.

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

Boîte de dialogue de confirmation d’examen pour subvention

Finalisez une boîte de dialogue de confirmation dans un scénario de revue de financement : elle comprend du contenu réaliste, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

couches flottantes et retours d’étatBoîte de dialogue de confirmationHTMLCSSJavaScript
Ouvrir et exécuter