12 sites horizontaux complètement hallucinants…

Fred - le 13/05/2009 à 19:00 - Design, Web 2.0 - 60 commentaires

S’il y a bien un point commun que l’on retrouve dans la plupart des sites, c’est bien le système de navigation à la verticale. C’est comme ça, nous avons pris l’habitude de lire de gauche à droite, certes, mais aussi et surtout de haut en bas. Et pourtant… Pourtant, avec un peu d’imagination, il est possible de faire des miracles, comme ces 12 sites qui ont décidé de bâtir un système de navigation à l’horizontal.

BBH

BBH

A la fois sobre et minimaliste, le site de BBH ne manque pas de chien. Seule ombre au tableau, l’absence de boutons pour gérer le défilement, la navigation au sein du site s’effectuant seulement avec la molette de la souris. Par contre, un gros coup de coeur pour le mouton situé en bas de la page. Si vous l’observez attentivement, vous remarquerez qu’il suit des yeux le curseur de la souris.

Dean Oakley

Dean Oakley

Le portfolio de Dean Oakley est une charmante surprise. Il nous permet de constater que la navigation à l’horizontale s’accorde particulièrement bien avec les portfolios. Par contre, je n’ai pas accroché aux boutons situés en dessous de chacune de ses créations. Utiles, ils permettent de changer rapidemment de page, certes, mais je trouve qu’il aurait pu se contenter de deux boutons seulement. Là, au bout d’un moment, ça pique un peu les yeux.

Faub

Faub

Chapeau bas pour cette Å“uvre graphique tout-à-fait originale. Point très positif, la navigation s’effectue uniquement par Drag&Drop. Du coup, la navigation est à la fois très simple et très intuitive. Le seul truc un peu dommage, c’est que l’ensemble du site est une image. Pour le référencement, cela ne doit pas être génial. Même chose pour l’accessibilité.

Ladio

Ladio

Autant vous prévenir tout de suite, sur cette sélection, Ladio est mon préféré. L’ambiance graphique est juste hallucinante. La scène animée fourmille d’effets que l’on peut faire apparaître avec le curseur de la souris. Résultat des courses, on se surprend à explorer chaque coin histoire de voir si l’on n’a rien loupé. J’ai rarement autant pris mon pied en surfant sur le web.

LoveBento

LoveBento

La encore, on peut dire que le plus grand soin a été apporté à l’interface de ce site et à la manière dont sont présentées les informations. La typographie est très chouette, les images plutôt jolies et l’ensemble s’avère assez clair. Du bon travail, en somme.

The Horizontal Way

The Horizontal Way

Je ne me souviens plus dans quel billet, mais j’ai déjà parlé de The Horizontal Way. Et le fait est qu’il le mérite vraiment, aussi j’ai décidé de le rajouter à cette sélection. Désolé, donc, pour ceux qui l’avaient déjà vu sur la Fredzone.

Stéphane Tartelin

Stéphane Tartelin

Là encore, un gros coup de coeur pour le portfolio de Stéphane Tartelin. Malgré l’absence de boutons de navigation, on peut dire que l’interface de ce site est saisissante. Minimaliste, légère, presque aérée, elle parvient à se faire oublier au profit des créations qui se retrouvent du coup sur le devant de la scène. On peut dire qu’il s’agit donc là du portfolio par excellence.

Mutanz

Mutanz

Une ambiance graphique déjantée, totalement unique et un site qui vous invite à voyage dans l’imagination de son concepteur. Chaque fenêtre débouche sur un nouvel univers, toujours plus coloré et ambigu que le précédent. A ne pas en douter, Mutanz fait partie de ces sites qu’on aime, ou pas.

GraphicTherapy

Graphic Therapy

GraphicTherapy fait partie de ces sites qui me rappellent invariablement tous les PSD inachevés qui trainent dans un coin de mon disque dur. Le fait est qu’il est très proche d’un thème sur lequel j’avais commencé à bosser l’année dernière. A noter que le système de navigation, basé sur du bon vieux Drag&Drop, est particulièrement réussi.

Inside Nile

Inside Nile

Là encore, le plus grand soin a été apporté à l’interface de Inside Nile. Se présentant comme un portfolio très visuel, le système de navigation met en avant les différents travaux de l’auteur. Peu de texte, également, l’interface est surtout construite sur un systèmes d’icônes. A noter le système de défilement automatique en fonction du positionnement du curseur de la souris qui est vraiment très bien réalisé.

CSS Zen Garden

CSS Zen Garden

Si l’interface est nettement moins bien réussie que celle de ses concurrents, on remarque tout-de-suite sur CSS Zen Garden met essentiellement l’accent sur le contenu. La présentation sous forme de colonnes est bien pensée, même si un bogue est à déplorer sur la seconde. Ce site est loin d’être mon préféré.

Bien entendu, cette liste est très loin d’être exhaustive (il existe des centaines de sites du genre) mais on remarque tout-de-même que la navigation à l’horizontale s’adapte essentiellement aux portfolios. Certaines de ces créations sont plus réussies que d’autres mais dans l’ensemble, ces designs restent assez surprenants. Si vous connaissez d’autres sites du genre, n’hésitez pas à le mentionner dans les commentaires à la suite de ce billet.

Articles similaires
  • L’horloge du développeur psychotique
    Faut être honnête, les codeurs ne sont pas tout seul dans leur tête. Et je vous parle en connaissance de cause : lorsque je passe toute une journée à ...
  • Bonjour Monsieur, Bonjour Madame
    Se réveiller le matin, ce n'est pas toujours facile. Alors bon, il y a le café, c'est sûr, mais il faut aussi trouver d'autres motivations pour parven...
  • Mailorama va distribuer de l’argent dans Paris
    Sacré coup de publicité, tiens... C'est en zonant devant BFM TV que j'ai appris qu'un site web, Mailorama pour ne pas le nommer, allait organiser une ...
  • Bijin-Tokei, l’horloge parlante 2.0
    En tant que blogueur super top influent, je reçois par jour des dizaines et des dizaines de communiqués de presse pour me présenter des services grave...
  • Mustang Customizer, dessinez votre Mustang
    Avec les différentes gammes d'Aston Martin, la Mustang fait partie de mes voitures préférées. Plus qu'un moyen de locomotion, il s'agit d'un véritable...

60 commentaires

Certaines balises HTML sont autorisées. N'hésitez donc pas à faire des liens ou à mettre en forme votre texte. Dans tous les cas, veillez à rester correct, courtois et agréable.

  • nekomata #1 - Le 13 mai 2009 à 20 h 57 min

    BBH : bouh du flash ! On ne peut pas shooter le mouton, c’est con ! Assez réussi quand on regarde un groupe de vidéos en grande taille : fond noir et fluidité, rien à redire.

    GraphicTherapy : bouh du flash ! En plus, même en plein écran, on a toujours l’ascenseur vertical…

    Dean Oakley : superbe design. Dommage que sur mon écran, on peut voir que le background laisse la place à droite à une barre verticale avec la couleur par défaut du fond (celle du bas de l’écran).

    Faub : trop court, dommage !!

    Ladio : bouh du flash ! Mais ouah ! La musique est un peu lourde à la longue, mais joli design.

    LoveBento : J’aime pas. Nan, j’aime pas… Très recherché, mais j’aime pas. J’ai dit que j’aimais pas ?

    The horizontal way : design sympa, mais problème de centrage : site en haut de mon écran = bof ; les flèches devraient être centrées au milieu de l’écran.

    Stéphane TARTELIN : simple et efficace !

    Mutanz : j’accroche pas (j’aime pas les trucs qui bougent tout seuls).

    Inside Nile : j’aime beaucoup. Dommage que je ne lise pas l’alphabet ciryllique.

    Enfin, Tulipe est un design alternatif pour Zengarden, un site qui promeut les CSS en permettant à tout le monde de concevoir une feuille de style (en conservant le code HTML).
    Il faut noter que tous les designs doivent s’afficher correctement sous IE en préservant au maximum leur intégrité.

    Chez Zengarden, on a aussi :
    Prêt-à-porter : http://www.csszengarden.com/037 (finalement, ça rend pas terrible en 1920)

    What lies beneath : http://www.csszengarden.com/019 (un de mes coup de coeur, ya quelques années)

    Radio zen : http://www.csszengarden.com/058 (effet gâché en 1920×1200 :/ )

    Malheureusement, le premier design horizontal n’est plus visible, Circle of Friends qui avait ouvert en 1998 a depuis fermé. :neutral:

    RépondreRépondre
  • Lionel – Websourcing.fr #2 - Le 13 mai 2009 à 21 h 01 min

    J’ai souvent voulu passer mon blog en horizontal pour profiter des écrans 16/10 ou 16/9 eme. Mais j’avoues que cela me pose encore quelques pb comme les commentaires… ou les placer? J’aurais surement trouvé mais bon ….

    En tout cas c’est très classe.

    RépondreRépondre
  • nekomata #3 - Le 13 mai 2009 à 21 h 06 min

    Tu peux mettre tes commentaires dans une iframe que l’internaute déroule verticalement. Le tout étant de l’afficher de manière élégante.

    J’oubliais : merci pour ce billet, Fred !! :)

    RépondreRépondre
  • if is Dead #4 - Le 13 mai 2009 à 21 h 54 min

    tiens, dommage j’ai refait le design d’if is Dead avant hier… J’avais pas pensé à essayer de le faire en horizontal.

    Merde :/

    RépondreRépondre
  • Fred #5 - Le 14 mai 2009 à 11 h 35 min

    @nekomata: Ptain, ça c’est du retour ;) Merci, en tout cas ! Au passage, je suis content de voir que je ne suis pas le seul à ne pas porter le flash dans mon coeur… Mais en tout cas, pour CSS Zen Garden, les liens que tu m’as filé sont nettement mieux que le thème que j’ai évoqué dans mon billet.

    @Lionel – Websourcing.fr: Quand tu passes ton site à l’horizontal, c’est clair qu’il faut revoir la manière de présenter l’information. Et c’est justement ça qui est très difficile. On a l’habitude de présenter l’information de haut en bas, et le faire de gauche à droite est un exercice très délicat.

    @nekomata: Les iframes ne sont quand même pas conseillées, hein…

    @if is Dead: Tiens, en passant, j’ai une petite question pour toi : c’est une bière que tu bois à la paille ? :mrgreen:

    RépondreRépondre
  • www.fuzz.fr #6 - Le 14 mai 2009 à 12 h 15 min

    12 sites horizontaux complètement hallucinants……

    S’il y a bien un point commun que l’on retrouve dans la plupart des sites, c’est bien le système de navigation à la verticale. C’est comme ça, nous avons pris l’habitude de lire de gauche à droite, certes, mais aussi et surtout de haut en…

  • Morgan #7 - Le 14 mai 2009 à 12 h 31 min

    Le flash c’est mal… Sinon de bien belles réalisations :)
    Ça donne des idées…

    RépondreRépondre
  • nekomata #8 - Le 14 mai 2009 à 12 h 49 min

    « @nekomata: Les iframes ne sont quand même pas conseillées, hein… »
    Touché, coulé ! C’est à éviter pire que la peste depuis des années. ;)

    Avantages : rétro-compatibilité/simplicité/rapidité sur les grosses requêtes… pour dix fois plus d’inconvénients, avec en tête de liste l’invalidité en xhtml…

    Pourquoi j’en ai parlé ? Je cherchais encore la solution avec include PHP ou Ajax au moment de publier mon commentaire. :neutral:

    En passant, ça m’a donné envie de chercher d’autres sites et je suis tombé sur : http://worm.bluesfear.com/index2.html ; j’aime beaucoup le travail sur le fondu entre les images.

    HORIZONTAL OU VERTICAL ?
    Pour visualiser le changement de conception de ses sites : http://woork.blogspot.com/2009/02/useful-tips-to-design-horizontal.html

    RépondreRépondre
  • freeed #9 - Le 14 mai 2009 à 14 h 04 min

    il y a aussi celui ci

    le blog de la marque Urban Outfitter.
    et les nouveaux post sont présentés de gauche à droite, avec l’info du pays où se « déroule » l’info..

    Disponible ici : http://blog.urbanoutfitters.com/

    RépondreRépondre
  • if is Dead #10 - Le 14 mai 2009 à 16 h 13 min

    @Fred: Après m’avoir publiquement traité de cheveulu, voilà que tu m’accuse d’alcoolisme :shock:

    (nan en fait, c’est un « Amareto Lodge », un mélange de café, de chocolat et d’Amareto, et c’est vraiment bon :mrgreen: )

    RépondreRépondre
  • Fred #11 - Le 14 mai 2009 à 17 h 22 min

    @Morgan: En fait, y a pas grand monde qui aime le flash ici j’ai l’impression.

    @nekomata: Tu remarqueras que j’ai été gentil, hein… Sinon, pour Worm, j’accroche pas. C’est un peu trop clinquant pour moi. Par contre, ton autre lien, je suis fan, c’est bien sympa avec les shémas et tout ^^

    @if is Dead: Hmmm, tu bois des trucs pas très catholiques, toi… Et y a pas un peu d’herbe en plus dedans, non ? :mrgreen:

    (Je t’avais pas encore traité de drogué)

    RépondreRépondre
  • if is Dead #12 - Le 14 mai 2009 à 22 h 11 min

    @Fred: fais gaffe si tu continues je vais te demander un commentaire complet sur l’ébauche du prochain design comme dédomagement :mrgreen:

    RépondreRépondre
  • Fred #13 - Le 15 mai 2009 à 17 h 22 min

    @if is Dead: Un commentaire ou un billet ? :)

    RépondreRépondre
  • if is Dead #14 - Le 15 mai 2009 à 19 h 12 min

    @Fred: Ah ouais tiens, j’avais pas pensé à exiger un billet complet :mrgreen:

    Non non, je parlais d’un avis en privé :smile:

    RépondreRépondre
  • pligg.com #15 - Le 16 mai 2009 à 16 h 46 min

    12 sites horizontaux completement hallucinants……

    Comme quoi l’originalité paie…

  • Fred #16 - Le 17 mai 2009 à 13 h 00 min

    @if is Dead: Tu sais où me trouver, hein ;)

    RépondreRépondre
  • nit #17 - Le 18 mai 2009 à 10 h 15 min

    Salut sur le 1er site : BBH, les touches de navigation sont bien présent. Ceux sont deux petites flèches grises…

    RépondreRépondre
  • Fred #18 - Le 18 mai 2009 à 22 h 59 min

    @nit: Autant pour moi, tu as parfaitement raison.

    RépondreRépondre
  • nekomata #19 - Le 19 mai 2009 à 12 h 53 min

    @Lionel – Websourcing.fr: Après quelques tests :

    _____________________________________________________
    SOLUTION 1

    La méthode la plus simple est en CSS et recours à la fonction overflow sur la balise d’un bloc avec du contenu à faire défiler.

    Dans le cas d’un bloc DIV :

    /*
    #monDiv {
    overflow: auto;
    height: 500px; /* exemple bidon, mais faut une valeur fixe */
    }
    */

    Pour : forte compatibilité avec les navigateurs, ne fait apparaître une barre de navigation verticale (ou horizontale) que si le contenu excède les limites fixées (ici 500 px en hauteur)

    Contre : graphiquement laid, surtout dans un style minimaliste, car on fait apparaître un ascenseur dans le style du navigateur (pas forcément joli dans le design du site)

    _____________________________________________________
    SOLUTION 1.2

    On reprend la fonction overflow, mais avec hidden au lieu de auto. Ça cache tout ce qui dépasse des contraintes imposées (ici: 500px vertical). Tout ce qui dépasse est invisible.

    /*
    #monDiv {
    overflow: hidden;
    height: 500px;
    }
    */

    On cumule ça avec du javascript gérer le défilement.

    Pour : intégration avec le design d’un site, possibilités très riche (boutons de défilement au survol, au clic, contrôle total sur l’aspect d’un ascenseur si on en met un), vitesse libre, ancres possibles avec défilement…

    Contre : solution plus lourde à mettre en oeuvre (plusieurs scripts si on veut tout gérer, comme le fonctionnement de la molette et du clavier), compatibilité ascendante incertaine

    Quelques liens pour visualiser le résultat de ces scripts et les mettre en place :

    Dyn-web : http://www.dyn-web.com/code/scroll/vert.php (beaucoup d’explications, tous les scripts sont visibles et téléchargeables avec des exemples – usage personnel ) gratuit, usage pro = prix possible ; à vous de voir si vous payez…)

    Alternative, le JQUERY : http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

    RépondreRépondre
  • nekomata #20 - Le 19 mai 2009 à 23 h 24 min

    @Lionel – Websourcing.fr:

    La solution retenue par the horizontal way est de revoyer sur une page à part, dédiée a un sujet, avec une partie commentaire.

    L’affichage se fait via « overflow: auto; » en CSS. Une bonne manière pour ne pas être intrusif, bien qu’il faille lâcher prise un minimum sur le design puisque ça appelle une barre type navigateur.

    Le script horizontal tiny scrolling (the horizontal way, Dean Oakley…) est vraiment simple à mettre en place : appel du script dans le header, puis il capture toutes les ancres.

    La vitesse est paramétrable, mais déconnait chez moi (bug connu) : c’était trop lent.

    Voici, un lien direct vers le fichier complet en version corrigée :
    http://www.ladybird.at/mizi/horizontalScrolling/THW_template_0.6.rar

    La page d’origine (ya une version verticale aussi) :
    http://lab.centralscrutinizer.it/the-tiny-scrollings

    RépondreRépondre
  • Morgan #21 - Le 20 mai 2009 à 9 h 32 min

    Et bien… MERCI Nekomata :) C’est super le temps que t’as pris et que tu partages tout cela ;)

    RépondreRépondre
  • nekomata #22 - Le 20 mai 2009 à 15 h 28 min

    De rien, Morgan ! je me suis fait une page pour tester le script. Comme ça marche bien (j’essaye de l’arranger un peu), je me suis dis que ça pourrait intéresser quelqu’un.

    J’ai pas mal cherché, et ce système d’ancres est le plus simple. Si on cherche compliqué, il faut voir le Jquery, ou ce site : http://www.dyn-web.com/code/scroll

    (Bien qu’on puisse voir toutes les sources, certains scripts sont marqués payants pour un usage commercial.)

    The horizontal way est marqué comme étant sous wordpress (2.5) :!: : je ne pensais pas qu’on pouvait prendre de telles libertés sur le design. C’est sympa !

    RépondreRépondre
  • nekomata #23 - Le 20 mai 2009 à 15 h 39 min

    Tiens, Fred, ça c’est pour toi : http://www.soulwax.com/2007 ! iframes et tableaux, mais le résultat vaut le coup d’oeil. :grin:

    RépondreRépondre
  • Fred #24 - Le 20 mai 2009 à 15 h 51 min

    @nekomata: Franchement… Tu viens de sortir l’un des commentaires les plus utiles que j’ai pu voir ici. Franchement, merci beaucoup aussi.

    Tu le fais quand, ton blog ?

    Si t’as pas le courage, tu n’as qu’à venir écrire ici :D

    @Morgan: +1000

    RépondreRépondre
  • Morgan #25 - Le 20 mai 2009 à 16 h 58 min

    Ouep, faut que tu te fasses un blog nekomata :)

    Pas mal le concept de soulwax, de grands malades, même si les iframes ^^ Par contre pour que tout charge, faut être patient :P

    RépondreRépondre
  • nekomata #26 - Le 21 mai 2009 à 0 h 08 min

    Je vais faire un blog sur les fours à micro-ondes alors ! :mrgreen:

    Pour le moment, j’ai juste des tas de FTP (quand c’est gratuit, faut pas hésiter) qui me servent depuis longtemps à tester des trucs. Un blog c’est bien, mais je me lancerai quand je trouverais un sujet où il y a de la place sur internet, ou sur lequel j’ai quelque chose à dire).
    Pour le moment, je préfère vous lire ! :wink:

    Je n’avais jamais testé ce genre de design horizontal mais le billet de Fred m’avait donné envie d’essayer. Alors je me suis lancé :

    http://nekomata.e3b.org/codage/nekomatests.xhtml

    (Je précise : c’est juste un délire où je réalise des tests, ya pas de contenu (ou pas réel) – et plus sérieusement, pas encore de rétrocompatibilité.

    Pis aussi, j’ai pas testé sur autre chose que firefox parce que il est tard et que j’ai la gueule dans le cul là.

    RépondreRépondre
  • Fred #27 - Le 21 mai 2009 à 12 h 32 min

    @Morgan: Ouais, et s’il lance un blog, ça veut dire que tu vas déserter le mien, c’est ça ? Pfff, lâcheur, va ! *boude*

    @nekomata: Excellent ton truc… Sans déconner, c’est vraiment fluide. Après, l’aspect graphique est à revoir, c’est sûr, mais c’est vraiment du super bon boulot. Surtout que je suis presque sûr que tu l’as fait sous Linux ET à l’arrache ^^

    RépondreRépondre
  • Morgan #28 - Le 21 mai 2009 à 15 h 37 min

    Sois pas jaloux, je sais me partager et je resterai fidèle à la Fredzone … :) C’est beau l’amour sur le web :mrgreen:

    RépondreRépondre
  • nekomata #29 - Le 22 mai 2009 à 10 h 21 min

    Ouep, Fred ! Le fix rend la navigation fluide, mais on perd l’utilisation de la molette sur le plan horizontal ; ce qui a au moins pour avantage de ne pas entrer en conflit avec le scrolling vertical si on utilise overflow (cf. http://www.thehorizontalway.com/category/html/css/page/2 ).

    C’est pour ça qu’il faut un minimum d’ancres pour naviguer. Évidemment, le format horizontal correspond plus à un site statique comme une galerie, qu’à un blog qui a besoin de pouvoir s’étendre (commentaires, menus…).

    Pour le reste, ça restera un l’état : impossible de faire un design sans un thème, pas de thème pas de contenu. Et je pense pas que les fours à micro-onde soient assez porteur. :)
    J’aimerais bien me faire un truc genre carnet de voyage illustré : couleur thé noir, encre de chine et lavis, vieux papier, déchiré… mais faudrait que je me remette à dessiner et je suis trop flemmard pour ça. Et comme je ne maîtrise pas encore le javascript, faut d’abord que je bosse ça !

    Comme éditeur, j’ai trouvé Quanta +. L’auto-complétion ne fonctionne pas comme je veux, mais j’aime bien avoir un truc avec plein d’options (même si je ne m’en sers pas).

    C’est beau l’amour sur le web :mrgreen:

    T’as vu, Fred ! Il est morgan de toi !

    Ouais, je vais faire un blog pour te piquer tous tes visiteurs ! Un truc en zone : ozone, zonard, amazone, evzone… fredzone ! Ça sonne bien ça. Et je vois déjà le truc, un design avec du rouge (f)redzone oblige. Ça va faire un tabac, et on y parlerait de petites culot… de fours à micro-ondes ! :mrgreen:

    RépondreRépondre
  • Fred #30 - Le 22 mai 2009 à 16 h 53 min

    @Morgan: Hmm… Je ne répondrai rien, pour la peine ! ^^

    @nekomata: Toi, tu fais une véritable fixette sur les fours à micro-onde, ça devient presque inquiétant, faudrait que tu penses à consulter. Sinon, mon éditeur fétiche, c’est Notepad++. J’y passe pas mal de temps, et je dois dire que de tous ceux que j’ai testé, c’est le seul qui m’a réellement convaincu.

    ‘Fin bon, je ne les connais pas tous non plus, hein. Et pour le reste de ton commentaire, même chose que pour Morgan, je ne dirai rien ;)

    RépondreRépondre
  • Morgan #31 - Le 23 mai 2009 à 0 h 06 min

    J’aime bien les micro-ondes aussi, on pourrait peut être faire un blog à 2 vu qu’on a autant de mal à se motiver l’un l’autre nekomata, ça ferait presque un blogueur complet :mrgreen:

    @ Fred, je sais que t’as aimé ma petite déclaration :)

    RépondreRépondre
  • Fred #32 - Le 23 mai 2009 à 13 h 16 min

    @Morgan: Les micro-ondes… Non, là, franchement, les gars, vous partez sérieusement en vrille… ^^

    RépondreRépondre
  • Wolforg #33 - Le 26 mai 2009 à 11 h 22 min

    S@lut,
    Dans la série « jolis thèmes horizontaux », je suis tombé sur celui-la : http://www.camillecayran.com/

    Hopla :smile:

    RépondreRépondre
  • Morgan #34 - Le 26 mai 2009 à 12 h 26 min

    Merde t’as déjà viré ton ébauche de site nekomata :( Ca ne te dit pas de le remettre juste quelques heures histoires que je regarde un peu comme t’as fait tout ça :)

    RépondreRépondre
  • Fred #35 - Le 26 mai 2009 à 13 h 11 min

    @Wolforg: Très très sympa le site de Camille, j’ai vraiment accroché à son univers, c’est du très bon boulot. Merci pour le lien :)

    @Morgan: Pompeuuuuur !

    RépondreRépondre
  • Wolforg #36 - Le 26 mai 2009 à 14 h 08 min

    @Fred : Oui moi aussi j’ai méchamment accroché quand je l’ai découvert. D’autant plus que c’est une web-Agency d’Aix en Provence qui l’a réalisé : Vinternet (allez hop, un peu de pub pour eux); comme quoi la province n’a rien à envier à la capitaaale :razz:

    RépondreRépondre
  • Morgan #37 - Le 26 mai 2009 à 15 h 42 min

    Pompeur non, mais ça fait partie des inspiration ;)

    RépondreRépondre
  • nekomata #38 - Le 26 mai 2009 à 16 h 18 min

    Morgan, je n’ai rien enlevé ni touché (http://nekomata.e3b.org/codage/nekomatests.xhtml).

    Le seul truc à retenir est : appeler le script dans le header de la page (placer celui ci où on veut : à la racine, au niveau de la page, ou dans un sous-répertoire…).

    Ensuite, utiliser les ancres pour naviguer en utilisant le script :
    le lien en href= »#ancre », et la cible (toute balise possible) avec id= »ancre ».

    Le script ne capture que href= »#~. On peut donc utiliser ce caractère dans des liens vides. S’il n’y a pas de nom d’ancre, le script ne le voit pas et l’ignore.
    __________________________________________________

    C’est bien de pomper ? Tous les shadoks vous le diront ! :mrgreen:

    J’aime bien le site de camille pour le travail réalisé, mais je déteste les sites avec de la musique d’embée. Comme je suis souvent en train d’en écouter, ça ne fait pas bon ménage. ;)

    RépondreRépondre
  • Fred #39 - Le 26 mai 2009 à 16 h 35 min

    @Wolforg: Ah mais c’est clair que t’as des trucs super en province. Genre… heu… heu… heu la mer, tiens :mrgreen:

    @Morgan: Yep, je sais bien, t’en fais pas ;)

    RépondreRépondre
  • Morgan #40 - Le 26 mai 2009 à 16 h 41 min

    bizarre, cette aprem ça bloquait… Merci ;)

    RépondreRépondre
  • Fred #41 - Le 26 mai 2009 à 16 h 42 min

    @nekomata: Et sinon, vivent les Shadok !

    Ouais, mes commentaires sont super utiles en ce moment ^^

    RépondreRépondre
  • Wolforg #42 - Le 26 mai 2009 à 16 h 55 min

    @ Fred : A Aix il y a surtout les Aixoises arpentant le Cours Mirabeau, le mois de Juin étant le mois de prédilection des jours qui s’allongent et des jupes qui raccourcissent :eek:

    RépondreRépondre
  • Morgan #43 - Le 26 mai 2009 à 16 h 57 min

    Je confirme :D Et c’est dans un cadre plus agréable qu’à Marseille ;)

    RépondreRépondre
  • if is Dead #44 - Le 26 mai 2009 à 16 h 57 min

    @Wolforg: à aix fait déjà largement assez chaud en avril :razz:

    Rha le cours mirabeau me manque des fois T_T

    RépondreRépondre
  • nekomata #45 - Le 26 mai 2009 à 17 h 05 min

    @Morgan: Sûrement un problème habituel. J’avais découvert cet hébergeur à l’époque où on montait un forum phpBB avec un pote pour Warhammer Online.

    On a vite vu qu’ils sont tous sauf pros (ils sont eux aussi du genre à effacer les messages qui les embêtent sur leur forum). Mais, ça me suffit pour faire des tests…

    @Fred: Je pensais d’abord au site pompage.net, mais c’est moins drôle. :roll:

    RépondreRépondre
  • Morgan #46 - Le 26 mai 2009 à 18 h 47 min

    Tu veux un hébergement test gratuit, php5/mysql ? j’ai un peu de place sur le serveur, si ça te dis va sur http://morgan.jerabek.fr/cv , ya mon adresse mail ;)

    RépondreRépondre
  • Fred #47 - Le 27 mai 2009 à 9 h 56 min

    @Wolforg: Hum, les petites jupes, c’est toujours sympa. A Fontainebleau, quand tu bois des coups en terrasse et qu’il fait beau, tu as pas mal de passage aussi… ;)

    @Morgan: Marseille, j’ai jamais trop aimé. Un peu trop le bordel. En revanche, je vais souvent à Sainte Maxime (à côté de Saint Tropez) et là, on peut dire que le cadre est drôlement chouette ^^

    @nekomata: Ouaip, Pompage.net, c’est une grosse référence aussi. Mais ça ne vaut pas les Shadoks :mrgreen:

    RépondreRépondre
  • Wolforg #48 - Le 27 mai 2009 à 10 h 00 min

    @ Fred : Moui, fontainebleau… La grosse différence c’est qu’à Aix (mais tu prends Montpellier et c’est la même chose par exemple), il y a en moyenne 300 jours de soleil/an. Ca m’étonnerait qu’à Fontainebleau ça soit la même :lol:

    RépondreRépondre
  • Fred #49 - Le 27 mai 2009 à 10 h 16 min

    @Wolforg: Clair que les 300 jours de soleil par an, on en est très très loin. Mais bon… heu… de toute façon j’ai une copine et… heu… je ne regarde plus les autres femmes.

    Hem, en plus ma copine… heu… elle lit mon blog hein, et mon dernier commentaire risque de me coûter très très très cher.

    Mal barré le Fred :mrgreen:

    RépondreRépondre
  • Morgan #50 - Le 27 mai 2009 à 10 h 20 min

    Bah on le fait tous, faut juste l’assumer :mrgreen: Puis elle doit savoir que depusi que tu es devenu une idole sur le web, tu te dois de faire le mec macho/mateur :lol:

    RépondreRépondre
  • Wolforg #51 - Le 27 mai 2009 à 10 h 25 min

    @ Fred : Je ne suis pas loin de rejoindre l’avis de Morgan, et si tu veux tester les limites de l’humour de ta copine je te conseille ce titre : http://www.deezer.com/track/2750866 :mrgreen:

    RépondreRépondre
  • Fred #52 - Le 27 mai 2009 à 16 h 46 min

    @Morgan: Ouais, c’est clair que maintenant que je suis une grande personnalité du web (d’ailleurs je comprends pas pourquoi Challenge ne m’a pas encore contacté), c’est plus pareil. Je suis genre… heu… insaisissable. Après, pour le reste, elle me connaît bien alors bon… Je l’avais prévenu en plus avant, hein :)

    @Wolforg: Elle connaît pas mais ça l’a pas particulièrement frappé. De toute façon, elle est encore plus cynique que moi alors bon, pas d’inquiétude à avoir ^^

    RépondreRépondre
  • nekomata #53 - Le 27 mai 2009 à 20 h 11 min

    Commentaire bidon inside, mais je supporte pas de laisser des fautes con… :roll:

    tous -> tout. C’est tout !

    Merci Morgan, ça me tente bien à l’occasion pour tester des trucs pas lourds (comme la validation d’un formulaire, etc.) :)

    RépondreRépondre
  • Fred #54 - Le 28 mai 2009 à 11 h 42 min

    @nekomata: C’est bien de corriger ses propres fautes :razz:

    RépondreRépondre
  • graphiste nesk #55 - Le 10 jan 2010 à 19 h 47 min

    Salut à tous, je vous invite à venir voir mon site qui utilise aussi une navigation horizontale : http://www.nesk.fr

    RépondreRépondre
  • DZR Design #56 - Le 26 mar 2010 à 12 h 27 min

    Rien a dire, ya vraiment du level !!!
    Je vous invite, moi aussi, à jeter un oeil sur mon site http://www.dzrdesign.com
    Horizontal avec JavaScript.
    laissez vos impressions!
    peace

    RépondreRépondre
  • Fred #57 - Le 29 mar 2010 à 17 h 34 min

    @graphiste nesk: Sympa mais il manque une petite animation de scrolling.

    @DZR Design: Très très bien ton site, bon boulot :)

    RépondreRépondre
  • DZR Design #58 - Le 30 mar 2010 à 10 h 58 min

    Merci Fred ! Ca fait toujours plaisir !
    Peace

    RépondreRépondre
  • Fred #59 - Le 2 avr 2010 à 13 h 24 min

    @DZR Design: Peace :D

    RépondreRépondre
  • Nicolas #60 - Le 23 août 2010 à 16 h 06 min

    Je viens de finir le mien !
    http://www.sourireetcompagnie.com/

    C’est pas de la tarte !
    Le plus dur, c’est de faire des sites sans scrolls, ni horizontaux ni verticaux, de façon à ce que le défilement soit entièrement pris en charge par les liens. Mais du coup, il faut faire bien attention à ce que le site s’affiche en entier sur TOUTES LES RESOLUTIONS D’ECRAN (puisque sinon, les gens ne peuvent pas scroller !…). J’ai donc dû utiliser, en plus du script de scroll, un script qui allège la mise en page pour les petites résolutions.

    Enfin voilà…

    Bravo pour ce post qui m’a inspiré quand j’ai commencé à faire le mien.

    RépondreRépondre

Laisser un commentaire

Si vous avez aimé cet article ou que vous souhaitez tout simplement en discuter, n'hésitez pas à réagir et à laisser un commentaire, ça fait toujours plaisir !

* *