Cascading Style Summer Refresh 2010
Ma bibliothèque en ligne par velvet
Voir en ligne http://www.ptassel.fr/
Après refresh
Note obtenue : 5.516/10
Voir en ligne http://www.ptassel.fr/
Note obtenue : 5.516/10
Les commentaires sont clos.
Ça span pour moi !
(Plastic Bertrand)
Commentaires
Hello,
C'est bien mieux que l'ancien design ! J'aime bien, et en plus le contenu est très intéressant :D
@audrasjb : content que tu apprécies le fond et la forme !
je profite de ce commentaire pour expliquer cette refonte. Ses objectifs étaient multiples :
- Améliorer l'ergonomie et la navigation
- Mettre beaucoup plus en avant les diverses publications présentées
- Créer un code propre, plus léger et plus optimisé
- Améliorer le référencement
- Me faire plaisir !
La première version datait de 2006 et m'avait permis d'acquérir les bases en php/mysql, c'était un laboratoire, un très bon exercice pour apprendre. Il fonctionnait correctement mais forcément, 4 ans après, ça devenait de plus en plus ingérable d'effectuer une modification ou encore d'intégrer une nouvelle fonctionnalité. Et puis, il était hébergé chez Free, qui ne permet pas l'url rewriting.
Côté design, je ne voulais pas concevoir une interface semblable à celles que je fais quotidiennement dans le cadre de mon boulot. Je me suis fixé deux interdictions : bannir dégradés et images pour la conception graphique, les livres devant être les seuls à retenir l'attention.
Ça n'est pas forcément évident de travailler avec ces contraintes quand on est habitué à intégrer des interfaces Photoshop. Néanmoins, les avantages sont multiples : poids de la page allégé, modifications du layout plus faciles, optimisation IE6 facilitée...
Enfin, je me suis plaisir avec jQuery : chargement des pages en ajax, autocomplétion du formulaire de recherche, validation du formulaire de contact...
Voilà, j'espère que le résultat vous plaira, vous interpellera, bref qu'il ne vous laissera pas insensible !
C'est le jour et la nuit ! Design super efficace, très tendance. Beau travail.
Chez toi aussi on voit un sacré effort pour la refonte qu'est que c'est plus clair... on dirait que tu as déjà un site en grille ce qui simplifie beaucoup mieux et délimite mieux tes modules ensuite ce qu'il y a d'intéressant c'est qu'on sent bien les principes de la Gestalt tout est clair, à sa place et on trouve ce que l'on cherche... bravo...
j'aurais bien aimé voter mais inscription trop récente :(
rajoute peut etre une petite trame de fond à ton site.. ça lui donnerait du corps
@sogam : tu crois pas si bien dire. J'avais fait divers essais avec des trames de fond mais j'étais pas plus convaincu que ça. Je plancherai à nouveau là-dessus à l'issue du concours. Merci de tes remarques.
coucou velvet,
La refresh est 100 fois mieux, elle est moins monde merveilleux des Bisounourses et surtout plus en adéquation avec le thème de ton site, classique mais sympathique, j'aime assez.
Bonjour
La sobriété à du bon, le site est clair, on trouve ce que l'on cherche, le code est valide et sémantique, bravo :)
Je trouve bien d'avoir mis les styles en screen, comme cela, quand on veux imprimer, pas de styles et c'est plus pratique.
Peut être essayer d'améliorer la performance : regroupement des styles, des fichiers js... on en parle pas mal sur alsacréations.
Sur IE6, quand le sous menu s'affiche, le texte du menu (ex: livres) n'apparait plus.
Le classement alphabétique des auteurs m'a chiffonné un peu, j'aurai plutôt vu nom, prénom pour conserver l'unité de la première lettre.
Il me semble qu'il y a une faute d'orthographe "des 80's à aujourd'hui", j'aurai mis dès...
Bonne chance :)
@cilou : merci pour tes remarques pertinentes. Le regroupement des css et js, c'est vrai que je le vois écris un peu partout, j'opterai pour cette solution. Si elle améliore la performance, pourquoi s'en priver !
D'accord avec toi concernant l'affichage alphabétique des auteurs, j'aurais du y penser, pfff !
Pour ce qui est du petit bug d'affichage du menu lors du survol sous IE6, je l'avais remarqué. J'aurais pu régler ça à coup de javascript mais j'ai préféré laissé tel quel, considérant ce désagrément comme mineur, ne nuisant pas à la navigation.
Enfin, pour la faute, je ne la vois pas : il s'agit bien de "bandes dessinées des 80's à aujourd'hui".
Bonne chance à toi également ;)
Oui, c'est bien ce "des" là, mais je peux me tromper...
Pour vérifier : http://www.ladictee.fr/grammaire/truc_astuce_...
Oui, améliorer les performances, je crois que c'est vraiment un plus (a priori Google aime ou va aimer ça...)
Bon travail d'ensemble, moins criard que la précédente version, ce qui valorise les visuels des fanzines ou autres ouvrages présentés sur ce site. D'accord pour la sobriété qui s'efface pour mettre en valeur les contenus, mais je reste un peu sur ma faim avec le nom du site, un logo, même sobre, aurait été bienvenu, non ? D'autant que le nom " Graphzine " s'y prêterait à merveille…
@cilou : je ne connaissais pas cette règle d'orthographe, je crois même ne jamais l'avoir rencontré. Ça fait drôle d'ajouter un accent, je pense que je vais assumer cette erreur.
@designer1959 : j'avoue ne pas avoir planché sur un logo, ce qui est pourtant un de mes exercices préféré ! C'est vrai que le sujet m'ouvre pas mal de perspectives. Je vais y réfléchir ! Merci pour tes remarques.
C'est aussi un des miens ! Dans ce cas, le logo pourrait rester assez sobre, pour ne pas concurrencer les visuels assez riches…
Hello,
Superbe Summer Refresh, superbe travail...il me manque l'achat en ligne :-)
Hello,
Superbe Summer Refresh, superbe travail...il me manque l'achat en ligne :-)
Merci Vectorskin, content que cela t'es plu ! Malheureusement, je ne suis pas vendeur ;)
Salut,
je suis d'accord pour dire que le refresh est réussi ;)
Par contre je ne suis vraiment pas fan de ton menu déroulant : comme bien souvent il est inutilisable au clavier (tabulations), il n'est pas évident de savoir au survol des liens quel nombre est à prendre en compte (celui de gauche ou celui de droite) même si bien sûr on peut le deviner mais ça devrait être plus "instinctif" à mon goût, en cas de JS désactivé on se retrouve lors du rollover avec un texte blanc sur fond blanc... et plus généralement je pense que le côté déroulant ne sert à rien sinon à gêner l'ergonomie / accessibilité de ton site. Personnellement j'aurais placé les sous-rubriques dans le corps des pages.
Refresh réussi !!
@yokel72 : merci !