Blog inspirant depuis 2008
  • Pin It

10 sites web rafraîchissants utilisant le jQuery, le CSS3 et le HTML5

CSS3, jQuery, JavaScript, HTML5 sont tous des termes qui font parties de la réalité du web d’aujourd’hui. En mixant ces technologies, nous obtenons parfois des résultats époustouflants qui sortent de l’ordinaire et qui nous font dire du même coup : « WOW! ».

Avez-vous visité ou développé un site web de ce genre? Si oui, n’hésitez pas à le partager avec nous dans la section commentaires!

Cette collection de sites web en javascript a été compilée par Kevin Liew sur Queness.com.

Ben the bodyguard

Ben the bodyguard

Un « must » à voir! Superbes concept, un homme qui marche dans la rue et au fur et à mesure que vous descendez dans la page web («scroll down»), plusieurs animations se déroulent sous vous yeux.

Lost Worlds Fairs

Lost Worlds Fairs

Excellente utilisation de la propriété CSS « position: fixed » dans cette page web. Superbes typographies, concept très original, une vraie réussite!

Pixel Slave

Pixel Slave

Une tonne d’effets de transition et les animations sont très rafraîchissantes. Un site très coloré qui vaut le détour!

Nike Better World

Nike Better World

Si vous n’avez pas encore admirez ce site web, il est temps de le faire immédiatement. Le site comprend un scrolling tout simplement hallucinant et véritablement, très impressionnant.

Toasted Digital

Toasted Digital

Original, animé, il y a du mouvement, une tonne d’effets… et non, ce n’est pas du Flash!

Image Mechanics

Image Mechanics

De superbes effets JavaScript qui rendent l’expérience usager très agréable. De très belles transitions, un design très « clean » et de très belles typographies

Duchy Original

Dutchy Original

Nous avons été habitués aux quelques sliders que l’on trouve préfaits sur le web. En voici un très original qui utilise en fait 2 sliders qui défilent à des vitesses indépendantes. Effet très intéressant.

Cascade Brewery Co

Cascade Brewery Co

Plusieurs effets originaux sur cette page réalisée en Javascript. Les détails font également toute la différence. (Preloader personnalisé, les boutons, les bordures, etc.)

Avez-vous quelques sites web dans ce genre à partager avec nous?

9 commentaires

  • Generic name | 2011/02/22

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Biased article (voyou) come on louis-philippe, you are better than cheap plugs.

  • Denipelle | 2011/02/22

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Très beaux tous ces sites, cependant ils ont tous le même défaut: un abus du scrolling vertical, imposé par ces pages qui s’étendent sur la hauteur de trois écrans ou plus. Pour ma part, je préfère le principe d’une page visible d’un seul coup d’oeil à l’écran, quitte à utiliser diverses techniques pour conduire à une autre section du site.

  • Louis-Philippe Dea | 2011/02/22

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Salut à toi. Oui j’en conviens, c’est un peu biaisé de ma part, mais je crois sincèrement que notre site web méritait d’être mentionné dans cet article. Je ne vois rien de mal à ça 😉

  • N Boy | 2011/02/22

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Cette page concours du site MSI utilise exactement le même système que celui de Nike : http://fr.msi.com/serie-g/

  • Louis-Philippe Dea | 2011/02/23

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    @Denipelle – De mon côté, je ne considère pas le fait de scroller à la verticale comme un défaut. Même que personnellement je trouve que ça fait changement, c’est original et ça cré une expérience usager différente. Merci pour ton commentaire.

    @N Boy – Merci pour le partage!

  • Danilo Almeida | 2011/02/23

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    10 sites très beaux pour l’utilisation comme source d’inspiration — 10 ótimos sites para inspiração >>> http://t.co/LkLN2FZ #valeoclique

  • five fingers shoes | 2011/03/18

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    I was very fantastic why i not see your blog before i will come back.

  • BIRDS COMMUNICATION | 2012/04/03

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Celui-çi également : http://www.sophie-et-associes.com/

  • Jean-marie dumont | 2012/07/08

    Warning: Undefined variable $default_avatar in /home/hochedez/public_html/marevueweb.com/wp-content/themes/marevueweb2012/comments.php on line 30

    Un site 100% innovation en jquery/json : http://www.graphiste-artiste.com
    89% page speed – YSlow 85%

Laisser un commentaire