Cascading Style Summer Refresh 2010
wow-ui par dorwin
Voir en ligne http://wow-ui.com
Après refresh
Note obtenue : 4.590/10
Voir en ligne http://wow-ui.com
Note obtenue : 4.590/10
Les commentaires sont clos.
Alsacréations, un site dédié au <body> building
(Jean-Claude Vandamme)
Commentaires
Désolé pour les nombreux bug qui restent encore à corriger, et j'ai même quelques fonctionnalités pas encore finis... Jme suis dit que j'allais refondre le graphisme (qui en avait bien besoin), et j'en ai profité pour refondre... le code ><
Le refresh est clairement réussit d'un point de vue design même s'il resterait selon moi deux ou trois éléments à rajouter pour optimiser les performances (le tps de chargment des pages est long):
- Combiner les 6 JavaScripts
- Valider W3C HTML/CSS
- Supprimer la balise meta keywords, celle-ci n'étant plus utilisé par les moteurs de recherche.
En tout cas, étant fan de l'univers de Wow, j'ai découvert de nouvelles perspectives pour mon interface! ;)
Bonne continuation
Tom
Hello,
effectivement ya encore énormément de taff, puis je suis un éternel insatisfait ;), pour les js il faut que jfasse le points avant de combiner - minimiser etc.., le w3c à voir, et pour cette meta ca m'étonne même qu'elle y soit ! :p
En tout cas merci pour les encouragements :) !
Salut Dorwin
Désolée pour cette remarque mais ton site s'affiche complètement décalé sous firefox 3 sous Linux Ubuntu 10.4, c'est bien dommage !
Bonne soirée
Chantal
Bon travail, pour moi la vitesse d'affichage des pages est satisfaisant.
Sur Mac, seul Firefox affiche les onglets arrondis du bloc " Interfaces ", Safari ni Opera ne prennent en charge. Étrange puisque Safari gère le css3 et les autres blocs sont bien arrondis.
Je trouve la bannière de titre peut-être un peu tassée…
Les liens de la rubrique " Addon les plus taggé " (rajouter un s !) aboutissent à la page 404, sans doute est-ce un effet d'un travail inachevé ?
Hm j'ai du oublié quelque chose sur ce bloc je le rajoute sur le #to do !
La bannière de titre oui à voir, je ferais des test ^^ Un collègue devrait me faire un logo, jverrais à ce moment là pour le header que je trouve aussi un peu vide au milieu...
Pour les addons c'est un problème de liens, j'ai pas les mêmes url en local car j'utilise "domaine/fr/" et en production les sous domaines, j'ai légèrement oublié de gérer ce détail sur ce bloc !
Quand à Linux dur dur de faire des tests, je vais attendre la release du prochain ubuntu :p
Merci pour ces petites indications !
Bonsoir
Je trouve que le refresh est plus sobre, plus clair, bien agencé et que les fonctionnalité du site sont bien mises en avant, j'aime bien :)
C'est dommage de ne pas avoir mis le titre Wow-ui en h1 puisque le reste de la hiérarchie est bien faite et d'avoir mis les icônes (maison, courrier etc) en background plutôt qu'en images avec un alt...
Sinon, je trouve le reste du code très propre, bonne continuation :)
Bonjour,
Pour le h1 j'hésite, le même h1 pour toutes les pages du site risquerait de pas plaire à Google je pense... Mais dans ce cas il me faut placer un autre h1 quelque part donc je sais pas... A réfléchir !
Et pour les icônes j'ai essayé d'optimiser avec un sprite, mais c'est pareil que voit google, des liens vides :/ ? Peut être un blank.gif à placer :p ...
Je vais me renseigner ;) Bonne continuation à vous aussi !
Salut,
petites remarques subjectives de ma part:
- quelque chose dans ton design me perturbe, je pense qu'il y a un manque de finitions (couleurs, polices...), et la structure en elle-même ne me parait pas assez travaillée. Exemple sur la page d'accueil, le bloc de droite "Cherchez une interface" n'est pas de la même taille que le bloc d'en dessous (la pub).
Ce décalage à mon avis n'apporte rien au design; il vaut mieux travailler en "grilles" si on ne maîtrise pas le sujet.
- d'autre part, je trouve qu'il y a trop de blocs avec des coins arrondis. Y'en a partout, et ça en devient presque monotone... Notamment pour les listes d'interfaces : les blocs sont trop gros, à mon avis il faudrait revoir la mise en page des listes avec des miniatures plus petites et enlever les bordures arrondies.
Bon il y a sûrement d'autres choses à dire, mais pour ce soir ça suffire :)
Encore une fois ce n'est que mon avis.
Bonne continuation!
Oui c'est assez intéressant, niveau couleur je suis pas non plus satisfait, le graphiste de ma boite devrait me faire des propositions quand je lui aurais fournis un html / css de base, mais en ce moment on à pas mal de taff au boulot et ca traine, comme mon logo.
Niveau bloc de recherche, je vois le soucis mais je ne vois pas du tout comment arranger la chose, le bloc du menu étant au minimum avec le lien "chevalier de la mort", à moins que j'ellipsis... En tout cas il est prévu de le modifier ce bloc niveau hauteur cad beaucoup moins d'options, et ajouter 1 ou 2 boutons en dessous sur des fonctionnalités que j'ai en tête que je dois encore développer.
Peut être en modifiant les 4 logos de gauches... a réfléchir... (mais ils sont classes quand même :p)
Et pour les coins arrondis un amis m'as fait la même remarque, j'avais même baissé le radius de 15 à 5 ou 6px, il faudrait voir sans (sur IE en fait, limite je ferais bien un sondage :p).
Pour la liste d'interface par contre j'aimerais garder la taille des miniature, pour qu'on ai quand même une idée de l'interface, pas comme sur les miniatures à la imageshack par exemple. Après je peut clairement revoir l'habillement qui n'est pas non plus terminé, sur l'auteur les tags et les infos en plus...
N'hésitez pas pour la suite c'est une mine d'informations pour le maigre dev (et encore moins graphiste) que je suis :) !
Promis je m'y remet d'ici quelques semaines (temps mort en ce moment niveau dev perso...) !
Bonsoir dorwin
Pour le h1 "identique" sur toutes les pages, je ne pense pas que Google trouve à y redire, c'est plutôt le title (dans le head) qui doit être différent pour chaque page.
Pour les icônes, je pense qu'il faut réfléchir et voir si vraiment le sprite améliore les performances... si oui, pourquoi pas (peut être qu'une mise en cache des images serait aussi efficace), si non, mettre des images en dur aura plus d'avantages.