Bonjour,

Je viens d'achever le développer de la nouvelle interface graphique de mon blog et j'aimerais avoir quelques retours de vous.

Avant tout, je vais expliquer brièvement le contexte. Il y a un peu plus d'un an, j'ai redévelopper la plateforme de mon blog et j'en ai profité pour refaire l'interface. J'étais parti sur quelque chose qui n'était pas vraiment sobre. J'avais pris le parti de de tester des choses graphiques : jeux typographiques, alignement à gauche, etc. J'en était arrivé à http://upload.deblan.fr/upload/2010-09/0b30b902367ed7d42a63ee5a982e1ed9.png

Seulement, j'avais une page lourde...que ce soit visuellement mais aussi coté Ko. J'avais un peu moins de 960Ko de choses à charger : vive les grosses images.

J'ai pris mon courage à deux mains pour concevoir une nouvelle interface qui d'apparence est légère mais qui, si on regarde les logs http, ne demande pas trop de téléchargements. D'après Yslow (module complémentaire à Firebug très utile), j'ai 366Ko de données à dl sur la page d'accueil sachant que 264Ko sont des images (249Ko étant en fait une seule image dans un article).

Le nouveau design est le suivant : http://upload.deblan.fr/upload/2010-09/10904ef878eae819f672ca92419ad7d7.png ( http://blog.deblan.fr ).

Je n'arrive pas à trouver la vraie bonne couleur pour le titre des articles et je pense que l'image pour les catégorie pourrait être également modifiée.

Quels sont vos avis sur la typo ? Pensez-vous qu'il y a trop d'effet de "3D" avec les rebords ?

J'ai aussi du mal à faire de beaux formulaires : je n'ai jamais de bonnes idées pour la mise en page.

Merci =)

PS : j'ai développé un bout de script pour faire les rebords automatiquement. Je joue sur des class css "dynamique" dans le code html et je parse avec javascript. Je peux donner plus d'infos si ça intéresse.

bonjour
je suis peut être nul pour ce qui concerne le design mais les class css dynamiques et les parses avec js m'intéressent
merci

Moi je trouve que le blanc et bien pour les titre, mais si tu tiens à changer de couleur tu pourras mettre des couleurs aux catégories et mettre le titre de la même couleur que la catégorie dans lequel elle est. Vu que tu n'as que 5 articles par page et que les titres ne sont pas trop "collés", je ne pense pas que ca ferais trop coloré.
Et pour la page de contact et l'irc tu pourrais la refaire dans ce design pour les flemmards comme moi qui n'ont pas envie de cliquer sur page précédente.

Et personnellement je lisais tes articles dans Brief (Reader RSS pour firefox) pour éviter des charger l'ancien design.

Ressemble un peu au thème Mainstream. C'est clean, j'aime bien.

Je me rappelle de ce que j'ai oublier, sur IE il n'y a pas de 3D donc sa fait un peu vide et de ce fait sa ressemble a une page qui n'est pas bien coder.
(Mais je suis sûr que tu n'as pas oublier ce détail )

m4est0 Cool le thème

J'aime bien aussi.
Par contre je verrais bien les sous catégories à droite (en dessous de "derniers articles" ; "derniers avis"...) un peu plus haut, et rétrécir l'ombre, parce que je trouve que ça fait pas très équilibré.

Par ailleurs histoire de voir je suis allé dans la catégorie "Le [frigo]" et le lien vers le flux RSS est mal placé (chevauche le menu en haut)....

1. Réponse au message de Kikaha. Posté le 2 septembre 2010 à 11:20:44
2. Lien du message : https://www.jeuxvideo.com/forums/1-30-7889076-1-0-1-0-avis-blog-nouvelle-interface.htm#message_7889083

Il manque la navigation des pages c'est pour sa

@Ja-ko ( https://www.jeuxvideo.com/forums/1-30-7889076-1-0-1-0-avis-blog-nouvelle-interface.htm#message_7889080 ), bonne idée pour les catégories ^^ Pour les pages contact et irc, je ne pense pas changer tout de suite : je souhaite centraliser ces choses sur les sites dédiés (pour ne pas avoir une même information sur 15 sites différents).

@Ja-ko ( https://www.jeuxvideo.com/forums/1-30-7889076-1-0-1-0-avis-blog-nouvelle-interface.htm#message_7889082 ), je sais, mais en fait je m'en cogne : tant que le contenu est lisible, je m'en fou si l'affichage n'est pas optimal. J'en ai marre de faire des efforts pour cette merde de navigateur :/ D'ailleurs, j'ai le même problème avec Safari.

@Kikaha ( https://www.jeuxvideo.com/forums/1-30-7889076-1-0-1-0-avis-blog-nouvelle-interface.htm#message_7889083 ), j'ai monté les catégories un bloc plus haut =) J'ai aussi corrigé le bug pour le lien rss ^^

@lndiana-Jones ( https://www.jeuxvideo.com/forums/1-30-7889076-1-0-1-0-avis-blog-nouvelle-interface.htm#message_7889078 ) :

Dans mon code html, j'ai des class du style :

<div class="corner corner-10-ffffff-cccccc-rt">
- 10 = dimension du coin
- ffffff = couleur de fond
- cccccc = couleur du coin
- rt = right top (en haut à droite), valeurs possible : lt (left top), lb (left bottom), rb (right bottom)

J'ai une page php qui génère l'image du coin, exemple :
http://blog.deblan.fr/index.php?type=public&amp;module=corner&amp;size=10&amp;background=ffffff&amp;foreground=cccccc&amp;position=rt

J'ai un script js qui une fois le dom chargé va chercher tout les éléments dont la class "corner" est utilisée. Pour chaque de ces éléments, il parcours les class qui le compose et trouve (s'il y en a) les class avec les paramètres cités plus haut. Je dis que .corner { position: relative } en css. Il génère un div de la taille demandé et met en image de fond mon image php. Il position ce div suivant la position demandé par rapport à l'élément (avec top et left), sachant que ces div sont en position absolute. Suivant la position demandé (haut ou bas), il ajoute une ombre du coté où il faut. On peut bien sûr cumulé les coins (exemple : <h2 class="corner corner-7-ffffff-6992b6-lb corner-7-cacaca-6992b6-rb"> )

Le js : http://wall.deblan.fr/x1bf2/javascript/1/

Merci pour les avis =)

J'en étais sur que tu t'en cogner de IE

et il n'est pas le seul

Et il a bien raison!

Je m'en fou aussi de IE, n'allais pas croire que je suis un pro-IE

J'adhère pas vraiment, s'amputer d'une partie (majoritaire) d'internaute sous peine d'une flemme c'est pas très pro tout ça ^^" ... Bon après tant que cela reste lisible sous IE (ce qui est largement le cas sur ton blog).

http://blog.deblan.fr/system/upload/stats_nav.jpg
En même temps les gens peuvent utiliser un navigateur correct, mais pour une personne débutant en informatique qui ne connaissent que IE c'est pas évident.

m4estr0, mon contenu est accessible sur ie, c'est le plus important. Si tout le design n'apparait pas comme il faut, ce n'est pas grave (pour moi en tout cas).

Ouaip, c'est ce que je disais, mise à part le petit effet 3D tout marche bien.