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 10 / 44
Affichage actuel de 24 cas
0217Cartes, listes et organisation du contenu

Chronologie des tâches de conception

Réalisez une timeline d’activités dans un contexte de tâches de conception : contenu réaliste, contrôles actionnables, retour d’état clair et mise en page adaptable à différentes tailles.

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

Tableau de données paginé des résultats du cours

Réaliser un tableau de données paginé dans un contexte de notes de cours : contenu réaliste, 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
0219Mise en page et adaptivité

Mise en page classique à trois colonnes pour portail communautaire

Réalisez la mise en page classique en trois colonnes pour un portail communautaire : inclut du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles d’écran.

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

Zone de conversion de la FAQ du festival créatif

Réalisez une zone de conversion FAQ pour le scénario du festival créatif : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à différentes tailles.

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

Flux d’activité en direct du planning de consultation

Flux d’activité en temps réel dans le scénario de planning ambulatoire : contenu réel, contrôles actionnables, retours d’état clairs et mise en page responsive sur toutes les tailles.

Tableaux de bord et interfaces d’administrationFlux d’activité en temps réelHTMLCSSJavaScript
Ouvrir et exécuter
0222Processus commerciaux et de services

Composeur d’offres promotionnelles pour location de vélos

Dans un scénario de location de vélos, réalisez un assembleur de promotions : il comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles d’écran.

Processus commerciaux et de servicesCompositeur de promotionsHTMLCSSJavaScript
Ouvrir et exécuter
0223Typographie et effets de texte

Typographie fluide de titre pour magazine urbain

Composez une typographie fluide des titres dans un contexte de magazine urbain : contenu réaliste, contrôles actionnables, retour d’état clair et mise en page adaptée à toutes les tailles.

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

Retour de progression circulaire pour outil de concentration

Dans le contexte d’un outil de concentration, complétez un retour de progression circulaire : contenu réel, contrôles actionnables, retours d’état clairs et mise en page adaptative à plusieurs tailles.

Animation et micro-interactionsretour de progression circulaireHTMLCSS AnimationJavaScript
Ouvrir et exécuter
0225Effets visuels créatifs

Expérience de grille dégradée du jardin nocturne

Réalisez une expérience de grille dégradée dans un contexte de jardin nocturne : elle comprend du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptative à différentes tailles.

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

Diagramme annulaire de la progression des apprentissages

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

Dessin et visualisation de donnéesGraphique annulaire de répartitionHTMLCanvasJavaScript
Ouvrir et exécuter
0227Capacités des médias et des appareils du navigateur

Note de stockage local de l’espace de démonstration

Dans le contexte de l’espace de présentation, complétez la note de stockage local : contenu réel, contrôles interactifs, retour d’état clair et mise en page adaptative.

Capacités des médias et des appareils du navigateurNotes de stockage localHTMLCSSBrowser API
Ouvrir et exécuter
0228Mini-applications et mini-jeux

Jeu de mémoire à retournement pour la pause

Jeu de mémoire à cartes retournées dans un contexte de pause entre les cours : contenu réel, contrôles interactifs, retours d’état clairs et disposition adaptative à toutes les tailles d’écran.

Mini-applications et mini-jeuxJeu de mémoire à cartes retournéesHTMLCSSJavaScript
Ouvrir et exécuter
0229Composants de base et sélecteurs

Échelle d’évaluation du mode lecture

Dans le scénario du mode lecture, réalisez l’échelle de notation : elle comprend un contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptable à différentes tailles.

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

Retour sur la robustesse du mot de passe pour l’inscription au cours

Réalisez un retour sur la robustesse du mot de passe dans un contexte d’inscription à un cours : contenu réaliste, contrôles actionnables, retour d’état clair et mise en page adaptée à plusieurs tailles d’écran.

Formulaires et saisieRetour sur la robustesse du mot de passeHTMLCSSJavaScript
Ouvrir et exécuter
0231Navigation et menus

Panneau de commandes de la base de connaissances

Dans le contexte d’une base de connaissances, réalisez une palette de commandes : contenu réel, contrôles interactifs, retours d’état clairs et mise en page adaptée à plusieurs tailles d’écran.

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

Aide flottante du centre de tâches

Dans le contexte du centre de tâches, finalisez une infobulle d’aide : elle contient du contenu réel, des contrôles actionnables, des retours d’état clairs et une mise en page adaptée à plusieurs tailles.

couches flottantes et retours d’étatCouche d’aideHTMLCSSJavaScript
Ouvrir et exécuter
0233Cartes, listes et organisation du contenu

Liste de contenu repliable pour tâches de conception

Dans le contexte des tâches de conception, complétez une liste de contenu repliable : elle comprend du contenu réel, des contrôles utilisables, un retour d’état clair et une mise en page adaptée à toutes les tailles.

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

Contrôle d’affichage des colonnes des résultats scolaires

Contrôlez l’affichage des colonnes dans un scénario de notes de cours : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative à toutes les tailles.

Tableaux et affichage des donnéesContrôle de l’affichage des colonnesHTML TableCSSJavaScript
Ouvrir et exécuter
0235Mise en page et adaptivité

Coque de tableau de bord du portail communautaire

Réalisez une coque de tableau de bord pour le scénario du portail communautaire : comprend du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à toutes les tailles.

Mise en page et adaptivitéCoque de tableau de bordHTMLCSS GridResponsive Design
Ouvrir et exécuter
0236Pages scénarisées pour le marketing et le contenu

Mur d’histoires de témoignages du festival créatif

Mur d’histoires de recommandation achevant le scénario du festival créatif : contient du contenu réel, des contrôles actionnables, un retour d’état clair et une mise en page adaptée à différentes tailles.

Pages scénarisées pour le marketing et le contenuMur d’histoires de réputationHTMLCSSJavaScript
Ouvrir et exécuter
0237Tableaux de bord et interfaces d’administration

Centre de commandement opérationnel de la planification ambulatoire

Réaliser un tableau de bord opérationnel dans un contexte de planification de consultation externe : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptative.

Tableaux de bord et interfaces d’administrationCentre de commande des opérationsHTMLCSS GridJavaScript
Ouvrir et exécuter
0238Processus commerciaux et de services

Flux de réservation du service de location de vélos

Met en scène un flux de réservation de service dans un contexte de location de vélo : contenu réel, contrôles utilisables, retours d’état clairs et mise en page adaptée à plusieurs tailles.

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

Mise en page à retrait initial pour magazine urbain

Réalisez une mise en page en lettrine dans l’univers d’un magazine urbain : elle doit inclure du contenu réel, des contrôles interactifs, un retour d’état clair et une mise en page adaptée à différentes tailles.

Typographie et effets de texteLettrineHTMLCSS GridResponsive Design
Ouvrir et exécuter
0240Animation et micro-interactions

Transition d’écran squelette de l’outil de concentration

Dans le scénario d’outil de concentration, réaliser une transition d’écran squelette : contenu réel, contrôles actionnables, retour d’état clair et mise en page adaptable à différentes tailles.

Animation et micro-interactionsTransition squeletteHTMLCSS AnimationJavaScript
Ouvrir et exécuter