URL: https://linuxfr.org/users/arodier/journaux/jouons-un-peu-avec-linuxfr-et-css3 Title: Jouons un peu avec linuxfr et CSS3 Authors: Andre Rodier Date: 2024年03月16日T16:17:30+01:00 License: CC By-SA Tags: linuxfr, css et web Score: 16 De temps en temps, j'ai besoin de me détendre, et je joue un peu avec les tech du web, entre deux déploiements. J'aime bien HTML5 et CSS, spécialement la version 3 et son lot de nouveautés. J'en ai profité du site de Linuxfr, pour tester et rafraîchir mes connaissances de ce côté. Voici donc une feuille de style, certainement pas finie, mais en bonne progression, si vous voulez tester un peu. De temps en temps, je me suis dit qu'il y avait des trucs qui ne servaient à rien, ou en tout cas, qui pouvaient attendre une heure plus raisonnable, et je les ai honteusement cachés (`display: none;`). Soit dans l'espoir d'y revenir plus tard, soit parce que la structure devrait, AMHA, être revue. Bien sûr, vu l'historique du site, il y a quelques incohérences dans le code généré, notamment une surcharge de blocs imbriqués ou des tags qui manquent là où il en faudrait. Ce qui fait que parfois, je n'ai pu faire ce que je voulais. J'ai aussi vu, du code qui utilise des caractères ASCII pour faire des boutons, du style `[^]`, ou `[+]`, etc...À ce stade, CSS ne peut (presque) rien faire, sinon changer la génération de code en elle-même. Pour l'éditeur de texte pour les journaux, nouvelles, etc, je pense qu'un éditeur WYSIWYG moderne serait bienvenu, et j'avoue que vers la fin, j'étais trop fatigué pour écrire des styles pour une liste de liens de formatage markdown. D'ailleurs, pour l'aide-mémoire, la balise `details` serait appropriée. Dans ce qui me manquait des feuilles de styles proposées, le basculement automatique du thème clair ou sombre, selon les préférences du système. Ensuite, vu que CSS3 supporte les "nested styles", je n'ai pas eu envie d'utiliser les préprocesseurs habituels. Finalement, pareil pour les "feuilles de styles conditionnelles importées", cela permet de découper ses feuilles de style en plusieurs fichiers. Cela n'a pas d'impact négatif sur les performances, comme j'ai pu entendre précédemment, au contraire : - les feuilles de styles peuvent être chargés en parallèle, - le navigateur ne charge que celles qui correspondent à la condition. - Lorsqu'une feuille de style modifiée, ce sera la seule rechargée du serveur. Les avatars, j'ai pas encore fini, mais j'y reviendrais quand j'aurai un moment et un peu plus d'inspiration. Sinon, les images de sections gagneraient à être harmonisées, il y a pêle-mêle des icônes PNG, des gifs 256 couleurs retaillées à l'emporte-pièce, et des images du web en jpeg, ce qui donne à la page section un aspect amateur. Voilà, on est samedi, j'ai passé assez de temps dessus pour le moment, et j'y reviendrai plus tard. En attendant, on pourrait pousser ces styles sur un dépôt GitHub ou Linuxfr (je ne sais pas où est le dépôt git de Linuxfr). Voici le lien: https://rodier.me/lfr/css/index.css