Création de Site Parallax: Innovation Web ?

9 1237

Pour ceux qui ne le savent pas encore, la technologie Parallax est une superposition d’éléments qui permet de créer un effet de relief. Alors comment l’intégrer sur un site ?

J’ai connu le Parallax en visitant l’un des sites de Nike.

Je suis tombé amoureux de ce type de site, je n’en ai pas trouvé beaucoup, alors je m’y suis penché, afin de donner mon point de vue.

Création de site Parallax

Voici mon résultat en image pour une création de site Parallax, car depuis j’en suis fan.

J’ai offert à un de mes clients une Update de son site, car il viens de parrainer un de ses contacts pour faire son site chez moi.

C’est l’occasion pour vous de découvrir, ou peu être redécouvrir les effets d’une création de site Parallax. Franchement c’est hors du commun.

Mais nous n’en trouvons pas partout, alors soit je suis l’un des seuls à maitriser cette technologie, soit elle comporte des failles, je constaterai par moi même les effets…

J’ai tenté le coup en HTML directement, et sur mon CMS préféré, ça marche ^^

C’est du bonheur pour les yeux.

Et vous comment trouvez vous cette technologie ?

9 Commentaires

  1. C’est un effet très utilisé par les grandes marques pour justement « se démarquer » . Intéressant pour attirer l’attention mais à mon avis ce n’est pas vraiment exploitable pour un site de contenu…

    • Oui je suis d’accord,

      En effet pour une vitrine « accessoire » c’est super, mais pas pour un site à gros contenu.

    • Alors niveau poids c’est énorme, comme il s’agit d’une superposition de background, avec en moyenne pour mon cas du 6000×1000 (1000 c’est déjà très peu car il doit être ok pour toutes les résolutions écrans).

      Après sur les mobiles ça « passe » mais c’est assez désagréable, c’est pour ça que je l’ai couplé à une version de site mobile.
      Pour les tablettes, c’est passable, je pense qu’une bonne mise en cache, et une bonne optimisation de temps de chargement réglerons l’affaire.

  2. Salut,

    Je trouve ça pas mal, mais au final, j’ai pas l’impression que sa apporte beaucoup de choses positives.

    Avec un site de ce genre, il faut prévoir une version « bas débit ».

    Peut-être qu’avec le temps la technologie évoluera …

    Mikael

    • Il suffit de bien compresser les images et optimiser le site. Et le tour est joué.

  3. Bonjour

    et merci pr cette présentation
    en effet il y’a bq de theme parallax pour wordpress
    mais comment créer un modèle de page pour y’integrer nos div
    je veux dire pas de tuto sur la toile qui parle de ca

    je bloque au niveau de page.php et comment integrer mes div dans du code php

    -entre section ou une div qui commence dans header.php ?
    si vs pouvez m’aider je ss perduu

Réagis