7 ressources Javascript pour créer un site full-page ou parallax

Aujourd'hui sur le Blog du Webdesign, découvrez 7 ressources javascript et jQuery pour créer des sites fullpage ou parallax.

Une des grosses difficultés à gérer sur les sites de type full page, ou en construction au scroll est que tous les utilisateurs n'ont pas tous la même résolution d'écran. Comment, dans ces conditions-là, faire en sorte que les sections de pages ressemblent toutes exactement à la maquette, fournis dans une seule taille, évidemment ? En utilisant les bonnes ressources pardi !

Pour vous simplifier la tâche sur votre prochain projet de ce type, le Blog du Webdesign a déniché pour vous 7 ressources vous permettant de faire divers types de sites full-page ou parallax.

Parallax.js

Parallax.js, comme son nom ne l'indique pas, n'est pas spécialisé dans le parallax mais dans la création de navigation entre "écrans" de taille définis.

One Page Scroll

Cette ressource javascript vous permettra de mettre en place un effet comparable à celui du site de l'iPhone 5S.

Fullpage.js

Fullpage.js vous offre les mêmes possibilités que OnePageScroll, mais permet en plus de se déplacer horizontalement ou verticalement

Parallax.js

Cette lib javascript vous aidera à faire des sites parallax comme on a l'habitude d'en croiser depuis deux ans très simplement. Il suffit de choisir ses images de background et son contenu, et la ressource s'occupe de tout !

 

Parallax.js (non, ce n'est pas une erreur ^^)

Parallax.js (encore un, qu'ils sont inventifs ses dev, pour trouver des noms) est une lib permettant de faire un effet parallax qui réagit aux fonctions gyroscopiques de votre appareil. Penchez votre ipad, et admirez le résultat!

Cool Kitten

Kool Kitten est un framework simplifiant la création de sites parallax.

Skrollr

Scrollr est une library vous permettant de faire des sites se construisant au scroll. Un peu délicat à prendre en main, mais le résultat est vraiment intéressant.