Cascading Style Summer Refresh 2010
Yokel's world par yokel72
Voir en ligne http://www.yokelsworld.com
Après refresh
Note obtenue : 7.030/10
Voir en ligne http://www.yokelsworld.com
Note obtenue : 7.030/10
Les commentaires sont clos.
Roll :hover Beethoven !
(Chuck Berry)
Commentaires
Très joli, et navigation plaisante ! J'aime beaucoup !
Quelques trucs à corriger :
- Une mini erreur HTML de rien du tout
- Le CSS par contre a énormément d'erreur....
- affichage et navigation sous IE6 qui bug
Mais beau travail tout de même. :)
@Ariakan972 : Merci, ravie que cela plaise ! Pour tes remarques :
- j'avais repéré l'erreur HTML, mais je n'ai pas pris le temps de la corriger.
- Pour les css (css3), je suppose que tu parles des propriétés propriétaires (hum...pléonasme...) pour les arrondis ou ombrés,
- et pour IE6, idem, je n'ai pas pris le temps de corriger les bugs.
Evidemment, toutes ces choses figurent dans la liste TO DO ! Si tu vois d'autres choses, n'hésite pas à m'en faire part, ca ne sera que bénéfique pour améliorer le site.
Juste une précision, sans importance, mais je tenais à l'écrire : sur ma maquette graphique, j'ai prévu des rubriques aide / accessibilité et crédits, qui figuraient déjà sur l'ancienne version. N'ayant pas eu le temps de les remettre à jour pour cette version du site, j'ai préféré supprimer les accès à ces pages. J'attends la fin du concours pour les revoir, ainsi que compléter mon portfolio et évidemment corriger les bugs (déjà connus ou remarqués par vous). Bref, améliorer le site !
Le lien vers ton site ne marche malheureusement pas, je repasserai plus tard pour la note et j'ai hâte, ton nouveau design à l'air pas mal! ;)
Bonjour,
J'ai une page noire sous IE8. C'est peut-être un problème de scripts.
Première impression plutôt bonne !
Qq remarques :
-les titres comme "Juillet 2006 à aujourd'hui" me sont difficiles à lire, peut être un tout petit peu trop clairs ?
-les perfs sont à revoir : pas de compression gzip (d'autant plus que ça réduirait bien le poids de tes scripts JS), pas de mise en cache de certains éléments...
-pas de page d'erreur 404 personnalisée ? Ni de favicon ?
-un truc gênant : j'arrive sur l'accueil, je clique sur "voir mon portfolio", ok, ça m'y emmène. Y a encore le même lien, je reclique... il ne se passe rien. J'ai pas compris là ?
Sinon, un design pas mal du tout, une dégradation qui me semble convaincante (sans CSS ou sans images), le code me semble pas mal à première vue... je t'encourage à le perfectionner, c'est une belle réalisation. ;)
@Shokojjo et @Laurie-Anne : effectivement, il y a un souci (manque de temps de ma part pour tout vérifier avant le concours), mais il peut être remédié temporairement le temps du concours en activant le mode compatibilité sous IE8 (icône page brisée à côté de la barre d'adresse). Évidemment, je chercherai une solution à ce pb après le concours, et aux autres bugs apparaissant dans IE.
J'ai vérifié certaines choses dans IE, mais sous IE7.
@Nico3333fr : Merci pour tes encouragements et tes remarques. C'est très valorisant et ca fait du bien de les lire ;-) ! Pour les contrastes de couleurs, c'est un pb facile à régler, je verrai ça à l'issue du concours. Je préfère tout laisser tel quel pour que chacun puisse juger la même version du site. Pour la page 404 et le favicon, évidemment prévus mais non réalisés pour le moment. Pour le portfolio, je fais en fait appel au même contenu sur la page d'accueil et sur la page portfolio pour cette zone. Effectivement, je te l'accorde, après nouveau test de navigation, ce n'est pas pratique et perturbant. Je regarderai cela.
Par contre, je veux bien que tu m'orientes sur les perfs; j'avoue être plutôt novice à ce sujet, si tu as une rubrique du site Alsacréations ou bien un site de référence à me conseiller, je pourrai creuser ces notions.
Merci !
coucou yokel72,
j'adore graphiquement et visuellement c'est beaucoup mieux, petit remarque il manque plus qu'à justifier les paragraphes et se sera nickel.
J'adore, autant au niveau graphique qu'ergonomique ^^ Chapeau bas !
Alors voilà comme promis, je repasse et le lien marche, alors c'est très jolie tous ça, et le refresh est réussit dans l'ensemble! Bien joué!
Tom
@yokel72 : lis donc ceci : http://www.alsacreations.com/article/lire/914... (ça devrait bien t'aider)
Wao !
Bonjour Yokel,
Je vais dire pareil que @rionma44, chapeau bas !
Très joli et bien aéré et personnel, et efficace.On a envie de parcourir le menu
J'apprécie le placement du site, décalé du bord, sur la gauche, c'est original, mais je trouve toujours aussi malvenus les prolongements des marges ( sur la droite et en bas ), ce qui renvoie les menus à l'extrême droite, trop éloignés du reste.
La présentation du folio est propre mais un peu sommaire, attention, l'image de la dernière créa ne s'affiche pas !
Peut-être que le slogan résume un peu mes hésitations sur la qualité de ce travail :
" Quelque part entre la création, l’intégration et l’accessibilité web. "
Je regrette un peu qu'un parti-pris plus engagé " créa " ne soit pas mieux assumé, d'autant qu'on sent un potentiel dans cette direction.
Bonjour
Je trouve le refresh très très joli, j'adore le mariage des couleurs et leur utilisation dans la page et je n'aurai jamais pensé que le rose et le rouge "se marient" aussi bien :)
Quelques remarques sur le code :
- images désactivées, le titre Dernières créas est blanc sur blanc
- toujours dernières créas, si je clique sur l'image, la lightbox s'ouvre, si je clique sur le lien en dessous (ex : Intranet Mel'Info), rien ne se passe
- j'aime bien le principe de la page unique qui s'affiche horizontalement par contre j'ai une question : est ce à cause de cette construction le message qui apparait javascript désactivée ? Le site n'est plus du tout navigable dans ce cas de figure ? C'est dommage je trouve qu'il n'y ai que 2 solutions (changer de version de navigateur ou ré-activer javascript), cela force un peu la main de l'internaute...
Je trouve dommage de ne pas avoir prévu de feuille de style pour l'impression, beaucoup de textes sont tronqués.
Sinon, 2 autres liens pour les performances :
- http://performance.survol.fr/avec/compression...
- http://www.webpagetest.org/
@anais-id, @rionma33, @Shokojjo, @vectorskin, @chamomor et aux autres que j'aurai oubliés : Merci pour vos messages de sympathie, ravie que ca vous plaise. Je pense néanmoins qu'il peut encore être amélioré, surtout pour le portfolio.
@Nico3333fr, @cilou : Merci pour vos liens, je vais donc pouvoir bien approfondir le sujet de la performance.
@designer1959 : en effet, mes menus sont peut-être trop "fluides" car leur position est relative à la fenêtre et non au bloc qui les contient. C'est un point perfectible. Pour ce qui est du slogan et de ton hésitation, je comprends ton point de vue mais c'est justement là-dessus que j'insiste car je pense que mes atouts sont bien là, dans ma connaissance de ces domaines. Du coup, je suis peut être pas assez spécialisée dans l'un seul et moyenne dans tous... En tout cas, c'est ce que j'essaye de faire comprendre à mon chef : que je suis un élément je ne dirais pas indispensable (ce n'est pas le cas), mais sur lequel on peut s'appuyer car ma force est justement dans la non-spécialisation.
Cependant, tes encouragements quant à mon potentiel graphique me touchent, si seulement mon chef en avait également conscience... ;-) Je suis partie en tant que graphiste web en congé mater et je reviens limite au placard, je me suis donc posée pas mal de questions quant à mes compétences. ce concours est aussi pour moi une manière de m'évaluer et d'avoir les opinions des autres sur mon travail. J'attends sûrement une sorte de reconnaissance par ce biais, ca me rassure ;-)
@cilou : Merci pour la remarque sur le titre blanc sur blanc, je ne l'avais pas répéré. Je corrige cela quand le concours sera terminé. Le message Javascript n'apparait pas non pas à cause la page unique, mais à cause de mes styles CSS qui font apparaitre ce message par dessus tout le site et qui bloque donc la navigation. Ca me dérange aussi de ne pas laisser le choix aux internautes et d'imposer ce message, je m'en suis rendue compte un peu tard pour pouvoir le modifier avant le début du concours. Ca la fout mal de bloquer les internautes sur son site alors que je parle d'accessibilité. C'est un point que je modifierai bien sûr ! J'ai conscience que ca peut me pénaliser, mais faute de temps pour modifier ma CSS et mettre ce message en valeur d'une autre manière, j'ai laissé tel quel pour le concours. Idem, faute de temps pour la feuille de styles d'impression. Mais c'est quelque chose que je réalise pour mes sites pros.
Bonjour et merci yokel72 pour ta réponse :) J'irai étudier ton site dans quelques jours alors pour voir la construction de ta page car autant je n'aime pas trop la construction d'une seule page à la verticale, la tienne, à l'horizontale, me plait bien, sutout si c'est navigable, javascript désactivé :)
Bonne continuation
J'aime bien, c'est mon coup de cœur parmi tous les participants. De la fantaisie, de la sobriété, de la gaité, du dynamisme et de la facilité de lecture.
Juste pour être chiant, en très grande résolution (1920 de large), le menu est très éloigné du contenu, c'est assez peu pratique.
@yokel72
Merci pour ta réponse à mon commentaire. Et félicitations pour le concours.
Je pense que cette seconde place sur le podium saura parfaitement te rassurer sur tes compétences ! Je comprends parfaitement la nécessité de la polyvalence, d'autant que je suis (comme tant d'autres) dans ce cas : graphiste devenu, par nécessité, webmaster ( mais dans mon cas, c'est au petit pied ! ). Ma remarque t'invitait, tu l'as bien compris, à ne pas trop " céder " sur le plan de la créativité ! Car je constate à regret que souvent, pour aboutir à un site " standard ", le design devient plus pauvre, ou… plus " standard ", ce qui est dommage.
Bravo, c'est bien mérité :)
une ou deux remaques : le tagline : "Quelque part entre la création, l’intégration et l’accessibilité web" manque un peu de contraste avec le fond.
Même remarque que Mikachu sur le menu (même en 1650 de large et moins que ça).
@cilou : Merci !! Oui tu peux revenir faire un tour sur le site. J'espère trouver le temps de faire les améliorations rapidement ;-) !
@Mikachu : Merci pour ton appréciation ;-) Pour le menu qui s'éloigne du reste du contenu sur grand écran, je vais me pencher sur la question. C'est une remarque qui est souvent revenue. Mais pas facile d'y voir quelque chose sur mon pc portable en 1024x728 en résolution max ;-) !! Je suis trop à la ramasse côté matériel ;-) !
@designer1959 : En effet, je suis quelque peu rassurée sur mes compétences, mais un site web est toujours perfectible. Il est vrai que j'aime insister sur ma polyvalence, c'est ma force je pense. Tu as tout à fait raison quant à l'accent mis sur la créa, elle ne doit pas être lésée pour des raisons techniques. Seule mon imagination me limite, en espérant toujours proposer des sites assez convaincants esthétiquement.
@Hermann : Merci pour ton soutien ! Je corrige le contraste de la tagline rapidement, bien remarqué !