Cascading Style Summer Refresh 2010
Chez Jeremie par Jep
Voir en ligne http://jeremie.patonnier.net
Après refresh
Note obtenue : 5.640/10
Voir en ligne http://jeremie.patonnier.net
Note obtenue : 5.640/10
Les commentaires sont clos.
Alsacréations, un site dédié au <body> building
(Jean-Claude Vandamme)
Commentaires
Je me permets de reprendre le commentaire déjà posé sur le billet présentant la refonte :
Splendide, bravo, belle épure !
Juste un petit bug pas trop gênant pour pinailler : quand on clique sur « Prévisualiser » dans les commentaires, l'ancre pointe sur notre texte alors qu'elle devrait à mon avis pointer vers le titre « Votre commentaire ».
Chouette un dotclearien :)
J'apprécie beaucoup ton nouveau thème, et ma foi, je n'ai rien à redire, c'est sobre sans être triste, coloré juste comme il faut ! Bravo !
très beau, très ergonomique, très lisible ... comme déjà dit dans le commentaire
http://jeremie.patonnier.net/post/2010/09/15/...
;-)
C'est nettement mieux qu'avant de ce côté là c'est indéniable! ;)
Bravo et bonne continuation pour la suite! ;)
Tom
Rien à voir, effectivement, avec le site précédent (design basique de dotclear si je ne m'abuse ?). C'est assez réussi côté design.
Côté html5, il me semble que ertains éléments ne sont pas assez exploités (au moins avec les attributs "role", au mieux avec des micro-formats, même s'il y en a quelques uns), que la redéfinition de la langue sur chaque <article> n'est pas nécessaire dans la mesure où le site est en français (et déclaré comme tel via l'élément <html>).
Je pinaille, mais je trouve que tu as fait un superbe travail, et en plus tu est parti de zéro, ça va chercher haut niveau notation tout ça !! :)
Ah ben merci à tous pour ces retours très positifs :D
@nhoizey : Ah ben oui dis donc, j'avais pas testé les commentaires. Je vais vite corriger ça.
@audrasjb : Oui, j'ai utilisé la skin de base de DC pendant 2 ans, il fallait bien que ça cesse :). Tu as raison de pinailler, c'est comme ça qu'on progresse. Effectivement, il y a un peu de place pour rajouter quelques microformats (au moins un iCard par-ci par-là). Pour ce qui est de l'attribut "role", certes pourquoi pas, mais où ? Il n'y a pas vraiment d'éléments qui nécessitent d'être explicités à ce point là me semble-t-il. La redéfinition de la langue, c'est normal car j'envisage d'écrire en anglais (de plus en plus de monde me le demande), en outre, comme DC permet de spécifier une langue différente par article, se serais dommage de brider cette capacité juste parce que le thème ne le supporte pas ;)
Très joli, très soft ; j'aime beaucoup le mélange noir-blanc avec un très gros + pour le vert et le rouge apportés par le coquelicot. :)
Bonne chance !
Très joli travail !
Ce que j'apprécie tout particulièrement c'est la façon dont le contenu est mis en avant mais aussi très facilement lisible (bon ok je sais que c'est un point qui te tenait très à coeur mais là c'est très réussi)
La lecture du site est très agréable. L'ambiance est présente mais pas étouffante. Bon je ne vais pas parler du code qui bien sûr est irréprochable.
Un gros coup de coeur pour ce travail qui est tout à ton image (enfin à celle du coquelicot gniagniagnia)
Un beau thème pour Dotclear, sans aucun doute !
Quelques remarques :
-si je navigue au clavier, si je sélectionne recherche, le focus n'arrive pas sur le champ de recherche, peut-être à ajouter ?
-Quelques petites optimisations côté perfs pour flirter avec l'excellence.
-Sous IE, c'est normal que le site soit tout entassé à gauche ? (ce soir, je teste sur un écran de plus de 1600 px de large)
Sinon, c'est très lisible (même avec mes yeux fatigués de fin de semaine :) ), c'est bien conçu, c'est du bon boulot, j'y adhère totalement.
@Nico3333fr : Merci, je pense que suite au concours, je packagerai mon thème pour qu'il soit disponible pour les autres utilisateurs de Dotclear.
Concernant la gestion du focus sur le champs de recherche, c'est le meilleur compromis que j'ai trouvé. En effet, si je donne directement le focus au champs de recherche, il est placé sous l'en-tête en position fixe et donc totalement invisible. Je pourrais sans doute améliorer ça avec un peu de Javascript, malheureusement, je manque de temps là tout de suite.
Pour ce qui est de l'optimisation, il y a peu de chose à faire. Mon thème me permet déjà d'avoir un rand B avec YSlow et un résultat de 81/100 avec PageSpeed. Sur la partie front, il y a deux choses encore réellement optimisable : La minification de la CSS (c'est prévus) et la concaténation de mes scripts. Mais cela reste mineur. En effet, une rapide analyse avec YSlow et PageSpeed montre que les vraies gains d'optimisation doivent se faire coté serveur (utilisation de la compression GZip pour les ressources statiques et optimisation du temps d'envoi de la ressource HTML principale). Malheureusement, mon hébergement actuelle ne me permet pas d'optimiser ces deux points. Ceci dit, ce n'est pas une priorité pour moi. En effet, via ADSL, avec un cache vide, les pages de mon site mettent légèrement plus de 2 secondes à s'afficher. Avec en cache plein on flirt avec la seconde (en effet, 70% du poids de ma page est concentré sur 4 ressources qui sont mises en caches par le navigateur). Donc, au vue de l'audience de mon site, optimiser plus serais sans doute de la sur-optimisation, mais oui, il y a toujours moyen de faire mieux ;)
Sur les très grand écran, en effet, le site est positionné à gauche. Avec un navigateur moderne (qui comprend les média queries et les arrière-plan multiples), le texte est plus gros et le blanc à droite est habillé avec une image. IE étant un peu trop stupide, il y a cette espace blanc... et franchement, je n'ai pas trop envie de perdre du temps à optimiser ça... je part du principe que quelqu'un qui à les moyens d'avoir un écran haute définition à les moyens d'avoir un navigateur décent. Donc IE est supporté, mais certainement pas optimisé pour ce cas d'utilisation.
C'est toujours délicat de venir avec des gros sabots et de casser l'ambiance, mais je ne partage pas l'enthousiasme général. Tout d'abord, sans être enthousiasmé par la précédente mouture, sachant que je ne parle que de la saisie d'écran, j'hésite à la préférer à la nouvelle qui me paraît un peu lourde, sur le plan graphique. Je suis surpris par la taille des caractères, je dois dézoomer une ou deux fois pour que ça devienne agréable. Le bandeau mentionnant le titre du site est tout de même très minimal, la typo noire est dure, enfin le traitement des visuels en gif est un peu léger, il aurait été préférable de sélectionner un peu plus de couleurs, ça restait une image légère.Les trois menus de droite, en gris clair, sont-ils fonctionnels ? Chez moi ( Mac ) le clic ne produit rien.
Reste des qualités indéniables, de hiérarchie des contenus, de lisibilité, et un soin apporté à l'ensemble. Ma note sera donc moins sévère que mes réserves.