URL: https://linuxfr.org/users/crev/journaux/css-linuxfr-solarized Title: [css] linuxfr-solarized Authors: CrEv Date: 2012年07月24日T22:32:29+02:00 Tags: css, solorized, franglais et firefox Score: 19 Cette semaine, point de bookmarks (à moins que je trouve subitement un peu plus de temps libre...). Mais pour me faire pardonner j'ai prévu de vous offrir tout autre chose : une nouvelle css ! Ca faisait un moment que je voulais en faire une et finalement, ben voilà, c'est fait. Il faudrait encore corriger / améliore / ajouter certains points mais j'ai décidé de passer totalement dessus désormais. Elle est à un stade utilisable en lecture, d'où la _publication_. # Pourquoi une nouvelle css ? Je voulais simplement une css assez simple, lisible mais un peu colorée (mais pas trop). Entre autre pour pouvoir visualiser plus facilement les nouveaux contenus / nouveaux messages / contenus avec nouveaux messages. Visuellement j'ai aussi rajouté quelques petites choses, comme des badges dont la couleur change en fonction de la note (5 niveaux : looser, vil trolleur, neutre+, intéressant, parfait pour rentrer dans l'histoire des moules), des blockquote dont la bordure change en fonction du niveau d'imbrication. Je voulais aussi une css avec une taille en largeur plutôt limitée (oui je pourrais redimensioner mon navigateur mais les marges participent au confort de lecture) pour des questions de lisibilité. Par contre, l'effet de bord est que certains contenus sont complexes à afficher : * les commentaires lorsqu'ils sont trop profonds * les tableaux, comme le suivi Ha oui, je navigue en -42 donc j'ai pas vraiment vérifié si les commentaires repliés étaient ok. J'ai rapidement fait la partie tribune mais elle n'est probablement pas optimale (quelqu'un utilise ce truc non référencé d'ailleurs ?) Il reste encore pas mal de boulot (notamment les parties de rédaction, que ce soit commentaire / journal / dépêche ou l'interface de rédaction collaborative). Mais cela viendra progressivement. Petit point de détail également : il existe deux versions de la css, l'une sur fond clair et l'autre sur fond sombre (j'utilise les couleurs de [solarized][]). # Parlons un peu technique : La CSS est initialement basée sur [knacss][]. Il en reste un peu mais au final pas grand chose. Je m'en suis servi en fait comme une feuille de reset un peu évoluée. J'utilise également [sass][] car c'est mieux (enfin les préprocesseurs css saybien) et c'est, si je ne me trompe, celui qui est utilisé dans le code de linuxfr (comment ça je vise, au final, l'inclusion dans les sources ?) Les sources sont disponibles sur [un dépôt github][] et, pour ceux qui veulent du plus rapide, sur [un dépôt baregit][]. # Et les nimages ?! J'ai fait deux aperçus rapides, les voici (je n'inclus pas directement à cause de la taille des images) : * [page d'accueil][] * [un article et des commentaires][] # Et les css dans tout ça ? Ha oui, désolé j'avais oublié : * [version light](http://ybr.phpnet.org/linuxfr/light/light.css) * [version dark](http://ybr.phpnet.org/linuxfr/dark/dark.css) # Et la suite ? Je vais continuer à l'améliorer progressivement, notamment en ce qui concerne les fonctionnalités d'édition. Si vous avez des remarques ou des idées n'hésitez surtout pas. Et un petit mot concernant le support des navigateurs : de mon côté il n'est pas prévu de supporter autre chose qu'un navigateur récent. Pour une demande dans un autre sens va falloir argumenter... (et pour le coup oui il y a quelques problèmes de placement sous firefox, la correction viendra) [knacss]: http://www.knacss.com "Knacss" [sass]: http://sass-lang.com/ "Sass" [solarized]: http://ethanschoonover.com/solarized "Solarized" [un dépôt github]: https://github.com/CrEv/linuxfr-solarized "Dépôt GitHub" [un dépôt baregit]: http://baregit.com/crev/linuxfr-solarized "Dépôt Baregit" [page d'accueil]: http://ybr.phpnet.org/linuxfr/accueil.jpg "Accueil" [un article et des commentaires]: http://ybr.phpnet.org/linuxfr/article.jpg "Article"