AccueilActualitésDéveloppement10 ressources pour jouer avec le scroll de vos prochains projets Développement 10 ressources pour jouer avec le scroll de vos prochains projets Publié le 01/10/2014 Partager cet article : Partager sur Facebook Partager sur Twitter Partager sur Linkedin Share on pinterest La gestion du scroll est souvent le point critique de beaucoup de sites. Le scroll de base est très ergonomique et intuitif, mais pour l’originalité ou une meilleure intégration, de nombreux sites de qualité décident d'utiliser à la place une solution moins standard. Et si le résultat est parfois bluffant, il est aussi parfois malheureusement très désagréable, car trop rapide ou (souvent) trop lent. Pour éviter cela, je vous ai sélectionne une liste de 10 ressources permettant de jouer avec votre scroll de manière respectueuse. Prudence tout de même à ne pas briser votre expérience de navigation (et les molettes de souris de vos visiteurs !). MultiScroll Multi Scroll vous permet de faire apparaître vos pages via le scroll de deux blocs séparés, pour un résultat du plus bel effet. Midnight Midnight vous permet de changer l'header de votre page on-the-fly lors du scroll de votre page Scroll Progress Bar Cette ressource vous permet de matérialiser un index de toutes les sous-parties de votre page, avec une jauge de complétion de chaque partie. Assez intéressant pour les articles longs, tutoriaux ou formulaire one-page GridScrolling GridScrolling est une ressource qui vous permettra de séparer votre contenu en blocs logiques. Vous pourrez ensuite organiser ces blocs verticalement et horizontalement pour une navigation cohérente. Block Scroll BlocScroll vous propose une navigation de blocs en blocs. Intéressant pour contrôler à la perfection l'espace d'affichage. StickUp Envie de créer un menu (ou tout autre element) qui reste colle au haut de la page lors du scroll ? C'est exactement le rôle de StickUp. Scroll Magic ScrollMagic vous permettra des créer des pages se construisant entièrement au scroll. Attention néanmoins à garder une navigation efficace ! JInvertScroll Cette ressource jquery vous permet de transformer la navigation verticale de votre site en navigation horizontale. FadeThis FadeThis est une ressource vous permettant d'animer votre page de manière subtile sors du scroll. Moins tape-à-l'oeil que Magic Scroll, mais pour un résultat bien plus respectueux des habitudes de navigations à mon avis Scroll Appear ScrollAppear est un plugin jquery vous permettant de mettre en place un scroll infini sur votre page. Attention, sa mise en place vous demandera un peu plus de connaissances que les autres ressources de cette liste By Benjamin Sanchez Laisser un commentaire Annuler la réponseVotre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *Comment Nom * E-mail* Site web Enregistrer mon nom, mon e-mail et mon site dans le navigateur pour mon prochain commentaire.
Développement Découvrez la puissance des Transformation 3D CSS grace à une présentation de Chris Ruppel Publié le 19/12/2013