Portfolio en Javascript : structure pour beaucoup d'animations

Bonsoir !

J'aurais besoin d'aide et d'avis pour améliorer ma façon de faire pour mon portfolio.

En effet, je n'ai jamais vraiment développé en Web auparavant et ayant commencé le JavaScript lundi soir, on peut dire que je commence tout juste...

Mais j'ai un certain niveau en Lua et en .Net, du coup j'ai pu rapidement m'adapter pour commencer mon site.

Mais voilà, j'essaye des choses, et n'ayant pas vraiment les bonnes manières de faire, mon site a quelque problème si je change de résolution. En effet, si je regarde mon site avec mon téléphone, et bien il ne s'adapte pas, il n'est pas responsive.

Étant donner que je fais des animations, je pense que ce sera plus dur a gérer le responsive, comme le circuit qui se dessine !

Bref j'ai besoin de vos avis et conseils pour améliorer tout ca, comment bien structurer mon index.html et bien rédiger mon css !

Voici mon site web : http://www.simonrevenu.com/

Je pose volontairement dans la catégorie Javascript car pour moi, mon site est essentiellement fait en Javascript, et sans animations etc, je ne viendrais pas ici pour améliorer et positionner ma structure !

Merci :D

ÉDIT : a l'heure ou je vous écrit, il n'y a pas les déclencheurs pour les pages, du coup toutes les animations se lancent en même temps !

Avec un plugin comme fullpage.js d'Alvaro Trigo, tu n'arriveras jamais vraiment à faire quelque-chose de complètement responsive. Le responsive c'est avant tout une méthodologie et imposer un layout pleine page comme le fait ce plug-in va directement à l'encontre de cette méthodologie. Je ne dis pas que c'est mal, seulement que ce n'est pas la bonne façon de procéder si tu veux du Responsive Web Design.

A noter toutefois que le plugin propose une option "responsive" qui revient à un scroll classique quand la largeur de la page est sous un certain cap. Couplé à des media queries CSS, tu peux faire en sorte que ton site devienne utilisable sur mobile.