[Pro] www.srg404.be

Voilà, mon nouveau site est enfin en ligne...
Je poste ici, pour avoir un avis neutre et objectif sur le code et le graphisme !

Niveau technique, c'est du Worddpress, html5 et jquery

Je vous remercie d'avance

http://www.srg404.be
Modifié par srg404 (18 Mar 2012 - 20:01)

Bonjour,

J'ai remarqué quelques petites coquilles : profesionnel (manque un s) et il manque l'accent à EDUCATION.

J'aime la présentation du C.V.

bonjour

J'aime beaucoup le design ! La page d'accueil est un peu déroutante au départ, mais j'aime bien

Vraiment le point noir, parce qu’il en faut un, c'est l’animation au over de ton porte folio. Je l'a trouve vraiment "agressive". Faire tomber le screen, puis le faire rebondir, en plus de faire apparaitre la loupe, je trouve que ca fait un peu trop. Surtout que ca ne fait apparaitre la même page mais en noir et blanc.
Peut être une animation plus légère ?

J'ai bien aimé le colorChoser aussi

Merci, pour ces 2 retours

Je vais corriger les coquilles de suite...

Je me suis fait la réflexion pour l’animation du portfolio, c'est vrai qu'elle est un peu hard, mais au final je l'aime bien et je n'ai pas trop envie de la modifié (j'avoue ). Mais bien sur, si j'ai beaucoup de retour négatif j'aviserais !

Je dirais même plus :

a écrit :
EXPÉRIENCE PROFESIONNELS

> Expériences professionnelles !

Sinon, j'adore ton design, très agréable !

C'est normal si ta home (les hexagones) ne sont pas cliquables ?
J'avais envie de cliquer sur Photos moi !
Modifié par KaySix (19 Mar 2012 - 18:13)

C'est cool que tu apprécies mon design.

Oui c'est normal que ça ne soit pas cliquable, cette page d'accueil et là pour éviter le blabla et juste illustrer me compétences (centre d’intérêts).

Merci pour la remarque sur mon orthographe défaillante, c'est corrigé

Personne n'a de remarque sur le code ?
Modifié par srg404 (19 Mar 2012 - 19:35)

Salut salut,

Graphiquement parlant c'est plutôt réussi, je surkiff la petite bordure à droite de nav ça donne vraiment son petit effet ^^. Perso j'aurai bien souhaité cliquer sur les hexagones aussi et qu'il change de couleur au hover et que photos redirige vers photo, et trouver un truc pour le reste

Je trouve aussi l'animation un peu agressive. L’icône des réseaux sociaux est bien caché, à toi de voir comment tu souhaites te positionner.

Pour la partie code :

- Tu as 15 scripts externes, faut les rassembler c'est beaucoup trop;

- Ton logo est intégré bizarrement pourquoi n'avoir pas mis une <img> avec un alt pertinent ici c'est mis en CSS avec un text-indent pour le texte de substitution. C'est une mauvaise pratique, d'une part si ton image ne se charge pas (oui oui ça arrive encore !) il n'y aura tout simplement pas d'information. De plus, tu as mis un span à l'intérieur, surement pour apporter de la sémantique à l'image, mais comme texte tu as mis « Logo », hors sur l'image il n'est pas écris « Logo » mais « SRG 404 », c'est incohérent;

- En parlant de sémantique, ton logo aurait mérité d'être dans un <h1>;

- Sur la page portfolio aucun alt n'est mentionné, pareil pour la page photos où là ils le sont mais ils sont incohérents;

- Sur la page contact tu as labélisé ton formulaire mais tu n'as pas lié les labels aux inputs résultat ils ne servent à rien;

- La petite flèche pour dérouler le menu des réseaux sociaux est un span vide, donc avec une sémantique nul;

- Les icônes des réseaux sociaux devraient également se trouver dans l'HTML avec un alt pertinent et non utiliser la technique du text-indent;

- Quand je désactive javascript, je ne peux plus voir les boutons des réseaux sociaux, le javascript est intrusif, dans le portfolio je ne peux carrément plus voir les informations sur les sites;

En espérant t'avoir fourni quelques pistes
Modifié par Gili (19 Mar 2012 - 19:50)

Yep, merci pour les remarques m'sieur Gili

- 15 scripts, j'avoue que j'avais pas fait gaffe, ça monte vite ces choses là (je vais essayer regroupé tous ça).

- Comme j'utilise un sprite, pour éviter de multiplier les requêtes pour le graphisme général du site, un text-indent me semblais approprié pour garder un sens à l’élément html. est ce vraiment une mauvaise pratique ?

- Le h1 pour le logo j'y avais pas pensé bonne idée ça mettra de la valeur sur le nom du site.

- Oups en effet j'ai oublié les balises alt sur le portfolio.

- Pour le formulaire de contact je suis dépendant de l'extension 'Contact Form 7' je vais voir ce que je peux faire.

- J'avoue que je vois pas vraiment ce que je pourrais faire pour la petite flèche qui sert à dérouler le menu des réseaux sociaux (a part un text-indent) que me conseillerais-tu ?

- Pour l'intrusivité du javascript (ça ce dit ça ? ), en effet je vais réfléchir à une solution.
Modifié par srg404 (19 Mar 2012 - 21:33)

KaySix a écrit :
C'est normal si ta home (les hexagones) ne sont pas cliquables ?
J'avais envie de cliquer sur Photos moi !

Même chose pour moi, cette page n'a pas vraiment d'intérêt, même graphiquement, par rapport aux autres.

Je trouve l'effet de rebondissement sur le portfolio un peu pénible.

Inclure 2 fois jquery dans la même page c'est pas terrible.

Tu devrais peut être trouver une baseline à ton logo ou expliciter un peu ton activité, je suis pas sur qu'on comprenne d'emblée ce que tu fais.

srg404 a écrit :
- J'avoue que je vois pas vraiment ce que je pourrais faire pour la petite flèche qui sert à dérouler le menu des réseaux sociaux (a part un text-indent) que me conseillerais-tu ?

Le mieux c'est l'image en dur dans le html avec le alt qui va bien. Sinon, un text-indent est mieux que rien.
Modifié par bzh (20 Mar 2012 - 10:14)

Voilà,

Apres les remarques que vous m'avez fait, j'ai fait quelques changements.

J'ai allégé l'effet de rebond du portfolio.
J'ai rendu cliquable les hexagone de la page d'accueil (pour ce faire j'ai du crée une nouvelle page graphisme).
J'ai ajouté une baseline à mon logo.

Comme ça vous pouvez voir que vos remarques sont constructive et servent a quelques chose, merci encore


Comme m'a fait remarquer bzh Jquery et chargé 2x ... en fait je n'avais pas fait attention mais l’extension Wordpress 'Contact Form 7' charge jquery pour sont usage exclusif (donc utilisable que par l'extension), quelqu'un connais une solution à ce problème ?
Modifié par srg404 (30 Mar 2012 - 16:49)

Salut !

Site sympathique, j'aime bien, juste une petite chose qui me gène, sur ta page CV, lors de l'effet de survol sur les liens pour télécharger ton CV, ou te contacter, le texte bouge. Je ne suis pas épileptique, mais c'est gênant.

Peut être voir pour que l'effet du survol soit plus marqué mais sans que le texte ne bouge

Pour répondre aux icônes des réseaux sociaux, tu peux faire le fonctionnement inverse, affiché par défaut le petit bandeau, et venir le caché en JS.
En restant sur cette barre "sociale", à quoi sert l'attribut REL ? Car tu du coup, ça t'invalide ta page (je n'ai pas pousser la recherche plus loin, tu l'utilise peut être en JS)

Ton portfolio n'est plus fonctionnel sans JS.

Pour ton formulaire de contact, pourquoi ne pas mettre une jolie bordure rouge sur les champs en erreur ? Histoire de bien enfoncé le clou sur le champ en erreur ?

Je ne connais pas WordPress, mais pourquoi on retrouve des scripts JS appelé dans le head, puis en bas du document ?

En plus du doublon Jquery déjà signalé.

Pour grouper les fichiers JS (et CSS si tu veux), j'utilise google minify, qui permet de grouper les fichiers ensemble (donc limiter le nombre de requête HTTP), mais il compresse aussi les code (gain de bande passante), tout en conservant tes fichiers parfaitement lisible !

Pour la remarque pour IE7, j'aurais plutôt utiliser le terme "outdated" (ou obsolete) que "ancient" qui sonne pas terrible. D'ailleurs, je t'invite à lire cette discussion sur ce genre de message.
Modifié par Super_baloo8 (31 Mar 2012 - 02:39)