Icone_actu Actu Icone_creative Creative Icone_bdw Blog Du Webdesign Icone_emploi Emploi BDW

20 webdesign avec un scroll javascript original

by Ginet Vincent - le 31/03/2011

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
  • 8

Les effets en JavaScripts prennent de plus en plus de place dans les web design, nous voyons chaque jour des sites avec un menu animé en CSS et JQuery. Mais quand celui-ci crée une interaction avec le contenu, on obtient des navigations originales.

Découvrez une sélection de 20 sites web qui utilisent l'effet de scroll animé pour leur navigation. Beaucoup de sites jouent avec les éléments du décors pour créer des interactions qui donnent un sens au contenu. Certain site comme The Chris Box ou Nike joue sur une nouvelle tendance qui émerge avec un effet de parallaxe sur le fond.

The chris box

the chris box fond en parallaxe

Phase2technology

Phase 2 technology avec un fond texturé et un effet de gôute d'eau

unfold

(Merci à @Onekon7 pour la découverte)

Unfold Studio créatif avec parallaxe

Manu facture dessai

manufacture dessai design web

Kieran Gabriel

Kieran gabriel portfolio fond gris

Amber Miro

ambermiro photographies

Aboard-entrepreneurship

aboard-entrepreneurship site bleu thème marin

Bountybev

bountybev fond bleu avec parcours d'un circtuit

Collaborativefund

collaborative fund web design texturé

Florida after seven

florida after seven typographie retro

Benjamin Lupo

Benjamin Lupo portfolio illustration et web

Nike better world

nike better world web design avec parallaxe et photographie de la marque nike

Danny Blackman

danny blackman site web au couleur vive et scroll javascript

Volll

Volll illustration vectoriel

web leed design

webleeddesign avec animation sur le fond à l'aide du scroll

Pojeta.cz

Site web Pojeta avec fond marin et illustration réaliste

Leg work studio

leg work studio univers illustré à la main au crayon

Image Mechanics

Image mechanics réalise des applications web et iphone, site sur fond gris

Lostworldsfairs.com - atlantis

Atlantis webdesign avec fond texturé réalisé en CSS3

Manchester design symposium

manchester design symposium

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
  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
  • 8
37b908b3fc2ef97244b19c7e24313a3b Auteur : Ginet Vincent voir son blog

Passionné par le Web, les Arts Graphiques et les installations numériques, je travaille actuellement dans l'agence Dezup que nous avons créé avec l'équipe du BlogDuWebdesign J'interviens dans dif...

6commentaires

  • 09ad9716d70e9010a52dfe4aeaf26ba8
    Pascal Isman

    le 31/03/11| #1

    Bonjour :-)
    J'ai pas fait toute la liste, loin de la, mais j'en ai déjà plein les yeux !!! Le site de l'agence unfold est vraiment superbe, intelligent, beau, accessible, déroutant...

    Un grand merci pour cette belle liste. :-)

  • 15496829fe4a6a0c5015d3c0ff8d0828
    Seo et graphisme

    le 02/04/11| #2

    Wahoo j'adore le style de aboard-entrepreneurship
    Ca doit etre évident de designer sa page web pour un site comme ça

  • 0acc72a64e5197d8e0d1823a93ea9aaf
    Aka

    le 04/04/11| #3

    "nous voyons chaque jour des sites avec un menu animé en CSS et Jquerry"

    Ca s'écrit "jQuery" ;)

  • 86f5e99662b9014b6ee9abee55028a5a
    Tour du monde

    le 04/04/11| #4

    J'adore le site de BLupo, j'apprécie aussi Bountybev, même s'il y a moins d'inovation. Merci beaucoup pour cette liste inspirante qui a dû demander pas mal de recherche.

  • A6ee595a6751051c6e6847a247ddba50
    Final Fantasy 13-2

    le 11/04/11| #5

    Ceux qui sont vraiment originaux ne sont pas vraiment adaptés au site lambda. Car complètement opposé à un procédure d'optimisation seo.
    Mais visuellement certains effets sont vraiment sympa.

  • 4c755e69e5f1fac6cc22c090615f6fea
    Javascript Countdown Timer

    le 19/05/11| #6

    very cool & good sites, thank you very much for sharing.

    Can I share this post on my JavaScript library?

    Awaiting your response. Thank

Ecrire un commentaire