Je dis pas... mais en même temps, si il est maintenant interdit de transgresser les règles et les bonnes pratiques... Ça va être triste. Non ?
Bon, pour ne pas mourir idiot, j'ai fait une version de la 1024 sans letter-spacing : http://arliguy.info/css/spasibo-1024-nls.css et je vais la tester un peu, mais déjà je trouve cela trop compact. A cause de la police avec empattements ? J'essaye aussi avec une sans-serif : http://arliguy.info/css/spasibo-1024-nls-sans.css Avec la police Ubuntu par défaut en plus \o/
Mais niveau équilibre et apparence - ce dont semble parler le gris typographique auquel tu fais référence - je trouve qu'avec un letter-spacing de 2px, c'est mieux... surtout que le fond est déjà gris.
pourquoi avoir opté pour un espacement de 2 px entres les caractères ?
Parce que c'est une vieille habitude et que j'aime bien et je trouve que cela rend la lecture plus facile, même sur petits écrans :) Ensuite, c'est très simple à changer, il suffit de faire une CSS qui intègre la version de base et surcharge letter-spacing dans body.
Il y a une demande dans le suivi pour avoir un hébergement de CSS personnalisée sur linuxfr... Un commentaire propose d'avoir déjà un simple champ pour pouvoir surcharger certaines règles de la CSS courante, ça permettrait de faire simplement ce genre de manipulation !
Je crois que moi aussi je préférais les bords arrondis ! Dans une prochaine màj je vais les rajouter je pense.
Si tu as d'autres remarques, je suis preneur.
Y'a un moyen de faire remonter ce sujet ?
Je ne sais pas. Je referai un journal peut être quand je l'aurai finie. Je voudrai ajouter une gestion des petits écrans, lorsqu'on accède à linuxfr depuis un smartphone ou périphérique du genre.
Les captures d'écran sont redimensionnées. J'avoue ne pas avoir pris grand soin à cette opération et j'ai dû réduire de moitié environ... ça a laissé des traces. Désolé !
Sinon, j'ai un bug avec le formulaire pour commenter : il y a un trou d'une dizaine de ligne entre les boutons « B », « I », « ul », etc et le textarea du commentaire. Navigateur : luakit/webkit
Cette anomalie d'affichage est corrigée normalement.
Pour le menu du haut, il y a quand même l'élément actif qui est souligné et un changement au survol. Mais je vais essayer de voir si je ne peux pas changer un peu. Sinon pour le menu de droite, tu as une idée ? Je ne sais pas trop quoi en faire de ce menu...
Il me faut trouver une autre solution pour mettre en évidence le nombre de commentaires de toute façon. La solution actuelle pose des pbm de chevauchement quand les titres prennent toute la largeur ou en redimensionnant/réduisant la fenêtre du navigateur. J'en profiterai pour tester avec FF4
La tribune de modération n'est plus visible pour les modérorelecteurs
Ça je ne sais pas ce que c'est que la tribune de modération... Mais bon, j'avais prévenu : C'est une css orientée lecture, alors j'ai peut-être sabré des éléments utiles pour d'autres usages.
La police de caractère est franchement trop grosse
Dans un autre commentaire, j'ai mis des liens vers une version avec taille de texte réduite. Sinon comme expliqué plus haut, changer la taille est relativement simple
Je ne vois plus la zone de recherche textuelle qui se trouve normalement en haut à droite
Elle fait partie des éléments que j'ai supprimé... Je ne l'utilise jamais ! Et je ne sais pas comment la présenter.
Je pensais aussi essayer de l'adapter pour mon androphone, mais pas dans l'immédiat. Si tu en fais une, n'oublie pas de la partager ! ça pourrait servir :)
Je pense que la largeur qui dépasse celle de l'écran peut venir des barres en haut de l'écran et du menu mis sur la droite. En simplifiant cela, ça devrait mieux passer.
Pour modifier cela, tu peux faire une css qui inclue celle-ci et tu modifies l'attribut max-width sur la classe content avec ce que tu veux, par exemple :
A toi de trouver la largeur maximale que tu tolères. Cela ne limite que la taille maximale des zones de contenu, je pense que ça doit répondre à ton besoin, sans pour autant limiter la largeur de tout le reste.
Avec la même méthode il est possible de supprimer le max-width positionné sur #container et #bigfooter. Ainsi la css ne définie plus de largeur maximale. Perso je limite la largeur car j'aime lire en plein écran pour avoir un fond homogène et sans ça une dépèche tient sur 1 seule ligne !
Il est vrai qu'un second jeudi devrait se dérouler un jeudi. Ça ne m'avait pas choqué. Surtout que le 9 novembre tombait bien un mardi. Simple que je suis !
Et pour le second sic dans « Tout le monde était tellement occupé par la récente sortie d'OpenBSD (sic!) que l'on en a presque oublié le monde « des autres » ! » de la précédente dépêche sur DragonFly BSD ?
Évite le Q1 ultra. Le clavier ne sert à rien. Dans cette taille, autant prendre un netbook.
J'en ai un et je le regrette un peu. Juste bon pour regarder une vidéo dans le train et consulter ses mails et le web. Sitôt qu'il s'agit d'écrire qqch... enfer !
Le commentaire plus bas pointe sur « Cool URIs don't change » [htp://www.w3.org/Provider/Style/URI]. C'est vrai que cela devrait être la cas. J'ai moi même cassé des liens vers certains documents que j'avais publiés (photos, blogs) suite à des migrations. Mais c'était mes documents. Un flickr qui stoppe, un facebook qui capote, c'est des milliers (millions ? dizaines de millions ?) d'utilisateurs qui se retrouvent le bec dans l'eau. Autant de document qui disparaissent sans la volonté de la personne qui les a publiés. Ok, il y a moins de risque de voir fermer un facebook qu'un autre, mais moins de risque ne veut pas dire aucun : il y en a qui disent que l'avion c'est le moyen de transport le moins risqué, pourtant...
Et puis je n'opposais pas service hébergé et service auto-hébergé. Si il était simple de transférer ses données d'un service à un autre, on serait bien aise. D'où la maitrise. J'ai l'impression qu'on perd de plus en plus la maitrise sur ce qu'on diffuse/publie...
[^] # Re: Espace entre les lettres
Posté par B r u n o (site web personnel) . En réponse au journal [CSS] spasibo.css : version petits écrans. Évalué à 1.
Je dis pas... mais en même temps, si il est maintenant interdit de transgresser les règles et les bonnes pratiques... Ça va être triste. Non ?
Bon, pour ne pas mourir idiot, j'ai fait une version de la 1024 sans
letter-spacing
: http://arliguy.info/css/spasibo-1024-nls.css et je vais la tester un peu, mais déjà je trouve cela trop compact. A cause de la police avec empattements ? J'essaye aussi avec une sans-serif : http://arliguy.info/css/spasibo-1024-nls-sans.css Avec la police Ubuntu par défaut en plus \o/Mais niveau équilibre et apparence - ce dont semble parler le gris typographique auquel tu fais référence - je trouve qu'avec un
letter-spacing
de 2px, c'est mieux... surtout que le fond est déjà gris.[^] # Re: Espace entre les lettres
Posté par B r u n o (site web personnel) . En réponse au journal [CSS] spasibo.css : version petits écrans. Évalué à 1.
Parce que c'est une vieille habitude et que j'aime bien et je trouve que cela rend la lecture plus facile, même sur petits écrans :) Ensuite, c'est très simple à changer, il suffit de faire une CSS qui intègre la version de base et surcharge
letter-spacing
dansbody
.Il y a une demande dans le suivi pour avoir un hébergement de CSS personnalisée sur linuxfr... Un commentaire propose d'avoir déjà un simple champ pour pouvoir surcharger certaines règles de la CSS courante, ça permettrait de faire simplement ce genre de manipulation !
[^] # Re: Bravo mais léger soucis
Posté par B r u n o (site web personnel) . En réponse au journal Une nouvelle feuille de style orientée lecture. Évalué à 0.
Je crois que moi aussi je préférais les bords arrondis ! Dans une prochaine màj je vais les rajouter je pense.
Si tu as d'autres remarques, je suis preneur.
Je ne sais pas. Je referai un journal peut être quand je l'aurai finie. Je voudrai ajouter une gestion des petits écrans, lorsqu'on accède à linuxfr depuis un smartphone ou périphérique du genre.
[^] # Re: Bravo mais léger soucis
Posté par B r u n o (site web personnel) . En réponse au journal Une nouvelle feuille de style orientée lecture. Évalué à 0.
C'est corrigé le problème avec FF4
[^] # Re: Les screenshots sont-ils redimensionnés ?
Posté par B r u n o (site web personnel) . En réponse au journal Une nouvelle feuille de style orientée lecture. Évalué à 1.
Les captures d'écran sont redimensionnées. J'avoue ne pas avoir pris grand soin à cette opération et j'ai dû réduire de moitié environ... ça a laissé des traces. Désolé !
[^] # Re: Et la largeur du texte ?
Posté par B r u n o (site web personnel) . En réponse au journal Une nouvelle feuille de style orientée lecture. Évalué à 0.
Cette anomalie d'affichage est corrigée normalement.
[^] # Re: Presque irréprochable.
Posté par B r u n o (site web personnel) . En réponse au journal Une nouvelle feuille de style orientée lecture. Évalué à 0.
Pour le menu du haut, il y a quand même l'élément actif qui est souligné et un changement au survol. Mais je vais essayer de voir si je ne peux pas changer un peu. Sinon pour le menu de droite, tu as une idée ? Je ne sais pas trop quoi en faire de ce menu...
[^] # Re: Bravo mais léger soucis
Posté par B r u n o (site web personnel) . En réponse au journal Une nouvelle feuille de style orientée lecture. Évalué à 1.
Il me faut trouver une autre solution pour mettre en évidence le nombre de commentaires de toute façon. La solution actuelle pose des pbm de chevauchement quand les titres prennent toute la largeur ou en redimensionnant/réduisant la fenêtre du navigateur. J'en profiterai pour tester avec FF4
[^] # Re: Et la largeur du texte ?
Posté par B r u n o (site web personnel) . En réponse au journal Une nouvelle feuille de style orientée lecture. Évalué à 2.
Je ne connaissais pas... super.
Bon, ça ne rend pas forcément super sur linuxfr, mais si il y en a qui veulent essayer j'ai fait une rapide adaptation : http://arliguy.info/css/spasibo-columns.css
En tout cas, c'est pratique.
[^] # Re: Critiques
Posté par B r u n o (site web personnel) . En réponse au journal Une nouvelle feuille de style orientée lecture. Évalué à 1.
Ça je ne sais pas ce que c'est que la tribune de modération... Mais bon, j'avais prévenu : C'est une css orientée lecture, alors j'ai peut-être sabré des éléments utiles pour d'autres usages.
Dans un autre commentaire, j'ai mis des liens vers une version avec taille de texte réduite. Sinon comme expliqué plus haut, changer la taille est relativement simple
Elle fait partie des éléments que j'ai supprimé... Je ne l'utilise jamais ! Et je ne sais pas comment la présenter.
[^] # Re: Génial
Posté par B r u n o (site web personnel) . En réponse au journal Une nouvelle feuille de style orientée lecture. Évalué à 1.
Je pensais aussi essayer de l'adapter pour mon androphone, mais pas dans l'immédiat. Si tu en fais une, n'oublie pas de la partager ! ça pourrait servir :)
Je pense que la largeur qui dépasse celle de l'écran peut venir des barres en haut de l'écran et du menu mis sur la droite. En simplifiant cela, ça devrait mieux passer.
[^] # Re: Police avec empattements
Posté par B r u n o (site web personnel) . En réponse au journal Une nouvelle feuille de style orientée lecture. Évalué à 3.
Dans un commentaire précédent j'ai mis le lien vers une version avec police sans empattement : http://arliguy.info/css/spasibo-sans-serif.css
[^] # Re: Et la largeur du texte ?
Posté par B r u n o (site web personnel) . En réponse au journal Une nouvelle feuille de style orientée lecture. Évalué à 8.
Pour modifier cela, tu peux faire une css qui inclue celle-ci et tu modifies l'attribut
max-width
sur la classecontent
avec ce que tu veux, par exemple :A toi de trouver la largeur maximale que tu tolères. Cela ne limite que la taille maximale des zones de contenu, je pense que ça doit répondre à ton besoin, sans pour autant limiter la largeur de tout le reste.
Si tu veux essayer, j'en ai mis une : http://arliguy.info/css/spasibo-small-width.css
Pareil pour les autres remarques plus bas :
max-width
positionné sur#container
et#bigfooter
. Ainsi la css ne définie plus de largeur maximale. Perso je limite la largeur car j'aime lire en plein écran pour avoir un fond homogène et sans ça une dépèche tient sur 1 seule ligne !font-size
surbody
exemple : http://arliguy.info/css/spasibo-small-size.css ou http://arliguy.info/css/spasibo-very-small-size.cssC'est l'avantage des CSS, on peut faire plein plein de choses et composer avec l'existant :)
[^] # Re: [-]
Posté par B r u n o (site web personnel) . En réponse à l’entrée du suivi Gifs animés. Évalué à 1 (+0/-0).
Le plus simple serait encore de supprimer les avatars... c'est moche. ooouuuu que c'est moche !
[^] # Re: Et pour un SEL ?
Posté par B r u n o (site web personnel) . En réponse au journal Outils informatiques pour faciliter le fonctionnement d'une association.. Évalué à 1.
Sinon Mutual Credit [http://drupal.org/project/mutual_credit] qui est un module Drupal
[^] # Re: Mini-PC
Posté par B r u n o (site web personnel) . En réponse au journal Excito B3: un serveur basse conso sous debian très joli et très ouvert !. Évalué à 5.
[^] # Re: Hors-sujet
Posté par B r u n o (site web personnel) . En réponse à la dépêche Second Jeudi du Libre à Nîmes - Mardi (sic) 9 novembre 2010. Évalué à 1.
Et pour le second sic dans « Tout le monde était tellement occupé par la récente sortie d'OpenBSD (sic!) que l'on en a presque oublié le monde « des autres » ! » de la précédente dépêche sur DragonFly BSD ?
# Hors-sujet
Posté par B r u n o (site web personnel) . En réponse à la dépêche Second Jeudi du Libre à Nîmes - Mardi (sic) 9 novembre 2010. Évalué à 1.
C'est une nouvelle mode ? Ou des jeux de mots cachés ? Je n'arrive pas à voir quelle est leur utilité et c'est super perturbant...
# Kézako...
Posté par B r u n o (site web personnel) . En réponse à la dépêche Fiction documentaire de 16 min « Libre à vous ». Évalué à 3.
[^] # Re: Et les diabétiques ?
Posté par B r u n o (site web personnel) . En réponse au journal Un sandwich, un cinéma, puis le poste de police.. Évalué à 9.
# Pas le Q1
Posté par B r u n o (site web personnel) . En réponse au journal MID/UMPC/IMT que choisir ?. Évalué à 1.
J'en ai un et je le regrette un peu. Juste bon pour regarder une vidéo dans le train et consulter ses mails et le web. Sitôt qu'il s'agit d'écrire qqch... enfer !
# bac à sable
Posté par B r u n o (site web personnel) . En réponse au message Droits d'exécutions d'un script Javascript. Évalué à 3.
[^] # Re: tr.im réouvre
Posté par B r u n o (site web personnel) . En réponse au journal Sans maîtrise, la puissance n'est rien. Évalué à 3.
[^] # Re: lilUrl & co
Posté par B r u n o (site web personnel) . En réponse au journal Sans maîtrise, la puissance n'est rien. Évalué à 4.
Et puis je n'opposais pas service hébergé et service auto-hébergé. Si il était simple de transférer ses données d'un service à un autre, on serait bien aise. D'où la maitrise. J'ai l'impression qu'on perd de plus en plus la maitrise sur ce qu'on diffuse/publie...
# Dans Juropa, il y a du Bull
Posté par B r u n o (site web personnel) . En réponse à la dépêche Le classement Top 500 de juin 2009 est disponible. Évalué à 8.