Journal Feuille de style CSS pour LinuxFR

Posté par 못 옷 홋 ♨ (site web personnel) le 11 janvier 2010 à 16:30.

Étiquettes : aucune

jan.

2010

Je me permets de vous signaler, LinuxFRiens, LinuxFRiennes, que j'ai écrit il y a quelque temps une feuille de style pour LinuxFR.

Elle existe en deux versions, dark (la version originale) et light qui est une conversion automatique. La transformation du menu principal de DLFP en liste verticale et sa position à gauche peuvent être déroutantes, ainsi que la police utilisée (Graublau Sans Web). En plus de ces changements, l'icône LinuxFR et deux-trois autres trucs moches et qui prennent de la place pour rien sont cachés. Depuis la résolution du bug #1061, le thème s'accorde bien avec la tribune.
Je suis aussi assez fier de l'affichage des sondages.

Voici quelques screenshots :

Et voici les liens :

Voilà donc, n'hésitez pas à me faire part de vos remarques sur cette feuille de style, il est tout à fait possible que des parties de LinuxFR soient assez mal affichées, celles que je visite rarement.

# police peu lisible (sinon c'est bien)

Posté par pascalc le 11 janvier 2010 à 17:08. Évalué à 2.

Je viens d'adopter ta css, je pense effectivement que la police est peut être pas super lisible, surtout en italique. J'ai beaucoup de mal à lire le menu latéral par exemple. Sinon j'aime bien.
- [^] # Re: police peu lisible (sinon c'est bien)
  
  Posté par Littleboy le 11 janvier 2010 à 18:04. Évalué à 3.
  
  Pareil, avec une nightly de Firefox, le rendu des polices est horrible (probablement en grosse partie la faute de FF).
  
  Sinon c'est pas mal, apres une longue journee de boulot sur ecran, ca eclate pas trop les yeux.
  
  Perso une autre CSS que j'aime bien c'est http://linuxfr.tinyslot.com/screen.css (journal original: https://linuxfr.org/~kaiska/27447.html )
  
  Avec la tienne, ca serait pas mal de les ajouter a la selection par defaut du site.
  - [^] # Re: police peu lisible (sinon c'est bien)
    
    Posté par dinomasque le 11 janvier 2010 à 23:41. Évalué à 3.
    
    Comment vous faites pour adopter ces CSS ?
    
    http://linuxfr.org/css.html ne permet de choisir que parmi une liste assez restreinte.
    BeOS le faisait il y a 20 ans !
    - [^] # Re: police peu lisible (sinon c'est bien)
      
      Posté par Littleboy le 11 janvier 2010 à 23:43. Évalué à 5.
      
      http://linuxfr.org/user_prefs.html
      
      La boite "Votre CSS". Tu mets l'URL que tu veux et c'est bon :D
      - [^] # Re: police peu lisible (sinon c'est bien)
        
        Posté par BAud (site web personnel) le 12 janvier 2010 à 12:31. Évalué à 3.
        
        ou tout simplement via la toolbar de linuxfr ;-) (activable aussi via les préférences utilisateur)
  - [^] # Re: police peu lisible (sinon c'est bien)
    
    Posté par Zorro (site web personnel) le 12 janvier 2010 à 11:30. Évalué à 2.
    
    Ça rend bien avec Chrome, en tout cas. Mais les polices du menu latéral ne sont pas en italique, par contre…
    - [^] # Re: police peu lisible (sinon c'est bien)
      
      Posté par Aldoo le 12 janvier 2010 à 12:59. Évalué à 1.
      
      Bien, bien, faut le dire vite : la police du menu est minuscule quand le texte principal est à une taille normale...
      
      C'était déjà un peu le cas avec la CSS par défaut, mais ça passait plus inaperçu avec la police de cette CSS (qui est plus lisible dans les petites tailles, sans doute).
  - [^] # Re: police peu lisible (sinon c'est bien)
    
    Posté par tuiu pol le 13 janvier 2010 à 00:49. Évalué à 0.
    
    Sinon c'est pas mal, apres une longue journee de boulot sur ecran, ca eclate pas trop les yeux.
    
    oO ta journée de boulot se passe sur DLFP ?
- [^] # Re: police peu lisible (sinon c'est bien)
  
  Posté par 못 옷 홋 ♨ (site web personnel) le 11 janvier 2010 à 18:31. Évalué à 2.
  
  Alors essaie http://ssz.fr/brdl/linuxfr.dark.css?font=Verdana par exemple.
  En plus des polices de ta machine, tu peux mettre celles de cette liste : http://ssz.fr/fnts/ (attention, la page est super lourde, mais elle ne crashe pas Firefox, il freeze juste pendant quelques secondes).
  
  Voilà ce que ça donne en Verdana : http://ssz.fr/brdl/dlfp/verdana.png -- moi je trouve ça un peu trop gros, mais ce n'est que mon avis. D'ailleurs si plusieurs personnes se mettent d'accord sur une meilleure police que la Graublau Sans Web, je la mettrai par défaut (tout en continuant à utiliser le Graublau demon côté :P).
  - [^] # Re: police peu lisible (sinon c'est bien)
    
    Posté par 못 옷 홋 ♨ (site web personnel) le 11 janvier 2010 à 18:37. Évalué à 2.
    
    Ah, sinon une police que j'aime bien aussi c'est le Georgia :
    http://ssz.fr/brdl/linuxfr.dark.css?font=Georgia
    
    Voilà ce que ça donne :
    http://ssz.fr/brdl/dlfp/georgia.png
    - [^] # Re: police peu lisible (sinon c'est bien)
      
      Posté par ナイコ (site web personnel) le 12 janvier 2010 à 00:59. Évalué à 9.
      
      Rhaaaaaa, on ne met jamais de police à serifs pour un contenu destiné à l'écran, cela fatigue les yeux ! Le serif, c'est pour le papier, nandidiou !
      
      Sur écran, on met du sans.
      - [^] # Re: police peu lisible (sinon c'est bien)
        
        Posté par 못 옷 홋 ♨ (site web personnel) le 12 janvier 2010 à 01:04. Évalué à 2.
        
        Ça dépend entièrement de la résolution de ton écran, mon petit gars. Forcément si tu es sur un LCD en 1280x960... ça ne sera sûrement pas aussi supportable que sur un CRT en 1600x1200.
      - [^] # Re: police peu lisible (sinon c'est bien)
        
        Posté par esdeem le 12 janvier 2010 à 12:42. Évalué à 2.
        
        En fait c'est pas si simple.
        Cette recommandation date du temps où les résolutions d'écran étaient rikiki.
        
        Plus la résolution est petite, en terme de nombre de points absolus et de DPI, plus il faut que la police à sérifsempattements soit grande pour être lisible et ne pas fatiguer le lecteur.
        
        Autrement dit, pour le titrage, les polices à empattements passent assez bien en général.
        En l'occurrence, ici, pour le menu, vu la taille de la police (19px calculés), ça passa assez bien.
        0. Assume good faith 1. Be kind to other people 2. Express yourself 4. Apply rule 0
# Super, un site de plus en dark

Posté par Guillaum (site web personnel) le 11 janvier 2010 à 17:19. Évalué à 1.

Sur lequel je n'aurais plus a me tuer les yeux... MERCI !

Vivement le web sans style qui prenne les couleurs par defaut du navigateur, je vous le dis.
- [^] # Re: Super, un site de plus en dark
  
  Posté par NeoX le 11 janvier 2010 à 17:41. Évalué à 3.
  
  install le plugin web developer
  https://addons.mozilla.org/en-US/firefox/addon/60
  
  puis tu fais Ctrl+Shift+S pour desactiver les CSS
  - [^] # Re: Super, un site de plus en dark
    
    Posté par steckdenis (site web personnel) le 11 janvier 2010 à 19:58. Évalué à 2.
    
    Affichage»Style de la page»Pas de style
    
    Bien plus simple :-) .
    - [^] # Re: Super, un site de plus en dark
      
      Posté par NeoX le 11 janvier 2010 à 20:13. Évalué à 2.
      
      sauf qu'il n'y a pas de raccourci clavier :D
      
      mais oui, et au moins c'est integré dans firefox
  - [^] # Re: Super, un site de plus en dark
    
    Posté par Guillaum (site web personnel) le 12 janvier 2010 à 01:20. Évalué à 2.
    
    Le problème de ce genre de méthode c'est cela casse la mise en page et que generalement la pluspart des sites ne sont absolument pas prevu pour fonctionner sans mise en page et sans couleur. Résultat c'est pire qu'avec les couleurs.
- [^] # Re: Super, un site de plus en dark
  
  Posté par claudex le 11 janvier 2010 à 21:41. Évalué à 3.
  
  Il y avait déjà nightgrey qui était sombre si tu y tenais tellement.
  « Rappelez-vous toujours que si la Gestapo avait les moyens de vous faire parler, les politiciens ont, eux, les moyens de vous faire taire. » Coluche
  - [^] # Re: Super, un site de plus en dark
    
    Posté par 못 옷 홋 ♨ (site web personnel) le 11 janvier 2010 à 21:54. Évalué à 1.
    
    Ce n'est quand même pas si sombre que ça : http://ssz.fr/brdl/dlfp/nightgrey.png
    Il y a aussi ubuntu-black mais comment dire... http://ssz.fr/brdl/dlfp/ubuntublack.png il est un peu spécial.
    
    Moi c'est le thème blackout que j'aimais bien, mais apparemment il n'est plus possible de l'utiliser ?
    - [^] # Re: Super, un site de plus en dark
      
      Posté par claudex le 11 janvier 2010 à 22:09. Évalué à 4.
      
      Ce n'est quand même pas si sombre que ça
      
      C'est vrai, mais de là à s'exploser les yeux, il y a quand même de la marge.
      
      Sinon, j'aime bien cette CSS mais je trouve qu'elle ne met pas assez en avant la dépêche épinglée. Et c'est normal si tu as viré les voeux des modéros?
      « Rappelez-vous toujours que si la Gestapo avait les moyens de vous faire parler, les politiciens ont, eux, les moyens de vous faire taire. » Coluche
# Dommage que pour LinuxFR...

Posté par NickNolte le 12 janvier 2010 à 00:52. Évalué à 2.

... tu n'aies pas proposé de feuilles de styles "sombres" et "claires"...

--->[]
Frangleux de mes deux!
- [^] # Re: Dommage que pour LinuxFR...
  
  Posté par koxinga le 12 janvier 2010 à 06:54. Évalué à 1.
  
  Et on peut voir sur la dernière capture d'écran que 'screenshot' a clairement été repéré par le correcteur orthographique ;)
# C'est pas mal mais il reste un problème pour la tribune

Posté par Phil Actaire le 12 janvier 2010 à 10:30. Évalué à 1.

C'est tout cassémoche avec enhancedBoard qui utilise son propre style donc c'est sale.

Tant pis.
- [^] # Re: C'est pas mal mais il reste un problème pour la tribune
  
  Posté par 못 옷 홋 ♨ (site web personnel) le 12 janvier 2010 à 11:20. Évalué à 1.
  
  Le problème c'est que enhancedBoard tout comme http://linuxfr.org/bouchot n'utilisent pas la feuille de style définie, mais le problème est de leur côté [:aloy]

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.