CrEv a écrit 4577 commentaires

Super !

J'ai donc pu tester la nouvelle version de ma css sur mon smartphone.
J'ai donc plusieurs versions selon la largeur, entre autre la version "mobile" est légèrement différente entre portrait et paysage.

Juste deux questions à ceux qui pourraient me lire et qui sont intéressés par le sujet :

• vous pensez que la toolbar est importante sur mobile ? le problème est que la position fixed c'est pas génial (c'est mal synchronisé, en tout cas sous firefox android)
• que pensez-vous de masquer les boites autres que login ? (genre sondage, rédaction, etc) en mobile portrait (la version la plus étroite quoi)

Merci linuxfr :) ça fait quand même rudement plaisir de se voir ici… pour des bookmarks à la base :)

Et comme précisé à la fin, ça permet de ne pas oublier que linuxfr est avant tout vivant de part sa communauté et ses contributeurs. En fait c'est un peu le site dont nous sommes les héros (oui je sais, les jeunots ne comprendront probablement pas cette référence…)

J'ai commité ce qu'il faut pour qu'elle soit utilisable avec une fenêtre plus petite.
Il y a plusieurs "versions" (utilisant des media queries du genres @media screen and (min-width: 601px) and (max-width: 959px)) :

• très petit : affichage tout vertical, les blocs les uns en dessous des autres, réduction de certaines marges (commentaires, tribune)
• petit : idem mais la sidebar est en table-cell (c'est pas mal lorsqu'on charge la page dedans, pas génial si on redimensionne, je ne sais pas pourquoi)
• moyen (600 à 960px en gros) : la même chose que le style par défaut mais avec des tailles de bloc (barre latérale et contenu) en pourcentage. Les proportions sont les mêmes, mais ça permet de se dégrader progressivement
• normal (>= 960px) ce que vous avez actuellement

Le tout n'est pas encore parfait mais ça vient petit à petit.

Pour les tailles supérieures ça viendra plus tard

Il ne me reste plus que deux choses (à moins que d'autres en ajoutent) et je ferai une nouvelle release pour que vous puissiez voir.

(par contre je suis un peu degouté, mon bel historique git est un peu foiré. j'ai voulu utiliser le client github sous windows, en utilisant aussi gitflow donc j'ai sorti mon cygwin, pis ça a un peu merdé, bla bla bla… j'aurais mieux fait de tout réaliser à la main ça aurait été plus simple…)

De rien :)
Il y a quoi d'autre comme contenu ?

Bon ok, le plus simple serait que je m'installe une instance de linuxfr, ça serait pas mal. Pour le moment je pense que j'ai résolu le problème de la tribune modo. Lorsque j'aurai sorti la prochaine version je verrai si j'ai besoin d'aller plus loin côté contenu modérateur ou non, et le cas échéant je ferai la demande.
J'avais totalement oublié la version alpha :)

Par contre, la largeur fixe est un point bloquant pour moi: on a tous des écrans larges de nos jours… Avoir le choix serait idéal.

hum, comment ça ?
La largeur fixe est là en fait pour une raison : limiter la largeur maximale (le nombre de caractères) d'une ligne. Et ce, justement pour une question de lisibilité, de (non) fatigue de lecture, de facilité de lecture.
Avoir des lignes trop longues est vraiment désagréable lors de la lecture.

C'est d'ailleurs pour ça que les journaux (par exemple) utilisent des colonnes. Le truc c'est que le contenu de linuxfr ne se prête pas bien à une disposition en colonne.

Donc partant de là, j'ai bloqué à 960px car ça me permet d'avoir une ligne de largeur correcte. Je suis en train de travailler sur les dimensions en dessous, mais ça ne résout pas ton problème.

Si on veut exploiter plus de largeur, il y a plusieurs choses que j'ai déjà envisagé :

• avoir toujours la bonne largeur pour les contenus (donc faire déborder les commentaires par exemple, quelque soit l'indentation). Ca ajouterais un scroll horizontal pas forcément évidemment de prime abord mais ça offrirait vraiment un plus grand confort.
• avoir quelque chose sur plus de colonnes : (barre latérale) (contenu de la dépêche/journal) (commentaires). Ce serait possible pour des écrans vraiment large, ça pourrait par contre offrir une lecture un peu plus étrange. Mais si les deux contenus sont scrollables indépendamment ça offrirait la possibilité d'avoir sous les yeux à la fois l'article et les commentaires s'y rapportant. C'est un point qui peut être vraiment intéressant je pense.

Mais par contre, dans tous ces cas la largeur du texte restera relativement fixe. Un design fluide, pourquoi pas, un texte trop large, non.

(je répond pour les deux commentaires)

si on veut réduire la taille de la fenêtre, qu'on a un netbook ou un téléphone, c'est un peu juste

J'ai commencé à travaillé sur ce point. Je pense que ce sera bon pour la prochaine release, d'ici quelques jours au plus.
J'ai quelque chose qui fonctionne plutôt pas mal sur une petite largeur, mais il faut que j'arrive à améliorer l'entre deux (pour une fenêtre juste un peu plus petite quoi)

Pour la tribune ça devrait être ok dans la prochaine release

Ha ok…
Faut dire que j'ai pas ça moi dans mon interface :)

Faut pas hésiter si vous avez des cas comme ça, et non accessible aux mortels, de me fournir image (et html ou extrait) et je corrigerai.

Pour le moment je l'ai noté ici et ça fera partie de la prochaine version.

Je vois sur le site de solarized qu'ils n'utilisent qu'une seule couleur pour le contenu, que le fond soit clair ou foncé.

Non, pas exactement : lorsque le fond est clair la couleur de texte est base00 (#657b83), lorsque le fond est foncé la couleur de texte est base0 (#839496)

Ensuite il y a deux autres couleurs (enfin 4) pour moins contrasté (typiquement les commentaires, c'est visible dans la barre latérale) et pour plus contrasté (titres par exemple, mots clés dans le code, etc)

J'ai essayé avec 404E53 mais j'aime pas trop, justement trop contrasté et pas assez reposant je trouve.
Après il est vrai que ça dépend beaucoup des écrans et de la luminosité (sur mon dual screen entre l'écran externe et l'écran du portable j'ai une sacré différence)

Mais je vais voir si je peux pas tout de même y faire quelque chose (pourquoi pas encore une déclinaison avec un contraste plus prononcé)

Merci, content que ça puisse convenir :)

Ha, ce doit être parce que je suis sur un écran large (mais pas trop, 1440px) et en dual screen (donc 2 x 1440) et j'ai donc mon navigateur en plein écran.
Et sur mon autre, j'ai que 1280px de large donc c'est fenêtré mais pas plein écran, ni moitié, et ça passe très bien.

Mais c'est noté, je pense que je vais m'en occuper plus rapidement que prévu.

Bon, vu que c'est toi qui le demande initialement (enfin je sais plus si quelqu'un en avait parlé avant ou pas), une petite question : tu préférerais avoir d'abord les contenus (journaux, etc) et les boites (utilisateurs, sondage, rédaction) en dessous ou le contraire ? Dans les deux cas il y aura les liens pour aller directement à l'un ou l'autre (ils sont juste masqués pour le moment)

Par contre, rédaction collaborative et tribune risque de souffrir avec une zone moins large. Mais ça permettrait peut-être d'avoir un affichage smartphone ok.

Le problème d'une solution pas cookie ou par session, c'est qu'il faut le reconfigurer sur chaque poste.
Il faudrait pouvoir définir une CSS globale par utilisateur et pouvoir la surcharger sur un critère de session/cookie si souhaité, mais en laissant la css configurée dans les autres cas.

Je sais pas si c'est très clair…

Vi, c'est pas vraiment fait pour être utilisé en dessous de 960px…

Je le note et je verrai si je peux y faire quelque chose (genre du "responsive design") dans une prochaine version.

Déjà, merci pour les messages.

Ensuite, une petite mise à jour a été faite, notamment :

• amélioration du lien "proposer un contenu"
• mise en évidence http/https
• placement des titres dans la sidebar
• réduction de la police dans la sidebar
• espacement, séparateur et mise en évidence du lien courant dans les liens de navigation
• meilleur placement du sommaire dans les articles (journaux et autres)
• suppression du soulignement des titres et des liens en fait
• logo cliquable

En effet pour les commentaires repliés il manquait la classe .fold

C'est normalement maintenant ok.

Il s'agit de Century Gothic
Elle est en effet plutôt pas mal, mais je ne l'ai pas spécifiquement choisie, c'était celle de base dans knacss

J'ai oublié de mentionner un point pas négligeable : les urls précédentes (http://ybr.phpnet.org/linuxfr/dark/dark.css et http://ybr.phpnet.org/linuxfr/light/light.css) ne seront probablement pas mises à jour dorénavant.
Que ceux qui les utilisent migrent sur, respectivement, http://ybr.phpnet.org/linuxfr/dark_light_code.css et http://ybr.phpnet.org/linuxfr/light_dark_code.css.

Je sais c'est un peu embêtant mais bon, c'est pas grand chose et ça me permet de ne maintenir que 4 urls et non 6 (à moins que quelqu'un me sorte un .htaccess qui va bien, j'ai juste la flemme là…)

Directx simplifie pas mal d'autre aspect (input, game controller, son, …) mais je ne pense pas que c'est si important au final.

Pourtant c'est justement un point que j'ai très souvent entendu comme grief envers les solutions libres.

Je pense que je vais enlever le soulignement de quasiment tous les liens en tant que titre (leur couleur suffit déjà à les repérer). Ca devrait alléger un peu le style.

Pour l'espacement, c'est noté

OK, c'est noté

voici et voici

Pour ce qui est de la police je vais surtout essayer d'en trouver une avec le même gris typographique. C'est ce qui permettra d'avoir un rendu assez similaire et agréable à l'oeil mais avec une police différente.

De rien.

Ok, c'est noté

Merci :)

Il m'a fallu pas mal de temps pour trouver assez de motivation. Non pour en faire une, car je dois avoir 3 ou 4 tentatives de CSS, mais pour en finir une (enfin suffisamment avancer quoi).

Faire une CSS de base c'est pas super compliqué, mais la fignoler c'est déjà beaucoup plus long. Et lorsque je fais des CSS tous les jours pour le boulot, pas forcément toujours la motivation pour refaire exactement la même chose à côté… mais c'est valable pour beaucoup de monde je pense.

Merci :)

Ha oui, je note pour virer le soulignement des titres. Pour la taille, faut que je regarde justement avec les différentes polices et aussi que je vois dans quelle mesure ça peut être changé de façon suffisamment harmonieuse avec les autres tailles (mais pas trop car en fait j'aime bien la taille, mais je dois bien pouvoir la baisser un poil)

Pour la police heu… disons que j'ai fais mes captures sur un poste windows (patapai) Je vais voir par contre ce que je peux trouver comme police sympa et approchante. Les captures sont faites avec Century Gothic (et elle est plutôt sympa, notamment le '?')

Oui c'est plutôt positif pour Linux (quoique tout le monde ne soit pas de cet avis) mais ce qui est triste est que ce ne soit qu'un choix de seconde zone. C'est essentiellement parce qu'ils pensent que win8 est une catastrophe qu'ils veulent faire faire du linux, non pour faire du linux.
A moins que tout ceci ne soit aussi qu'un coup de bluff quelconque…