Revision [3541]

This is an old revision of Blog20110108ConcoursCSSlinuxFr made by BenoitAudouard on 2011-01-11 00:38:20.

 

Bon je vais essayer de me trouver quelques critères pour la CSS principale de LinuxFr

D'abord ceux annoncés en début de concours permettant de guider les réalisations et certains plus personnels permettant de faire évoluer les CSS (suggestions, à prendre en compte au besoin par la suite) et me permettant de départager.

Quelques critères supplémentaires pour le choix de CSS par défaut pour LinuxFr


Petits soucis généraux liés à l'alpha

À remonter sur github pour prise en compte (compléter/préciser le contexte)

Vérif' et évaluation des css

Conditions de tests : sur EeePC 901 / powersave - Firefox 3.6.13 / Mandriva Linux 2010.2
https://alpha.linuxfr.org/stylesheet/modifier
première impression, ça rappelle un peu le gestionnaire de fenêtre Étoilé en couleurs bleues/violettes, un peu de perte de place en largeur (marge autour des journaux)
un peu de perte de place avec le "lire la suite..." sur 3 lignes
impression d'une css réactive quand on scrolle (pas d'artefact),
tribune modo : ~ok un peu trop d'espace entre deux paragraphes
le texte des dépêches n'est pas justifié, cela rendrait mieux àmha, ainsi que des titres moins gros (ou moins gras)
liste à puce : ok le 2ème niveau est géré
titres : nickel avec le trait, très littéraire
toolbox en bas comme sur DLFP, ça le fait (en bas quasiment sur toute la longueur)
nouveau commentaire : pas très visible ? Est-ce normal la largeur réduite des commentaires et la place "perdue" sur la droite ? (marge trop importante ?)
écrire un commentaire : ok, cela tient dans la page, couleurs adaptées (ça plaît ou pas)
la barre de titre ne prend pas une couleur différente pour la section en cours
les tableaux (de bord, suivi) rendent bien, les marges gauche et droite pourraient être plus petites
la barre de titre passe à la ligne quand la largeur n'est pas suffisante, idem pour barre de recherche, c'est un peu pénalisant sur un EeePC et le grisé autour du logo LinuxFr fait bizarre
semble réactive
ah on ne voit pas les liens sur https://alpha.linuxfr.org/board pour en popup, en ligne ou en chauve (il faut passer dessus pour les rendre visible), oubli ? (et avec largeur réduite, les nicks trop long décalent l'alignement gauche de la tribune, essayer avec un peu plus de largeur)
tribune modo : pas besoin de marge gauche, serait-il possible de l'enlever (sinon la taille des caractères est ok)

écrire un commentaire : ok, cela tient dans la page, couleurs cohérentes
les tableaux (de bord, suivi) rendent très bien, les marges sont optimisées
à réserver à une sortie de distribution
effectivement des lenteurs quand on scrolle sur une page
tribune modo : pas besoin de marge, serait-il possible de l'enlever (sinon la taille des caractères est ok)
liste à puce : ok le 2ème niveau est géré, pourrait être plus en retrait
titres : en vert, mais bon les goûts et les couleurs ;-)
toolbox en bas sur la gauche : elle tient sur 3 lignes
nouveau commentaire : en gris plus foncé, pas vraiment très visible pourrait l'être plus
écrire un commentaire : ok, cela tient dans la page
la barre de titre ne prend pas une couleur différente pour la section en cours, sinon le noir est assez joli
les tableaux (de bord, suivi) rendent correctement, la police pourrait être plus petite
consommation élevée à affichage de la page des journaux (explication donnée quelquepart à retrouver)
artefact sur mon login, quand je quitte la page, mon login n'apparaît pas tourné de 90° sur la gauche, mais les lettres en dessus des autres
belle apparence, un peu de perte de place avec la note sur le côté droit en haut des journaux (enlever marge de droite ?)
tribune modo : ok, nickel
liste à puce : ok le 2ème niveau est géré
titres : ok
toolbox en bas comme sur DLFP, ça le fait (en bas quasiment sur toute la longueur)
nouveau commentaire : avec liseré vert, ça le fait
écrire un commentaire : ok, joli, on peut agrandrir en hauteur la zone de saisie Markdown (mais pas en largeur ? un peu trop large en l'occurence)
liens : ah différenciation lien interne wiki ou lien wikipedia, pas mal
la barre de titre ne change pas de couleur selon section, le dégradé apparaît après coup sur l'EeePC mais blanc puis gris on va dire que ça passe
les tableaux (de bord, suivi) ~ok un peu trop de marge à droite, police ok


Contributions des participants outre la CSS

Octabrain création de page de test comme https://alpha.linuxfr.org/forums/generaltest/posts/test-css (test des titres principalement)
Yggdras création de page de test comme https://alpha.linuxfr.org/wiki/Test-Syntaxe-Wiki

style supplémentaire http://www.schyzo.fr/dlfp.css (ah elle gère bien les nouveaux commentaires avec le [!] \o/)
et http://souffles.eu/dlfp.css ? (par Sygne)

Liste des liens regardés

https://alpha.linuxfr.org/stylesheet/modifier pour changer de css
https://alpha.linuxfr.org/tableau-de-bord et https://alpha.linuxfr.org/suivi pour le rendu des tableaux
https://alpha.linuxfr.org/board à comparer à l'ancienne https://linuxfr.org/board/
https://alpha.linuxfr.org/wiki/Test-Syntaxe-Wiki test syntaxe dont liste à puces (2 niveaux)
https://alpha.linuxfr.org/nodes/83391/comments/1179554/answer écrire un commentaire (et vérif' visualisation)

There are no comments on this page.
Valid XHTML :: Valid CSS: :: Powered by WikkaWiki