Repositionnement dynamique boîtes en fonction largeur fenêtre

Bonjour,

Je me permets de me tourner vers afin de vous demander quelques éclaircissements concernant un repositionnement dynamique (automatique) que je souhaiterais mettre en place sur mon site personnel. Les différentes boîtes se repositionnent en fonction de la largeur de la fenêtre.

Un bon exemple du type d'effet que je veux atteindre est ce site : http://www.e-magineurs.com/

Ce que je cherche à savoir est : quels sont les langages utilisés pour mettre en place ce système? Comment fonctionnerait globalement l'architecture et les interactions?

Je suis prêt à bosser beaucoup dessus mais comprendre et apprendre m'intéresse avant tout.

Merci beaucoup!

Bonsoir, en gros ils se sont servi d'un plugin jQuery, isotope, dont la documentation est disponible ici:

http://isotope.metafizzy.co/

Bonsoir Kustolovic,

Merci beaucoup de votre réponse! En effet, après visite du site d'Isotope, c'est tout à fait ça!

Pensez-vous qu'il soit facile de l'adapter à un projet personnel en ayant de bonnes connaissances Html et Css mais limitées en Jquery?

Merci beaucoup!

Sur ce genre de plugin tu à pas grand chose à faire (bien que les possibilités sont grande).
En gros pour isotope tu à juste à crée des <div class ="pré-établies"> qui sont contenue dans une div <div id="container" class="effet voulue">.

Les noms des classes sont disponibles sur le site isotopes ou dans la doc.
Tu aura juste à link le .js et rajouter les lignes de css pré-faites elles aussi dans la doc.
Et ce en fonction de l'effet voulue (tu à rien à codé presque juste à nommé tes balise/class/id etc...)

http://isotope.metafizzy.co/docs/introduction.html

Bonjour,

Et merci de vos réponses. Une dernière question : Est-il possible d'attribuer une place définie à chacun des blocs (ou cela se fera-t-il automatiquement en fonction de l'ordre dans le code html)?

Est-ce que je dois repartir d'un de leur fichier HTML ou je peux intégrer directement isotope à mon index?

Merci!