Refonte de mon portfolio
tags : accordeon, horizontal, JQuery, webdesign
Le blog est (enfin ! 
) de retour! Je reprends le blog en douceur et après un petit break qui s’imposait. Les articles viendront maintenant sur un rythme un peu plus tranquille (et non, il n’y aura plus 2-3 billets par jour…).
Pour ce retour, j’ai le plaisir d’annoncer la mise en ligne de mon portfolio / CV. Non pas que je cherche du boulot (au contraire, j’en ai trop en ce moment !), mais c’était juste pour m’amuser, faire du web design, de l’HTML / CSS et enfin du JQuery. Je me suis bien éclaté avec JQuery, et au final il y autant de lignes de code avec JQuery que de CSS !
Le design est basé sur le concept des sites horizontaux (voir des exemples dansun précédent billet). On retrouve donc des liens de navigation ( < et >) tout le long du défilement. On peut également naviguer en utilisant les flèches gauche et droite du clavier.
Enfin, il existe une version anglaise du site pour commencer la conquête du monde ! 
catégorie : JQuery, design, news du web
Wow ! La navigation est très originale et le rendu très pro.
Joli !
Toujours le premier Julian !
Merci du compliment !
Really nice ! Et très pro, tu vas avoir encore plus de demandes de boulot !
Un p’tit bug, quand on est tout à droite (contact), et qu’on appuie sur la flèche droite, ça décale, si bien qu’on peut complètement cacher la fenêtre de contact…
Et j’aime moyen la navigation des accordéons, c’est dur de passer de l’un à l’autre, il faut sortir du cadre et revenir sur l’élément suivant…
Oui, je suis pointilleux. =)
cool de retour n_n
@Adrian Gaudebert :
Je l’avais vu le petit bug avec la flèche droite, j’ai pas eu le temps de voir ce que je pouvais faire…
Et c’est vrai que les accordéons horizontaux ne sont pas ce qu’il y a de mieux d’un point de vue ergonomique !
EDIT (8h00) : un petit e.preventDefault() et le bug sur la flèche droite est corrigé !
Super joli tout ca. Tu as du t’amuser en effet pour toutes les lignes de script . Mais le résultat donne vraiment super bien.
Bravo
Merci merci ! Moi ça m’éclate de faire du JQuery !
Très joli !!! Je suis fan de la navigation !!
@rKueny : Merci !
J’aime bien !
par contre petit bug …
je suis sous Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3
et impossible de scroller (absence des barres) la page pour accéder à l’ensemble du menu (les barres horizontales du bas) sous IE7 pas de problème, j’ai les 2 barres
sans regarder le code je serais tenter de dire un problème dans les overflows ?
@remrem : Euh comment dire, en fait c’est fait exprès l’absence de scrollbar…
Le fait que ça s’affiche sous IE 6 ou 7 c’est parce que le navigateur ne respecte pas les standards !
Après c’est aussi pour ça que j’ai proposé divers modes de navigation (avec les flèches sous le conteneur ou les flèches du clavier)
@arnaud > oki, ça m’étonnais juste de ne pas pouvoir accéder au menu du bas
Hello Arnaud,
Je lis ton blog depuis quelques temps et je voulais te féliciter pour ton travail ! Ton blog est au TOP !
Félicitation pour ton portfolio, c’est du grand art !
Je suis webdesigner et j’aimerais faire un site dans le même genre que ton portfolio, aurais-tu des liens à me conseiller pour apprendre (tutos ?) à faire ce genre de site ?
Merci d’avance,
++
Tii
Salut,
Je viens de tomber sur ce petit blog tout à fait par hasard, et je dois avouer que je kiff totalement
J’adore jQuery aussi, et la navigation horizontale est quelquechose que j’avais vu sur un site mais je ne voyais pas comment faire.
Merci jquery !
Quel plugin utilises-tu au fait ?
Hey!
Idem, je trouve ça dommage de ne pas pouvoir accéder au dernier item en bas. Le fait aussi que le contenu ne soit pas centrée, je trouve ça « bizarre », mais encore une fois c’est une question de goût personnel!
Sinon, félicitations!! C’est très réussi. Et comme on dit, c’est plus facile de faire ressortir le négatif que le positif.
A bientôt!
@Mister Tii : si tu ne vois pas comment faire je peux te conseiller le plugin Horizontal Tiny Scrolling. Tout y est expliqué (en Anglais) et un exemple est également donné au téléchargement.
@PeteOyable : pour le défilement horizontal aucun mais pour le défilement j’utilise le plugin JQuery ScrollTo qui permet de faire scroller la page jusqu’à une ancre.
@Bat : il suffit d’avoir un écran plus grand ! Et le décentrage c’est un choix personnelle et je l’assume !
C’est de la discrimination!!!
J’aime, je vais m’en faire un dans le même style si j’ai le temps mais avec un défilement sur l’horizontal, je trouve ça plus classe ^^
Content de trouver du nouveau sur ce blog !!! Pour le CV, j’adore le défilement horizontale, ça change effectivement…
Terrible ton portfolio. On y voit bien tes compétences et la réalisation est vraiment chouette
Merci Robin-d, Tonylight et olybop !