Cas d'usage : présenter une maison (étage, véranda, escalier, arbre) avec des vues face/côté/dessus animées, un zoom et un choix de couleur de façade. On y apprend Group, Anchor, Box, fonctions fabriques, easeInOut et canevas adaptatif. Niveau intermédiaire.
Mot-clé : code ✕ retirer le filtre
15 sites
Cas d'usage : un logo losange + lettre A d'Antalaha qui se balance doucement et se fait tourner au doigt ou à la souris, prêt pour un en-tête de page. On y apprend Illustration, Anchor, Shape, couleurs, dragRotate et la boucle d'animation. Niveau débutant.
Cas d'usage : une animation d'accueil touristique avec mer qui ondule, palmiers générés, pirogue, soleil, lune, nuages, oiseaux et un curseur d'heure qui change la palette. On y apprend les modules, la boucle deltaTime et les performances. Niveau avancé.
Cas d'usage : un graphique de la pluie par mois à Antalaha (valeurs d'illustration, non officielles) en histogramme animé ou en courbe, avec infobulle souris/tactile. On y apprend lerp, constrain, fonctions de dessin séparées et interaction. Niveau intermédiaire.
Cas d'usage : un petit jeu mobile où une pirogue ramasse des gousses de vanille et évite rochers et vagues (clavier ou doigt). On y apprend classes, machine à états, collisions, particules, parallaxe, sons et record sauvegardé. Niveau avancé.
Cas d'usage : une horloge analogique qui affiche l'heure locale devant la baie d'Antalaha, avec un ciel qui passe de l'aube à la nuit. On y apprend setup/draw, map(), lerpColor(), push/pop/translate/rotate et le canevas adaptatif. Niveau débutant.
Un quiz chronométré sur Antalaha et Madagascar, avec niveaux, score, meilleur score et sons. On apprend à séparer données, logique et affichage dans plusieurs fichiers JavaScript, avec un état unique, Fisher-Yates et l'accessibilité. Niveau avancé.
Un convertisseur de monnaie pour voyageur ou commerçant, avec des taux que l'on règle soi-même (pas d'Internet). On apprend les événements, le DOM, les fonctions, la validation et Intl.NumberFormat. Niveau débutant.
Le carnet de caisse d'un marchand : ajout et suppression de ventes, total du jour, regroupement par produit, sauvegarde avec repli en mémoire et export texte. On apprend tableaux, objets, map/filter/reduce et la délégation d'événements. Niveau intermédiaire.
Site d'un restaurant avec menu, horaires en tableau, galerie, formulaire de réservation et FAQ. On y apprend les tableaux, formulaires, details/summary, Grid, Flexbox et variables CSS. Niveau intermédiaire.
Une page unique pour présenter un artisan vannier (qui, produits, contact). On y apprend le HTML sémantique, une feuille CSS séparée et le mobile d'abord. Niveau débutant.
Mini-site de 4 pages pour une association de nettoyage des plages, avec CSS partagé, mode sombre, navigation accessible, picture et impression. On y apprend l'organisation d'un site en dossiers. Niveau avancé.
Un tableau de bord pour une petite entreprise de sorties en pirogue : onglets, formulaire validé, liste filtrable, édition en ligne, statistiques. On y apprend Alpine.store, Alpine.data, x-bind réutilisable, $dispatch et directive perso. Niveau avancé.
Un calculateur pour un vendeur de vanille d'Antalaha : qualité, poids, remise, livraison et total en Ariary. On y apprend x-data, x-model, les getters, x-text, x-show et @click. Niveau débutant.
Une boutique de vanille, girofle, vannerie et huiles d'Antalaha avec recherche, filtres, tri et panier sauvegardé. On y apprend x-for, :key, x-if, x-transition, $watch et x-ref. Niveau intermédiaire.