Cascading Style Summer Refresh 2010
Florent Marchet par Footeuz
Voir en ligne http://florentmarchet.ecoute.me
Après refresh
Note obtenue : 3.690/10
Voir en ligne http://florentmarchet.ecoute.me
Note obtenue : 3.690/10
Les commentaires sont clos.
Alsacréations, un site dédié au <body> building
(Jean-Claude Vandamme)
Commentaires
Le site est clair et fonctionne bien, mais le code pèche un peu (belle divite, éléments dépréciés (pourquoi tant de <b> ?), les niveaux de titres sont mal utilisés, ..)
J'ai un peu de mal avec ce site. Des cadres de tous les cotés sans réel alignement, et aux bordures pas trop évidentes à distinguer... Le menu aux liens "vert" sur ce fond n'est pas spécialement lisible non plus... Bref, pas convaincu par le visuel.
Niveau code, le site valide à 2 exceptions près pouvant être très facilement corrigées ! Au passage, il y a un bon paquet de balises meta pas spécialement utiles... Pour le reste, le site me semble bien optimisé, pas de problème flagrant. Bon boulot !
Bonne continuation
Le visuel style "rétro" est une bonne idée, mais le fond est trop chargé, trop lourd, ceci est p-e aussi du à la trop forte opacité des motifs d'arrière plan. Si l'arrière plan avait été un peu atténué et les couleurs plus pastels, cela aurait sans doute évité cet effet de surcharge visuelle. Au-delà ce ces remarques, le site est facile d'accès, il semble fonctionner un peu comme un myspace , ce qui le rend très accessible (ça c'est un bon point pour moi) !! On sent quand même, que beaucoup de travail a été effectué pour la refonte, ce qui n'est pas négligeable et mérite des félicitations et des encouragements !
Bonne chance à toi !
Bonjour Footeuz,
Je n'accroche pas trop à l'effet retro un peu "hypnotisant" néanmoins il y a en effet eu un gros travail de refonte.
Au niveau du code, il y a quelques "b" qui se baladent et qui sont dépréciés à présent pas les navigateurs.
Bonne chance à toi pour le concours !
Concernant le design, subjectif, mais je le trouve sans doute trop chargé. Le contenu se retrouve "noyé".
Sinon, au niveau du code, c'est plutôt propre. C'est clair, lisible, bien indenté (sauf les parties dynamiques, il manque des retours à la ligne, mais c'est un détail, ce qui compte c'est que ce soit clair dans les sources). La validation W3C est si proche (passez les paramètres incriminés en minuscule).
Une seule interrogation : n'aviez vous pas d'autres moyens de mettre en place les contours de vos encarts? Cela fait beaucoup de balises "b" avec des styles différents contenant des espaces.
L'effet rétro est complètement voulu.
Car cet artiste sort un album dans quelques jours et l'artwork de cet album est volontairement 70's.
Pour les <b> vous parlez de ceux qui permettent de créer les cadres arrondis ?
Il n'y a pas de texte dans ces balises.
Je vais vérifier qu'il n'en reste pas avec du texte.
En tout cas merci pour vos retours. C'est vrai qu'on a peu souvent des retours critiques sur son travail surtout pour un site perso.
@Footeuz : Je n'ai pas vu de texte dans les balises "b", mais ne pouviez vous pas vous en sortir autrement? Après, pour la "surcharge" graphique, c'est vrai que c'est très 70's, mais peut être un peu trop?
coucou Footeuz,
Le fond est trop imposant et on en oublie le contenu, mais si j'ai bien compris c'est le thème de l'artiste, cependant je pense qu'il y a d'autres manières de représenter les années 70, avec des illustrations ou même juste atténuer le fond est hypnotique. Sinon j'aime beaucoup les couleurs utilisées
Bonjour,
Beau travail sur l'ambiance général du site, cela change un peu. Le background me gêne un peu pour la lecture.
Bonjour
Je pense que mat_dev voulait souligner que la balise <b> porteuse de sens (mettre en gras du texte), ré introduite en html5, ne doit pas être utilisé pour afficher des coins arrondis, il vaux mieux utiliser des div.
Sinon, j'étais prête à poster quelques commentaires mais en fouillant un peu, j'ai tilté sur votre dernière phrase "C'est vrai qu'on a peu souvent des retours critiques sur son travail surtout pour un site perso."... a priori vous êtes dans le métier du web (http://www.footeuz.fr/) donc je m'abstiendrai !
Bonne chance
Hideux ! Désolé pour ce commentaire définitif mais le mauvais goût de ce site me hérisse.
@galeazzo : pourquoi tant de haine? Le style colle avec le thème abordé par le site. Certes, je suis le premier à dire (voir les commentaires plus haut), ou non pas le premier, car d'autres ont fait ce commentaire avant moi, c'est beaucoup trop chargé. Mais modérons nos propos svp. Car derrière un site, même s'il ne vous plait pas, il y a un travail. Même s'il est perfectible, même si le résultat n'est pas à votre goût, l'effort fourni se doit d'être respecté. En attendant, vous devriez corriger les erreurs javascript sur la page d'accueil de votre site (boite2sites) et retirer le logo indiquant la validité de votre site W3C, car je suis au regret de vous signaler qu'il ne l'est pas.
Merci Mat_dev
Effectivement je ne suis pas du tout graphiste et le design pour moi a toujours été la partie la plus difficile à faire.
Hier soir j'ai atténué l'image du fond.
Mais je me suis posé la question de savoir si on pouvait faire quelques petites modifs avant la fin du concours ?
Car l'album de l'artiste en question sort avant la fin du concours et je suis donc susceptible de changer quelques petites choses ou pages que je n'ai pas encore migré.
Je trouve que le refresh est trés réussi ds l'ensemble même si l'image de fond pique les yeus et que l'ensemble des modules sont assez old school! ;)
Sinon j'aime bien, donc merci et bonne continuation!
Tom
Je suis pas fan du tout du design (question de goûts) qui me rappelle fortement une mise en page myspace..
Puis je trouve le site assez fade.
Mais en ce qui concerne le refresh y'a pas photo, une bonne amélioration quand même :)
La référence visuelle aux années soixante-dix est une idée, mais elle a été assez mal adaptée au site, à mon sens. De plus, la charte graphique des bordures de blocs, identique au background, ajoute une perturbation supplémentaire. J'aurais peut-être utilisé le portrait de l'auteur, en arrière-plan duquel on voit une tapisserie de cette période semble-t-il ? et l'aurais placé en grande taille sur fond clair. Cette photo là a du style, je lui aurais donné plus d'espace.
Néanmoins, je trouve dans ce site un langage à part, singulier. L'effet kitsch peut aussi être une piste à explorer.
Première impression... plutôt surprenant ! :o
Quelques remarques histoire de râler : :)
- Des petites améliorations de perfs à travailler.
- Le fond est... psyché ! :o
- comme les autres l'ont dit, quelques petites améliorations à fournir côté code.
- Un détail : si je vais sur le menu, et que je clique par exemple sur "Agenda", il ne se passe rien... ça m'a un peu surpris (être obligé d'aller dans le menu déroulé).
- Peut-être quelques alignements à trouver pour les boxes dans "Parcours / Collaboration" ?
- J'ai eu qq problèmes de lisibilité du footer (écran très lumineux).
Une curiosité en tout cas, le côté retro est vraiment surprenant, et c'est très bien d'être surpris, j'encourage. :)
Si internet était devenu grand public dans les années 70 ton site aurait fait un malheur je pense ! Mais là par contre le fond est un peu trop présent pour notre décennie, et dé-sert malheureusement ton contenu, surtout qu'il s'immisce entre les blocs de ce contenu, le rendant encore plus présent !