Cascading Style Summer Refresh 2010
Juslisen par glow
Voir en ligne http://www.juslisen.com/
Après refresh
Note obtenue : 7.031/10
Voir en ligne http://www.juslisen.com/
Note obtenue : 7.031/10
Les commentaires sont clos.
Alsacréations, un site dédié au <body> building
(Jean-Claude Vandamme)
Commentaires
Bonjour à tous,
merci de visiter Juslisen et de laisser vos commentaires, qu'ils concernent le design ou l'intégration !
je me suis fait plaisir en utilisant le "responsive web design", surtout dans l'optique d'une consultation mobile du site. Pensez à tester le redimensionnement du navigateur :)
Je tiens aussi à préciser qu'il s'agit d'une refonte complète du site, pas uniquement visuelle. Pour ceux qui connaissent, j'ai migré un forum minibb vers vanilla 2, ce qui n'a pas été une mince affaire !
Très beau relooking !
Des erreurs CSS hélas (faudrait trouver d'autres solutions pour arriver au même résultat). Par contre, bon affichage sous IE 6 ! (sauf la page forum, j'imagine que c'est un truc minime à) corriger)
Du bon boulot. :)
La photo de la ville en background ça change tout et ça donne un côté vraiment sympa !
La page d'accueil a vraiment de la gueule, mais quand on va sur les articles c'est un peu moins original et ça ne colle plus aussi bien, dommage :-s
En tout cas c'est un bon refresh je pense.
Mon préféré je crois pour le moment ! Le background est parfait, et la mise en page vraiment réussie. Je ne connaissais pas le terme de "responsive web design" mais bravo !
Joli refresh!
La page d'accueil est clairement très bien faite :)
Effectivement, les autres pages sont plus classiques...
Bien joué pour la gestion efficace du viewport !
Merci beaucoup pour les commentaires.
@Ariakan972 : le css ne valide pas à cause du css3, comme tu as pu le voir sur d'autres site du concours j'imagine. donc pas de soucis d'accessibilité mais au contraire des petits bonus visuels sur les navigateurs récents (gradient, ombre portée..). Je crois que là on parle de "progressive enhancement".
@glow et Ariakan972 : Effectivement, il faut sélectionner CSS3 dans les options avancées, mais il y a tout de même des erreurs.
Beau refresh dommage que le contenu passe par dessus ton logo quand on scroll... Mais beau graphisme...Bonne continuation!
@Ecstatic : Merci pour le commentaire. Effectivement, je devrai "fixer" le logo uniquement si la résolution de l'écran est supérieure à une certaine valeur. Sur les grandes résolutions, le contenu ne passe pas par dessus et le logo est toujours visible.
@Laurie-Anne : apparement on ne peut pas valider une css en utilisant les propriété box-shadow ou background:rgba(...)
coucou glow,
Belle refonte, super sympa, j'adore les couleurs le style, le site est vraiment sympa :)
Waouw très beau relooking =)
C'est très harmonieux, autant le background photo que les couleurs choisis. J'aime beaucoup. C'est sympa ergonomiquement aussi ^^
Bonjour
Très très joli... je trouve que tout est en harmonie, le fond, le thème, les couleurs, l'agencement :)
Le code est très propre aussi, par contre il y a un truc qui m'a interpellé (c'est pas une attaque ou une récrimination), mais http://www.pixmasta.com/ (lien en bas de ton site), c'est eux qui ont fait l'intégration ? Parce que, vu le prix affiché sur le site et vu le boulot fait, je me sens pas vraiment à ma place dans le monde du web...
Bonsoir @Cilou, merci beaucoup pour le commentaire.
C'est moi qui ai fait l'intégration, mais pixmasta a bien un rapport puisque c'est mon site également. J'aimerai que la discussion ne dérive pas sur ce second site mais sache que les tarifs proposés sont trop bas et qu'il faut que je revois le service proposé. Ne te remets pas en questions!
J'en profite pour redire ma gratitude concernant les compliments. J'en suis presque déçu de ne pas avoir plus de critiques ou suggestions! En tout cas n'étant pas graphiste de métier, je suis ravis de voir que le design plaise à des connaisseurs.
@glow : [Pensez à tester le redimensionnement du navigateur :)] J'ai testé et c'est très bien joué!;) Bon refresh dans l'ensemble, bravo
Tom
Bonjour
Oups... désolée, je me tais donc ;)
Je suis retournée sur ton site, mais c'est tellement parfait (à mon niveau de connaissances) qu'il est difficile d'émettre critiques ou suggestions :)
Peut-être :
- corriger les 3 erreurs de code, mais bon comme ça porte sur &, je ne suis pas sûre que ce soit bien grave
- optimiser un peu les performances (regrouper les JS, compresser le texte, les images, utiliser le cache http://www.webpagetest.org/)
- Je trouve le texte sous bienvenue un poil trop petit
- Quand on va lire la suite (de Bibal par exemple), j'ai été un peu dérouté par la date des commentaires, j'aurais mis les plus récents en premiers
Du coup, j'ai testé aussi le redimensionnement navigateur... ouhaou, je vais aller étudier ton code de plus près ;)
Pour moi, c'est note max, bravo !!!
Toutes mes félicitations, le site est vraiment très très réussi ! Il s'agit de la réalisation la plus réussie d'après moi
J'aime vraiment bien ce genre de site, très réussi !
Bien repensé, conventionnel mais efficace. Gros travail de refresh.
Je confirme les bonnes impressions d'ensemble, et puisque l'auteur sollicite des commentaires un peu plus pointus, allons-y joyeusement ! Une question en préambule : sur Mac ( Safari, Firefox, Opera ) le redimensionnement du navigateur produit un recalage de la page réussi, mais la colonne de droite " bienvenue " et tous les contenus en dessous disparaissent. Est-ce conçu ainsi, en une déclinaison plus succincte de la page, ou non ?
Design /
C'est surprenant de constater à quel point l'impact d'une image simple ( en arrière-plan ) est fort. Celle choisie s'accorde avec le sujet du site, tant par le paysage que le traitement chromatique. Quand on veut qu'une image se répète en mosaïque, les transitions doivent être impeccables. Trop souvent, les transitions ne sont pas du tout gérées, ce qui est du plus mauvais effet. Ici, cet aspect a été traité mais peut encore être amélioré. Sur un grand écran, l'effet miroir est gênant sur la partie droite, à cause des grandes tours dont on repère la forme facilement. Quant à la partie gauche, la répétition d'un effet de miroitement de lentille ou une goutte de pluie sur l'objectif, formant un cercle, serait à effacer sur un logiciel de retouche, au moyen de l'outil duplication par exemple. De manière générale, penser à choisir des formes dont la répétition passe le plus inaperçu possible, c'est le cas de la partie gauche en haut mais pas dans l'eau, et vice-versa à droite.
Un bon design ne repose pas sur une image d'arrière-plan seulement. Ici, le choix des très beaux visuels de la rubrique " à la une " ( pensez à ajouter l'accent grave sur le " a " ! ) est déterminant pour l'impact du site sur le visiteur. Ces deux visages sont beaux, séduisants, leurs regards nous font face, nous sommes sous le charme… Pour un peu, on oublierait de regarder le reste. Mais le reste, plus sobrement, tient la route également ! Peu de critiques à faire donc, le design sans être très recherché est efficace, au service d'une mise en page efficace. Et si le code est propre, que demander de plus ? Peut-être, pour l'avenir, et viser l'excellence, afin que le graphisme monte en puissance, ce qui sera possible sur les bonnes bases déjà atteintes, pourrait-on souhaiter un style un peu plus groovy, un peu moins froid et clean, un peu plus jazz (j'ai appris récemment que le mot jazz à l'origine signifie "sale", signifiant un son qui gratte, etc.). Avez-vous regardé ce site inscrit au concours, http://www.alsacreations.com/concours/crea/29... il peut indiquer une des pistes possibles, mais il y en a bien d'autres. Je ne dis surtout pas de rabattre votre style graphique sur celui que j'indique, c'est plutôt pour inviter à réfléchir…
Encore quelques efforts à fournir sur les perfs (des fichiers à fusionner et à optimiser), une utilisation intéressante des mediaqueries, le graphisme n'est pas mal et colle bien au style du site.
Quelques bouts de texte en anglais "It looks like you're new here. If you want to get involved, click one of these buttons!", dommage.
Pas mal !
merci pour les commentaires auxquels je n'ai pas répondu par manque de temps.
@cilou et @Nico3333fr, effectivement la performance est à améliorer d'autant que c'est un point qui me tient à coeur. Ayant finalisé ma mise en ligne à la dernière minute (!) je n'ai pas eu le temps de m'attaquer à l'optimisation de performance.
@Nico3333fr, concernant le texte en anglais résiduel, il me reste à compléter la traduction du forum vanilla2 qui est entièrement en anglais à la base.
@designer1959, merci pour ce long commentaire intéressant. Lorsque la résolution d'écran est petite, j'ai volontairement masqué certains éléments de la colonne de droite car le design passant sur une seule colonne, je voulais réduire la hauteur de page. De plus je considère que le site est alors consulté sur un mobile et que seul le "vrai" contenu va intéresser le visiteur.
Je suis d'accord que la transition sur la photo de fond qui se répète verticalement est à améliorer. et les remarques sur les formes repérables sont judicieuses, cependant je suis pas sûr d'arriver à un bon résultat sans trop rogner la photo de base.
Tout d'abord, félicitations pour le résultat du concours !
Bien d'accord, sur la photographie de référence, mieux vaut la laisser ainsi, (sauf les petites cercles mentionnés), la modifier ne serait pas pertinent, ma remarque était d'ordre général, sur le principe de la répétition.