Refonte de mon portfolio

Portfolio - Arnaud Koncina

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 ! 👿

Ce contenu a été publié dans design, JQuery, news du web, avec comme mot(s)-clé(s) , , , . Vous pouvez le mettre en favoris avec ce permalien.

21 reponses a Refonte de mon portfolio

  1. miniblin dit :

    Wow ! La navigation est très originale et le rendu très pro.
    Joli !

  2. arnaud dit :

    Toujours le premier Julian !
    Merci du compliment !

  3. 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. =)

  4. doo dit :

    cool de retour n_n

  5. arnaud-k dit :

    @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é !

  6. Huard olivier dit :

    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

  7. arnaud dit :

    Merci merci ! Moi ça m’éclate de faire du JQuery ! 😀

  8. Rkueny dit :

    Très joli !!! Je suis fan de la navigation !!

  9. arnaud dit :

    @rKueny : Merci !

  10. remrem dit :

    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 ?

  11. arnaud dit :

    @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) 😉

  12. remrem dit :

    @arnaud > oki, ça m’étonnais juste de ne pas pouvoir accéder au menu du bas 😉

  13. Mister Tii dit :

    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

  14. PeteOyable dit :

    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 ?

  15. Bat dit :

    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!

  16. arnaud dit :

    @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 !

  17. Bat dit :

    C’est de la discrimination!!!

  18. Robin-d dit :

    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 ^^

  19. Tonylight dit :

    Content de trouver du nouveau sur ce blog !!! Pour le CV, j’adore le défilement horizontale, ça change effectivement…

  20. olybop dit :

    Terrible ton portfolio. On y voit bien tes compétences et la réalisation est vraiment chouette 🙂

  21. arnaud dit :

    Merci Robin-d, Tonylight et olybop !

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *