Version imprimable
Bonjour à tout le monde,
Je viens de mettre en ligne mon site portfolio pour présenter mes activités de création de site web, et j'aimerais obtenir vos avis dessus. Que ce soit au niveau esthétique, ergonomique ou autre.
Ces avis extérieurs me seront très utiles afin de peaufiner au mieux mon site pour bien démarrer mon activité. Voici l'adresse :
http://www.kajan-siva.fr
Merci d'avance.
Un mot: excellent ;)
Je le trouve plutôt bien fait, le design est sobre, élégant, la navigation fluide... Il manque juste un peu de contenu à mon gout...
Juste une question comment a tu fait pour le menu, le carrer orange qui ce déplace ?
Merci pour vos commentaires. C'est un site vitrine que j'ai fait pour présenter mon activité d'indépendant que j'effectue à temps partiel.
Et c'est vrai que niveau contenu c'est naze, surtout du côté du portfolio. C'est pourquoi je devrais bientôt faire une refonte globale du site. Wait and see...
Pour ce qui est du carré orange qui se déplace dans le menu, c'est fait avec du JQuery.
En résumé :
J'ai un menu sous forme de <ul>.
Sur chaque <li>, j'attache une fonction à l'événement "mouseenter", pour détecter le survol d'un élément du menu.
Dans cette fonction, je déplace le carré orange jusqu'à l'endroit voulu, grâce à la fonction animate() de JQuery. Avec ça, on a juste à dire jusqu'à où on déplace un élément, et il effectue une transition.
Ensuite, j'attache une autre fonction sur le menu à l'événement "mouseleave". Dès que la souris sort de la zone du menu on ramène la carré à son emplacement initial.
Pour le voir plus en détail tu peux regarder le code de mon site. La partie de code spécifique à l'animation du menu est dans le fichier "menu.js" que j'inclus vers le bas du fichier html.
C'est quelque chose que j'ai fait spécifiquement pour mon cas, donc le code n'est pas générique. Il faudra adapter les valeurs pour le déplacement. Mais surtout, il faut que les éléments du menu (les <li>) soient collés les un aux autres.
Il y a sûrement d'autre moyen de faire ce genre d'animation, si j'ai le temps et si ça intéresse d'autres personnes j'essayerai de mettre un tutoriel plus complet et plus générique quelque part :ccool:
Citation:
Envoyé par Kajan
Moi déjà ca m'intérrésse, mais en attendant je vais regarder ton code ;)