• A la une
  • Catégories
  • Dossiers
  • +

Le Blog Du Webdesign booste l'inspiration des intégrateurs #17

par Benjamin SANCHEZle 10/04/2014

Le scrolling est sans doute l'interaction avec les pages web qui aura ete la plus maltraites ces dernières années. Réutilisé pour divers animations, travesti et contraint en scrolling horizontal ou nécessitant un glisse-déposé, ce pauvre scrolling en aura vu de dur.

Pourtant, son rôle est simple et évident : permettre a l'utilisateur de faire défiler le contenu de la page, et afficher la "progression de lecture" de la page actuelle. Pour garder cette idée en tête, et vous donner des idées de modifications respectueuses de ce rôle propre, j'ai choisi aujourd’hui'hui 15 exemples d'intégrations jouant sur les scrollings : parallaxe, dynamisation d'éléments au scroll, affichage du pourcentage de contenu restant a voir, et j'en passe.

Bonne découverte.

 

Parallax

Apparitions au scroll

Différents vitesses de scroll

Infinite Scrolling

Blur on scroll

Kitten masking

 

Animation au scroll

 

Positions des titres

 

Invitation au scroll

Custom scroll bars

 

Scrollbar annotations

Scroll percentages

Scroll Shadows

Nice Scrolling

 

Mighty Scrolling

 

 

Scroll menu in a card

 

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
Avatar_thumbAuteur : Benjamin voir son blog

Développeur autodidacte depuis quelques années, déjà, je suis le développeur du blog du webdesign, où mon rôle est de concretiser les différentes idées et maquettes.

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte
twitter birdtwitter birdtwitter birdtwitter birdtwitter bird
twitter bird
Ouvrir