Modification de la charte graphique

14 juin 2011 Stéphane Ménia Messages de service 20

Plus d’espace pour les textes. Moins de couleurs. Plus sobre. Je vais travailler sur le reste du site dès que possible et ajouter quelques gadgets (liens de partage Facebook et Twitter, par exemple). Je sais qu’il y a des problèmes de lecture mineurs sous Iphone (bandeau coupé, mais textes lisibles). Quelques retouches sous Internet Explorer aussi. Si vous avez d’autres remarques de cet ordre, elles sont les bienvenues.

Share Button

20 Commentaires

  1. Sous Firefox 4.0.1, les notes sont en bas de page (i.e., quand on va par exemple sur la note "modification de la charte graphique", on voit une page blanche, et il faut scroller pour arriver au texte).
    Sinon, ça serait génial si en cliquant sur le bandeau de titre, on revenait à la page d’accueil !
    Bon courage pour la programmation…

    Réponse de Stéphane Ménia
    Hum, merci. Tu as un écran de quelle résolution ? Avec un 19 pouces en 1440*900, ça passe… Pour le retour page d’accueil, il suffit de cliquer sur “le blog d’éconoclaste” pour retourner à l’accueil du blog.

  2. Le rouge sur fond noir ("L’économie pour les nuls et les autres"), je ne trouve pas ça très lisible. Il faudrait mettre une couleur plus claire.

  3. Il y a du code PHP qui s’affiche dans le champ de recherche.

    Réponse de Stéphane Ménia
    Oui, je dois m’en occuper.

  4. Sous Safari (Mac) j’ai un fond gris qui apparaît (un peu n’importe comment d’ailleurs), mais uniquement sur l’URL econo.free.fr, pas sur le blog. Même chose si je teste avec Chrome (dernière version) et FF.

    Réponse de Stéphane Ménia
    C’est normal. Les modifs sur cette partie sont plus compliquées, j’ai pas eu le temps de m’en occuper. Pour l’instant, seul le blog est supposé quasi achevé. Merci.

  5. Autant le bleu ça faisait "facebook", "UMP", "schtroumph" ou autre… autant en noir ça devient très austère.

    I dislike!

    🙂

    Réponse de Stéphane Ménia
    Le noir est une très belle couleur. Elle brille pour ceux qui veulent la voir briller. Et, en effet, j’en avais ras le bol du bleu propre sur lui. 😉

  6. Un détail : sous safari, avec écran 13 pouces, le bandeau est coupé de chaque côté : « conoclaste » à gauche et « nuls » à droite, dans la taille standard d’ouverture des fenêtres.

    La nouvelle présentation est plus sobre, plus agréable.

    Réponse de Stéphane Ménia
    Oui, merci, c’est le même problème que sous iphone. J’ai mon idée sur la façon d’y remédier. Content que ça vous plaise.

  7. J’aime bien la sobriété de la nouvelle charte. Et j’aime bien la couleur noire !

    Juste un truc qui me gêne un peu : le choix du rouge pour le titre des notes qui coïncide avec la couleur standard pour indiquer un lien déjà suivi. Mais, bon, c’est pas grave.

    Bravo !

    Et, petite bogue, sur MacBook (1280×800), aussi bien sur Safari (5.0.5) que sur Firefox (4.0.1), le texte du bandeau du haut ne s’affiche que partiellement. Il semble être
    – centré
    – de largeur fixe (sans doute calculée sur la résolution de l’écran, mais pas sur la largeur de la fenêtre du navigateur (plus j’agrandis la fenêtre, plus j’en vois apparaître à droite et à gauche.

    Réponse de Stéphane Ménia
    Merci. Oui, le problème est bien que le bandeau n’est pas défini en mode relatif.

  8. Même problème que Guilhem sous Firefox 4.0.1, avec un écran 19′ en 1440×900.

    En fait les deux colonnes sont l’une au dessous de l’autre au lieu d’être côte à côte, aussi bien dans les billets que sur la page d’accueil.

    Bon courage !

    Réponse de Stéphane Ménia
    Merci. Oui, je vois ce que c’est. Je devrais pouvoir réparer sans trop de problèmes.

  9. Heum, oui, le côté hussard noir de la République, c’est un peu particulier. Sinon, sur les blocs, ça coince : comme noté plus haut, le bandeau semble de largeur fixe (~1200 pixels ?); le bloc de navigation déborde sur la gauche, le bloc du texte sur la droite tant, du moins, que texte il y a, et ça sous Firefox 3.6 comme sous Chromium 6, et sous OpenSUSE Linux, bien sûr. Du coup, large espace blanc entre navigation et contenu. Faut pas se le cacher : y’a encore du boulot.

    Réponse de Stéphane Ménia
    Merci Denys. C’est clairement le merdier… Usine à gaz que je n’avais plus touchée depuis 3 ans. J’ai l’impression de découvrir le site…

  10. Stephane> j’ai un 19 pouces en 1280*1024. Pour le retour à l’accueil, je sais qu’il existe les liens sur la colonne de gauche, mais mon réflexe est de cliquer sur le bandeau. Sinon, maintenant, j’ai aussi une fine ligne grise vertical au tiers gauche de l’ecran.

    Réponse de Stéphane Ménia
    Pour les liens, tu as aussi le titre juste sous le bandeau (le gros titre). Je verrai plus tard de mettre un lien sur le bandeau. C’est utile, c’est vrai. La ligne, c’est bizarre, mais je pense savoir ce que c’est (pour ça, on parle bien du blog, n’est-ce pas ?).

  11. Je trouvais que c’était plus lisible avant.
    En typographie, on recommande un maximum de 66 caractères par ligne (c’est pour cette raison que les journaux utilisent les colonnes), et même s’il s’agit ici d’un écran et non de lecture papier, rien que sur la première ligne, entre "Plus" et "quelques", en incluant les "blancs" et aux erreurs près, j’en compte… 139.
    Personnellement, à la lecture, j’ai l’impression que la ligne ne se termine jamais !

    Quant aux couleurs, on peut faire sobre sans tomber dans l’austérité…

    Réponse de Stéphane Ménia
    Merci pour les questions de caractères, je commence à penser pareil. Pour les couleurs, eh bien ma foi…

  12. Stephane>oui, on parle bien du blog. D’ailleurs, je pense que c’est lié au décalage que j’observe, j’ai l’impression que cette ligne devrait séparer la colonne de liens sur la gauche du champ texte, plus à droite. Mais comme pour moi, le champs texte est bien en dessous des liens de la colonne (et recouvre la partie gauche à la colonne aurait été si elle avait continué plus bas) et bah bim, je l’ai sur le texte (et pas à coté de la colonne de lien). Pas sur que ce soit hyper clair, par contre…

  13. Qu’importe le flacon (chez moi, c’est clairement post-moderne constructiviste…) pourvu qu’on ait le bar à jojo… pas vrai, Vil ?

  14. Petit conseil de HTML – CSS (si je puis me permettre) – annule et remplace, si vous avez reçu mon commentaire précédent :

    Si vous avez accès au template , juste au dessus de :
    <div id="leftmenu">
    Vous remplacez :
    <div style="margin: 0pt auto; width: 90%;">
    Par
    <div style="margin: 0pt auto; width: 80%;">

    Et dans la feuille de style, pour le #header ,

    Vous remplacez
    margin-top: -30px;
    par
    margin-top: -32px;

  15. Moi, ça donne ça
    dl.dropbox.com/u/20563824…

    C’est normal docteur ?

    Et pour reprendre le commentaire précédent, il vaut mieux en effet limiter la largeur, pour que ça ne fasse pas des lignes interminables sur les grands écrans (aaarg wikipedia).

    Testé sur Firefox et Chrome, écran 22", 1680×1050

  16. Noir, rouge, blanc… Votre vraie nature politique commence à se révéler.
    (Oui, le point Godwin, ça marche aussi avec une charte graphique)

  17. Absofuckinglutely, Gizmo. Cheers ! (Touchez pas trop à la déco du bar quand même, je commence juste à y prendre mes marques et à faire mon trou de verre dans le comptoir).

  18. Sous IE9, cela ne semble toujours pas opérationnel (écran 1440*900). Après, on peut résoudre le problème en utilisant le mode de compatibilité descendante IE8.

  20. Après quelque temps,je reviens sur votre blog : très réussie la transformation ! Bel ensemble, clair, sobre et chic !Bravo Stéphane !

    Réponse de Stéphane Ménia
    Merci. Maintenant, on va traquer les problèmes techniques…

Commentaires fermés.