En ce vendredi après-midi, signe d’un week-end dont on peut presque sentir les croissants du dimanche matin tellement il se rapproche, j’ai le plaisir de vous livrer la nouvelle version de la partie “pro” de ce site (la partie blog restant inchangée) ! Cela vaut pour la version iPhone aussi, bien sûr.
Partie d’une envie de clarification du discours, de simplification de la présentation, et de meilleur impact du portfolio, j’ai donc complètement repris les pages accueil, curriculum, disponibilités, et contact du site. J’ai tâché de les rendre plus agréable à consulter, et plus marquantes aussi, avec de beaux grands visuels de mes références.
Vous pourrez aussi constater que j’ai changé de solution pour le calendrier des disponibilités : le calendrier de Google est, certes, beaucoup moins joli, mais il a l’immense avantage de bien marcher… ce qui n’était pas le cas de la version précédente, basée sur 30boxes.com, qui me plaisait beaucoup mais buggait sous sa forme “widget en iframe” sur Firefox, Opera, … En plus, je peux synchroniser le calendrier Google avec celui de mon iPhone, ce qui devrait permettre une encore plus grande précision et instantanéité des modifications.
Comme toujours, j’ai tâché de soigner et optimiser mon code, qui a été testé sous IE6+, FF3+, O9+, SF3+, sachant que j’ai de petits bugs sous IE6 (rien de bloquant) mais que j’ai décidé que, comme certains le disent si élégamment, “fuck IE6” sur ce site…
Comme toujours, encore, j’espère que ça vous plaira et j’attends vos commentaires et retours de bugs avec impatience ! 
(évidemment c’est du tout frais donc il risque de rester 2-3 gros bugs en cours de résolution pendant la transition).
11 réponses à cet article
# - - Ishiro -
Beau travail. Je trouve juste que le slideshow sur l’accueil défile un peu trop rapidement…
# - - Marie ALHOMME -
Ouh bein, merci !
J’ai encore des soucis avec ce satané formulaire de contact dans sa version iPhone, mais je vais trouver d’où vient le bug… ^^
Concernant le caroussel, vous pouvez le stopper en laissant votre souris dessus. J’avais peur qu’en le faisant trop lent, les gens ne se rendent pas compte qu’il y a en fait 3 panneaux… mais peut-être est-il trop rapide du coup !
Vous parlez de l’intervalle entre chaque mouvement, ou la vitesse du mouvement en tant que tel ?
Bref, encore merci de votre visite et de votre commentaire, si vous voyez des bugs n’hésitez pas !
# - - Ishiro -
Je parle de l’intervalle entre chaque mouvement… Il doit être à 2 ou 3 secondes, et ça ne me laisse pas le temps de lire la description.
Même si le but est de montrer les derniers visuels de manière assez rapide, je pense que ce serait pour moi je mettrais quelque chose comme 5 secondes, en toute subjectivité.
Toujours pour le carrousel, ce serait bien de stopper le « timer » lorsque la souris est sûr une des flèches de navigation… Concrètement, en tant qu’utilisateur, je clique sur une des flèches pour voir le visuel voulu, et je ne déplace pas ma souris vu que je vais re-cliquer d’ici une 10aine de secondes pour voir le visuel suivant. Actuellement, le timer n’étant pas arrêté, je suis obligé de revenir en arrière, ou de mettre ma souris sur l’élément affiché (si j’ai remarqué au préalable que cela permet d’arrêter le défilement).
# - - Nicolas F. -
Félicitations, c’est simple clair et précis, tout ce que j’aime !
# - - annso -
J’aime beaucoup l’agencement, les couleurs, les petites icones. Bien joli site !
# - - Léo -
Salut Marie,
Comme Ishiro je dirais que le carrousel va un peut trop vite – pas le temps de bien apprécier le panneau. La transition me fait aussi un peu mal aux yeux (mais bon je suis sur ce satané PC depuis 8h ce matin). As-tu essayé le fade in/out ?
J’ai aussi remarqué que la textarea de ton formulaire n’avait pas de <label></label> … pas bien
Très bon boulot sinon.
# - - Marie ALHOMME -
Hello à tous ! J’ai raté tous vos commentaires, il faut que je regarde pourquoi…
Merci pour les compliments, concernant les « critiques » :
- ça va trop vite : là c’est à 4.5s, c’est trop rapide encore ? Je peux toujours ralentir encore…
- ça s’arrête au roll sur le bloc, je ne suis pas sûre que ça puisse s’arrêter avec le roll sur les flêches, je vais regarder… mais je me disais que, comme les gens ont tendance à mettre leur curseur là où ils lisent, donc sur le bloc, ça ne devrait pas poser de problème… appparemment si, donc je vais fouiller
- fade in vs transition : quand j’ai demandé l’avis sur twitter, la majorité des gens m’a répondu que pour un carousel horizontal, le moins perturbant était un effet de transition horizontale… personnellement je préfère le fade aussi, mais si c’est perturbant d’un point de vue ergo, alors tant pis pour moi…
- pas de label sur le textarea : oui, je pourrai/devrai en mettre un autour du textarea… en fait j’en avais prévu un dans le h2 précédent, pis j’ai oublié ^^
Bref, tous ces retours vont me permettre d’améliorer encore les choses, donc merci, et maintenant j’attends à mon tour vos réponses !!
# - - Marie ALHOMME -
Bon, alors, je me réponds
- c’est ralenti à 6s.,
- rollover sur les flêches fait pauser le carousel,
- label sur h2 pour le textarea de la page de contact
Merci encore !
Pour la transition pour l’instant je ne change rien.
Et si vous en avez d’autres…
# - - Léo -
Impec la transition, et bien vu le label sur le h2, c’est le meilleur endroit je pense
# - - Léo -
yop yop je viens de voir ça aussi dans le select du choix de domaine:
Une remarque, un question, un suggestion ?
# - - Marie ALHOMME -
Hello Léo !
Super pour la transition et le label dans le h2
Et très bien vu pour le select, quel oeil de lynx !
C’est donc corrigé…
Merci, à bientôt !