03 / MUR À EXPLORER

Sortez du cadre.

Parcourez une collection de matières.

Salon en travertin et lin ouvert sur un jardin — La lumière habitée

Intérieur architectural clair en pierre et travertin — Architecture minérale

Fauteuil en noyer et tissu de lin clair — Noyer et lin

Vase artisanal, branche d’olivier et bol en céramique — Le geste de la terre

Vase en verre améthyste dans la lumière — La transparence

Trois carpes koï dans un bassin clair aux pierres immergées — Une respiration

Continuer vers la fiche ↓

03 / Exploration · DOM · glissement natif/pointeur

Mur à explorer

Sortez du cadre.

Une composition ouverte se déplace au geste. Chaque matière devient un point d’entrée dans un univers visuel.

Où l’utiliser

Photographes, moodboards, portfolios créatifs, directions artistiques.

Notre regard

Une expérience exploratoire intéressante en complément d’une galerie classique. Laisser une sortie visible et une alternative en liste.

À essayer

Sur ordinateur, faites glisser le mur. Au clavier, utilisez les flèches après l’avoir sélectionné. Sur mobile, le mur se parcourt horizontalement ; le geste vertical continue la page.

Une lecture adaptée

Bouton « Voir en grille » pour consulter chaque image ; grille directe en mouvement réduit.

Études visuelles de démonstration. Le bouton Photos ou Médias permet d’essayer vos propres images et films, conservés dans ce navigateur.

Base d’intégration

<section data-fx="infinite-canvas" aria-label="Collection" data-drift="8">
  <div data-fx-head><h2>Explorer</h2></div>
  <figure><img src="matiere.webp" alt="Description de la matière"><figcaption>Matière</figcaption></figure>
</section>

Utiliser ensemble chardon-fx.css et chardon-fx.js. Adapter les médias et les couleurs au projet, puis vérifier sur les appareils cibles.