25 Commentaires

961d45970944e5496aed783dfa549d54?s=200&r=pg&d=mm
Roooh, 10-06-2014 16:54:21 - Répondre

Bonjour,

Un grand merci à toi, qui a prit le temps de nous en faire un tutoriel video.
Ca fait aujourd'hui, plusieurs semaines que je cherchais comment faire un site similaire.

Je dois faire un portfolio pour mes études, et il va être une aide précieuse.

Encore une fois merci, j'ai compris le scrolling et d'autres petits éléments qui sont présent dans ce tuto.

3891429d708915dcfb46e0e80d9b442b?s=200&r=pg&d=mm
RWissem, 01-11-2013 16:07:31 - Répondre

Bonjour Jeremy Jones

Tout Débord J’adore que ce que tu fait c'est extraordinaire je kiff tros

Mais y a un Problèmes au niveaux de cette balise

<script type="text/javascript" src="https://ajax.googleaplis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

Pour l'est fait ZoomBox tu peu regarder ton dossier Zoombox au niveaux du dossier Jquery.js psk il n'y est pas
et ce lien src ne marche pas

s'il te plais au niveaux du dossier tu a mit en ligne je parle bien du Zoombox de Grafikart n'est pas
correct est marche pas par ce qu'il manque le dossier Jquery.js sur le Dossier Zoombox j'ai
corriger l'erreur au niveaux des me balise et j'ai telecharger ce fameux document Jquery.js
et j'ai mie cette balise la :

<script type="text/javascript" src="zoombox/jquery.js"></script>

et sa marche bien ! mais faut telecharger ce document jquery.js que j'ai telecharger via la
démo que tu a mie en ligne

Voila Merci Jeremy Continue comme sa j'aime tros t'es tutoriel ;)

D6129eb318935a82d135736d101b3ba6?s=200&r=pg&d=mm
Billalith, 02-09-2013 17:52:25 - Répondre

Bonjour et merci pour ce tuto.

Par contre je rencontre un petit problème de l'animation du scrolling. Il ne se passe rien en fait :)
Quelqu'un a-t-il une idée du pourquoi du comment ? :)

Merci

D6129eb318935a82d135736d101b3ba6?s=200&r=pg&d=mm
Billalith, 05-09-2013 15:21:36 - Répondre

C'est bon j'ai trouvé mon erreur. Merci

4390ccdd39bc022c25d5a4f285e34bb9?s=200&r=pg&d=mm
bandc, 06-05-2013 14:26:51 - Répondre

un seul défault à ce tutoriel
La pub woozgo qui s"ouvre des qu'on touche au lecteur you tube sa devient vite très lourd

Ecf295338d92881b2a76424911261671?s=200&r=pg&d=mm
SwYx3R, 18-11-2012 13:04:28 - Répondre

J'ai bien pris les mêmes dimensions de bkg-left.png et mis les mêmes mesures (35*35) mais mon "left" reste tout petit, juste la largeur du texte. :( Quelqu'un a une solution ?

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
ld, 24-06-2012 16:12:40 - Répondre

Merci super tuto,juste rencontré un problème pour le formulaire car je n'arrive pas à les recevoir en faisant la même procédure que sur la vidéo. Y a t'il autre chose à faire pour que ça fonctionne?

C8ad5ab8dc61f2a8987d7b779fd60257?s=200&r=pg&d=mm
kamygraph, 31-05-2012 14:37:56 - Répondre

Hello ! Super ces tutos, j'apprends plein de trucs.
J'ai la même question que Roman et Matla, si quelqu'un a une réponse... Merci !

F8b096f2906b7c97f355877031efaab5?s=200&r=pg&d=mm
ots, 12-04-2012 13:10:11 - Répondre

Bonjour, et merci pour cet excellent tuto.
mais comment modifier le code js pour pouvoir mettre la colonne de droite dans un div d'une hauteur déterminée avec un overflow:hidden;
merci

4e1bd066286f304a49a4d23c2bbf69cf?s=200&r=pg&d=mm
nidnight, 04-04-2012 14:20:21 - Répondre

Super tutoriel rien à dire :)

Ec58a3a37a13647f2607cb81a582889d?s=200&r=pg&d=mm
Roman, 14-03-2012 13:16:13 - Répondre

Salut!
Tout d'abord, je te remercie pour ce tuto très intéressant.
J'ai quand même une question:
Comment faire pour que lorsqu'on scroll manuellement et qu'on arrive sur la div contact par exemple, pour que "contact" dans le menu prenne la class active?
Encore merci pour cette vidéo!

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Matla, 26-03-2012 01:41:18 - Répondre

Bonjour. Merci pour ce très bon tuto. Je rejoins Roman sur la question. Comment peut-on déplacer la classe .active en fonction du scroll manuel ?

J'ai déjà vu ça sur certains sites. Ce serait très intéressant ! Merci.

1d2d33d0676751b26fdaf3db82119e6b?s=200&r=pg&d=mm
Maï, 07-03-2012 17:19:11 - Répondre

Bonjour,
Pourquoi sans faire la dernière partie "scrollTO", même le nav.js, le scroll fonctionne quand même...

Merci

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Gothor, 02-04-2012 01:13:30 - Répondre

Bonjour,
scrollTo permet de faire un scroll automatique 'en douceur', si tu ne le mets pas, un lien vers une ancre amène directement à cette ancre mais de manière 'brute'.

5141806eeb6dfaf50630c4077b10f515?s=200&r=pg&d=mm
TwiSka, 27-02-2012 22:14:01 - Répondre

Super Tuto !

F574f9a654a53d1e29ef5eef01ddee38?s=200&r=pg&d=mm
pierrot, 24-01-2012 12:08:27 - Répondre

La petite fonction scrollTo est simple mais tellement efficace visuellement parlant :)

Merci pour cette astuce!

E2ebd3595e3ec60bcdb6eb9c36d5149e?s=200&r=pg&d=mm
Bloodyred, 13-01-2012 15:25:47 - Répondre

Super vidéo ! Merci
Et je me posais la même question que Carineb...

F67500a2fae63084359fb14f259e0fe5?s=200&r=pg&d=mm
carineb, 12-01-2012 03:46:15 - Répondre

Merci pour ce tuto
J'aurai juste une petite question. Quel est l'élément à modifier si je souhaite voir un défilement horizontal plutôt que vertical ?

5fa4d89304d28861d5963e48888ae1dc?s=200&r=pg&d=mm
facebookman, 11-01-2012 15:36:16 - Répondre

saluuut, et merci pour cette video!

6475345291368cf8b28d3229d817cb75?s=200&r=pg&d=mm
vaald, 09-01-2012 02:39:08 - Répondre

J'ai un soucis, je l'ai déjà posté sur lesiteduzero : http://www.siteduzero.com/forum-83-726028-p1-probleme-redimentionnement-du-texte.html#r7000479 .
Si vous pourriez m'aider en répondant ici ou là-bas, je vous remercie d'avance.

3c3fc7c8660c49a0823fae402ce18a92?s=200&r=pg&d=mm
whatsgoingon, 22-12-2011 20:38:40 - Répondre

Génial, ça fonctionne !
1000 mercis, ça en jette !

Ffd39e48be24b039fd5473aa975f32a3?s=200&r=pg&d=mm
shellquote, 28-10-2011 18:26:08 - Répondre

Deja merci a toi pour le tuto, c'est tres sympa.
Mais je dois dire certaines choses :

Cerrtaines partie sont trop trop longues. on se moque un peu de savoir que les padding et les marge sont de 20 ou 15, ou 14px. Ta partie avec ta maquette non fini (c'est pas top top), c'est bcp trop long, les bordures sur les images, c'est tres long aussi. iL FAUT QUAND MEME RESTÉr CONCENTRÉ PENDANT 1H30.

Tu n'explique pas le line-height, qui est un element pas trés evident a saisir au début, du moins son intéret.

Pour la partie bloc tu pourrais plutot utilser un backgroung decalé pour les titres, plutot que d'avoir l'ímage dans le html, il n y a pas d'interet sémantique.

Tu n'explique pas non plus et ce qui est important, le position fixed ou absolute sur le div left.. sans le positionnement, cela ne crée le fond en 100% , mais uniquement sur l'ul. Et ceci est vraiment important parceque au debut on fait un height 100%, mais ca ne donne rien, il faut comprendre le fixed ou absolue pour saisir que c'est ca qui permet de l'avoir a 100%

tu melange dans la partie portfolio un h2 et apres un p, pourtant le p avec un classe subtitle a vraiment un interet semantique, il faudrait plutot utiliser un h4 ou h5.
Toujours dans la partie portfolio, tu mets en bloc tes lien, mais tu n'explique pas pourquoi cela. On s'apercoit juste que cela permet d'ajuster les images. Mais on ne comprends trop pourquoi.

en revanche, cést tres bien d'Expliquer le clear sur les float, c'est pas évident au début.

tu pourrais aussi preciser dans ton nav.js, a quoi sert le documen.ready function. Tester aussi avec un alert que ton nav.js est bien chargé.

Et pour fiir bravo pour ton expliquation du nav.js, qui est vraiment bien faite..

Bref Merci pour ton boulot, le temps que tu y prends pour partager ton travail et ton savoir faire..

Shellquote

D41d8cd98f00b204e9800998ecf8427e?s=200&r=pg&d=mm
Tony, 26-10-2011 20:23:41 - Répondre

Je me disais bien que j'avais déjà vu ce tuto quelque part :)

C101cc4e4cf402f4085e74844584b7b0?s=200&r=pg&d=mm
ZiOu, 26-10-2011 14:01:33 - Répondre

ça serait sympas une petite démonstration ^^

F81b5bc37376672e05291b311be3bf4d?s=200&r=pg&d=mm
Aureliendu917, 26-10-2011 12:21:42 - Répondre

Premes :D