Les entrailles d’un interpréteur CSS très rapide : Quantum CSS (alias Stylo)

119
31
août
2017
Mozilla

Cet été, Lin Clark a publié un article assez détaillé sur le fonctionnement du nouvel interpréteur CSS qui sera utilisé par les futures versions de Firefox.

Comme l’article est assez détaillé et qu’il révèle ce qui fait la magie de Rust et du projet Quantum, nous avons décidé de vous proposer une traduction dans la suite de la dépêche.

Veuillez noter que l’article original est sous licence _Creative Common Attribution — Partage dans les mêmes conditions 3.0 non transposé, cette dépêche suit donc les mêmes règles.

Des nouvelles de WeasyPrint, ou comment développer du libre à (presque) plein temps

Posté par  . Édité par Benoît Sibaud, Xavier Teyssier et Ysabeau 🧶 🧦. Modéré par Ysabeau 🧶 🧦. Licence CC By‑SA.
Étiquettes :
92
22
sept.
2022
Python

WeasyPrint est un générateur de documents qui transforme du HTML/CSS en PDF. C’est écrit en Python, c’est libre (bah oui, sinon on n’en parlerait pas ici), et nous en avions déjà discuté ici il y a quelques années dans un petit article.

Avec le temps (plus de 11 ans depuis le premier commit, que le temps passe vite ma p’tite dame…), le logiciel a gagné une sacrée ribambelle d’utilisateurs avec plus de 750 000 téléchargements par mois. Parmi tous ces gens qui utilisent WeasyPrint, on a forcément rencontré plein de gens avec plein d’idées pour générer plein de drôles de trucs ! Nous avons croisé entre autres des rapports de sécurité informatique 🖥️, des livres de jeu de rôle 🎮️, des tickets 🎫️, des documents scientifiques 🧮️, des factures de sites de vente en ligne 📄️, des compte-rendus biologiques ⚛️, des modes d’emploi de fours 🧑‍🍳️, des lettres officielles 💌️, des étiquettes électroniques 🏷️, des affiches promotionnelles en pharmacies ⚕️, des diplômes universitaires 🎓️…

Forts de ce petit succès, Lucie Anglade et moi (Guillaume Ayoub) avons créé depuis deux ans une structure qui s’appelle CourtBouillon (oui, parce que notre autre passion est la bonne nourriture) dédiée au développement de WeasyPrint et de ses dépendances. Nous avons donc pu passer beaucoup de temps à travailler sur le logiciel et apporter plein de nouveautés, tout en nous posant beaucoup de questions pour assurer un modèle économique viable. Voilà ce que l’on aimerait partager avec vous.

Ça continue d'avancer LinuxFr.org en Rails

Posté par  (site web personnel) . Édité par Benoît Sibaud. Modéré par tuiu pol. Licence CC By‑SA.
77
4
avr.
2011
LinuxFr.org

Quand je ne suis pas occupé à faire des poissons d'avril, il m'arrive de coder de nouvelles fonctionnalités pour LinuxFr.org. Voici quelques-unes des dernières nouveautés :

  • Les utilisateurs anonymes peuvent maintenant remonter des bugs dans le suivi, ce qui peut être pratique pour les personnes qui rencontrent justement des problèmes pour se connecter ;
  • Une nouvelle CSS a été ajoutée à la liste des CSS alternatives : cascade-alternative ;
  • Un correcteur orthographique détecte maintenant les erreurs d'orthographe et les souligne en rouge lors de la prévisualisation des contenus et commentaires ;
  • La toolbar permet maintenant de naviguer entre les contenus lus avec de nouveaux commentaires avec les touches [ et ], ou h et l ;
  • La gestion des tags a été revue et il est maintenant possible de supprimer un de vos tags en cliquant sur l'icône Supprimer de vos tags à sa gauche ou voter pour un tag en l'ajoutant aux vôtres par l'icône Ajouter à vos tags qui permettra ultérieurement de juger de sa popularité ;
  • L'anti-spam sur les dépêches a été renforcé suite à une vague de spams ;
  • Des statistiques sur le suivi sont maintenant disponibles et celles pour les autres types de contenus devraient suivre ;
  • Les dépêches écrites dans l'espace de rédaction sont automatiquement placées sous licence CC by-sa ;
  • Les GIF animés sont désormais bloqués pour les avatars ;
  • Et bien sûr de nombreuses corrections de bugs :p

J'espère que vous appréciez ces évolutions et que vous allez continuer à voter et/ou commenter les entrées du suivi qui vous intéressent, votre ressenti ou utilisation particulière de LinuxFr - lorsque précisé dans les commentaires - permettant d'orienter les développements.

Appel pour le web ouvert !

Posté par  (site web personnel) . Édité par baud123, Nils Ratusznik et B16F4RV4RD1N. Modéré par NeoX. Licence CC By‑SA.
Étiquettes :
58
9
fév.
2012
Internet

IE6 est mort. Bon débarras. Malheureusement, il y a webkit pour lui succéder. Non pas que webkit soit mauvais, bien au contraire il est très bon, en plus il est libre...

Mais la pratique consistant à faire des tests de User Agent est encore, hélas, très répandue. Il faut cesser cela. Ajoutez à cela l'utilisation massive des sélecteurs CSS préfixés par -webkit-*, comme les préfixes -moz-*, -o-* et -ms-*. Cela n'est pas prêt de disparaître. C'est même sur le point de se généraliser. Ceux-ci sont pourtant bel et bien documentés comme à destination de tests. Cela est bien évidemment à proscrire.

Le problème se pose massivement sur les navigateurs mobiles, où webkit domine très largement, car il est le navigateur par défaut des appareils iOS et Android. Daniel Glazman, co-chairman du CSS Working Group, a donc lancé un appel, avec l'appui du CSS Working Group.

Développeurs web de tous pays, unissez-vous : ne reproduisez pas les erreurs du passé !

Journal De la difficulté à obtenir un rendu SVG, voire HTML, cohérent entre les différentes plates‐formes

Posté par  (site web personnel) . Licence CC By‑SA.
53
20
oct.
2016

Citoyennes et citoyens bonsoir,

Je vous écris en ce 29 Vendémiaire de l’an 225 de la République pour vous faire part de ma frustration quant au rendu des navigateurs modernes, en particulier au niveau de l’anticrénelage.

Je vous prie d’avance de m’excuser pour les éventuelles fautes d’inattention que je ferai lors de la rédaction de ce journal ; au moment où je l’écris, il est déjà 8,75 heures décimales passées.

Voici mon problème : j’ai dernièrement été occupé à réaliser une bibliothèque JavaScript (…)

Les résultats du concours LinuxFr.org

Posté par  (site web personnel) . Modéré par Lucas Bonnet.
Étiquettes :
49
15
fév.
2011
LinuxFr.org
Le site LinuxFr.org existe depuis 12 ans et la prochaine version va bientôt arriver. Pour la charte graphique de cette nouvelle version, nous avons fait appel à vous, lecteurs, en organisant un concours. Nous remercions chaleureusement tous les participants pour le travail accompli.

Après une petite période de flottement, l'équipe de modération a fini par se mettre d'accord. Voici donc le classement final du concours :
  1. RonRonnement, dans sa variante gris-bleu, par 2PetitsVerres ;
  2. cascade, par Benoît Monin ;
  3. kaiska-new, par Yggdras ;
  4. nightgrey, par Nicolas Paris ;
  5. greyscale, par Marin Moulinier ;
  6. retro, par Yellowiscool.

Les gagnants vont recevoir les prix suivants : une tablette Android type Archos 101 offerte par Nuxeo, deux bons d'achat de 250 € pour du matériel libre offerts par Hackable Devices, et trois fois un an d'hébergement sur un serveur virtuel fourni par Gandi (1 part × 1 an). Un grand merci à tous nos partenaires pour nous avoir soutenu tout au long de ce concours, ainsi qu'à InDefero pour les forges mises à notre disposition.

La nouvelle feuille de style par défaut va donc être RonRonnement gris-bleu. Vous pouvez l'essayer sur la version bêta, qui devrait devenir dans les prochains jours la toute nouvelle version officielle de LinuxFr.org. Stay tuned!

Journal Première version stable pour WeasyPrint

Posté par  . Licence CC By‑SA.
Étiquettes :
45
9
nov.
2018
Ce journal a été promu en dépêche : Première version stable pour WeasyPrint.

WeasyPrint est un générateurs de documents : il transforme des pages HTML/CSS en PDF. Il peut être utilisé en ligne de commande ou comme bibliothèque Python. Et son histoire est très intéressante, laisse-moi donc te la conter…

Un peu d'histoire

WeasyPrint est né il y a environ 8 ans. J'avais dans mon entreprise un besoin de générer des rapports, des présentations et des factures automatiquement, avec une mise en page un peu travaillée.

Nous avions alors testé pas mal de (…)

Journal Une nouvelle feuille de style orientée lecture

Posté par  (site web personnel) .
Étiquettes :
44
1
mar.
2011

'lut,

Je viens de finir ma nouvelle css pour linuxfr :

Titre de l'image

Ses objectifs : Faciliter la lecture, pour cela j'ai fait une seule colonne et j'ai caché beaucoup d'éléments perturbants, principalement :

  • les tags,
  • les avatars,
  • quelques trucs par-ci par-là

Le menu principal est masqué sur le côté droit, il apparait lorsque la souris survole le bandeau gris qui flotte en haut à droite. J'ai essayé de n'utiliser aucune image. Juste une pour indiquer les entrées qui sont nouvelles (icône (…)

Journal Les interfaces tablettes

Posté par  . Licence CC By‑SA.
42
16
mar.
2016

Encore un journal de mécontent. Mais avec une solution, ou du moins un contournement.

Je suis un client plutôt satisfait de Boursorama Banque. Bon, tout n'est pas parfait, mais grosso modo, ça va. Et là, il y a une nouvelle interface web. Je l'avais essayé quand elle était encore en déploiement, et j'avais remonté des problèmes. Bien sûr, personne n'écoute, ils ont leur cahier des charges. Mais depuis quelques jours, cette interface est devenu obligatoire. Résultat direct : sur mon écran (…)

Nouvelle version de LinuxFr.org, un mois après

Posté par  (site web personnel) . Modéré par Lucas Bonnet.
40
22
mar.
2011
LinuxFr.org

La nouvelle version de LinuxFr.org, qui carbure avec Ruby on Rails, tourne depuis maintenant un mois. Pour ma part, j'en suis très satisfait : le serveur tient bien la charge, je la trouve plus agréable à utiliser et je m'amuse bien à développer de nouvelles fonctionnalités.

À ce sujet, nous n'avons pas chômé depuis le lancement, avec plus de 150 entrées corrigées. En particulier, vous avez pu trouver :

  • Les premières dépêches rédigées dans l'espace de rédaction, comme les traductions de la dépêche noyau ou celle annonçant Firefox 4 ;
  • Deux nouvelles feuilles de style alternatives : Grises et Spasibo ;
  • De nouvelles boîtes dans le barre de coté, comme par exemple, le sondage en page d'accueil ;
  • Un certain nombre de préférences, comme les signatures ou le choix des types de contenus à afficher en page d'accueil (pour les utilisateurs authentifiés uniquement) ;
  • L'amélioration du tableau de bord (seulement pour les utilisateurs authentifiés) ;
  • Le tri et les critères de filtrage des entrées du suivi ;
  • Une modération plus fluide ;
  • Et bien sûr de nombreuses corrections de bugs :p

Mais il reste bien entendu encore des choses qui pourraient être améliorées. Je vous encourage à remonter les bugs que vous pourriez rencontrer dans le suivi, ainsi que les propositions d'améliorations. N'hésitez pas non plus à commenter les entrées existantes, ces commentaires me sont très utiles pour mieux comprendre les entrées du suivi et trouver des idées pour y répondre.

Journal thème sombre pour linuxfr

Posté par  . Licence CC By‑SA.
Étiquettes :
40
14
mar.
2018

Bonjour.

Le thème par défaut de linuxfr est mon préféré.
Mais sur mon téléphone, j'aime bien les thèmes sombres.
Donc je me suis fait des variations de ce thème.

J'ai commencé par changer les couleurs, en conservant les teintes mais avec une luminosité inverse (thème dark-faithfull).
J'ai trouvé le résultat un peu "rigide", donc j'ai "adouci" certaines valeurs (thème darky).
Puis dans la foulée, j'ai essayé une variation sombre mais avec des tons chauds et colorés (thème chocolat).

Si çà (…)

Journal Une CSS « froide » pour l'hiver : Steelblue

Posté par  . Licence CC By‑SA.
36
24
jan.
2018

Bonjour à tous,

Bon, je me suis rendu compte que cela faisait pas loin de huit ans que j'avais sorti Springtime et avec, entre autres, la sortie de Firefox 57 Quantum Render, c'était une bonne occasion pour explorer un peu les facilités offertes par les CSS 3.

La voici donc. Elle s'appelle « Steelblue » et est disponible sur la page de sélection des feuilles de styles.

En l'état actuel des choses, elle fonctionne sans problème avec Firefox 57 (…)

Journal Une nouvelle feuille de style

Posté par  . Licence CC By‑SA.
Étiquettes :
33
2
fév.
2013

Bonjour les gens,
Pour bien démarrer 2013 (je suis un peu à la bourre), je vous propose une nouvelle css:

(version mobile)

Cela fait bien longtemps que j'ai commencé à la développer et à l'utiliser, il est donc largement temps de la diffuser, même s'il doit rester de nombreux défauts. L'idée de base était de faire une css qui s'adapte bien à tous les formats ( responsive ) et qui permette une consultation agréable sur smartphone. Je ne suis pas (…)

Journal Ô Joie, ô bonheur, ô miracle du W3C !

Posté par  . Licence CC By‑SA.
Étiquettes :
29
23
mai
2012

Cher journal,
Je me dois de prendre la plume le clavier pour te conter ma découverte du jour, celle qui illuminera à coup sûr cette journée déjà fort ensoleillée (et par ici, c'est pas si courant que ça…) : les Flex Box de CSS3 !
"Kézako les Flex Box ?" te dis-tu sans doute (oui oui, tu te le dis !), et bien c'est tout simplement LA propriété CSS qui va faire que tu arrêteras de t'arracher les cheveux, que ta (…)

Journal linuxfr-solarized : nouvelle version

Posté par  (site web personnel) . Licence CC By‑SA.
Étiquettes :
21
26
juil.
2012

Sommaire

Bonjour tous,

Je vous faisais part il y a peu de la CSS que j'ai créé pour LinuxFr.org.

J'ai fais ce premier journal pour avoir des retours assez rapide sur son utilisation et pour voir un peu ce qu'il manquait. Je note toute de même que d'après les stats un peu plus de 15 personnes (…)