{
	"title": "Bulletin de la Web Academy no 19",
	"summary": "Sortie de Firefox 68 et futur de Firefox pour Android",
	"date_published": "2019-07-10",
	"authors": [
		{
			"name": "PolariTOON"
		}
	],
	"tags": [],
	"external_url": "https://polaritoon.github.io/web-academy/news/19-2019-07-10/",
	"id": "web-academy-news-no-19",
	"image": "./*.svg",
	"content_html": "<p><strong>Cet article a initialement été publié sur <em>Discord</em> avant d'être archivé ici et sur <a href=\"//polaritoon.github.io/web-academy/news/19-2019-07-10/\"><em>GitHub</em></a>.</strong></p>\n<div lang=\"fr\">\n\t<ul>\n\t\t<li>\n\t\t\t<p><em>Firefox 68</em> est sorti ce mardi en version stable et ESR et apporte pas mal de nouveautés pour les développeurs :</p>\n\t\t\t<ul>\n\t\t\t\t<li>\n\t\t\t\t\t<p>Du côté des outils de développement :</p>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<p>Les problèmes d'accessibilité en termes de contraste entre couleurs sont désormais signalés, selon les critères du standard <em>WCAG</em> (un standard fondamental du <em>web</em> qui décrit les conditions pour qu'une page <em>web</em> soit accessible à toute personne)</p>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<p>Un nouvel outil permet d'émuler (quelque peu) l'apparence d'une page <em>web</em> telle qu'elle serait imprimée</p>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<p>L'espacement entre les lettres peut être ajusté grâce à un outil dédié</p>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<p>Du côté du <em>JS</em> :</p>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<p><code>BigInt</code>, le nouveau type de valeurs numériques entières en cours de standardisation (stage 3 / 4) a été implémenté ; il est ainsi possible de manipuler des entiers d'une taille arbitraire, ce qui jusque là n'était pas possible avec le type historique de valeurs numériques flottantes, <code>Number</code></p>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<p>L'API <em>Visual Viewport</em> est supportée sous <em>Android</em></p>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<p>Les nombreuses méthodes génériques non-standard de <code>String</code>, introduites en 2005 mais conservés jusqu'alors pour des raisons de compatibilité, ont été retirées</p>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<p>Du côté des <em>CSS</em> :</p>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<p>La nouvelle spécification <em>CSS Scroll Snap</em> a été implémentée et introduit un certain nombre de nouvelles propriétés <em>CSS</em> (<code>scroll-snap-*</code>, <code>scroll-margin-*</code> et <code>scroll-padding-*</code>) ; ce faisant, les propriétés définies par l'ancienne spécification <em>CSS Scroll Snap Points</em> ont été retirées (et ça casse ma technique d'aperçu avant impression des cours de la <em>Web Academy</em>...) ; un objectif de ce module <em>CSS</em> est de permettre la réalisation de carrousels sans avoir recours aux très nombreuses bibliothèques <em>JavaScript</em> qui simulent le défilement d'une manière trop peu accessible</p>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<p>Le nouveau pseudo-élément <code>::marker</code> est désormais supporté, ainsi que son interaction avec les compteurs <em>CSS</em> et notamment la toute nouvelle propriété <code>counter-set</code> (mais par contre ça casse mon système de pagination des cours de la <em>Web Academy</em>...) ; standardisés ensemble dans le cadre du module <em>CSS Lists Level 3</em>, ils permettent enfin d'expliquer et de modifier le comportement et l'apparence des puces des items de listes <code>&lt;li&gt;&lt;/li&gt;</code>, des intitulés <code>&lt;summary&gt;&lt;/summary&gt;</code> et plus généralement de tous les éléments et pseudo-éléments avec la propriété <code>display: list-item</code> (depuis le temps que j'attendais ça !)</p>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<p>La propriété non-standard <code>-webkit-line-clamp</code> est supportée (oui, oui une propriété propriétaire <em>Webkit</em>) à des fins de compatibilité en attendant la finalisation de la standardisation de la propriété <code>line-clamp</code> ; uniquement fonctionnelle en interaction avec la propriété non standard <code>display: -webkit-box</code> (qui date d'avant <em>FlexBox</em>), elle permet de borner le nombre de lignes de texte affichées d'un élément</p>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<p>Du côté de <em>HTML</em> :</p>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<p>L'attribut <code>disabled</code> sur un élément <code>&lt;link/&gt;</code> permet de désactiver le chargement d'une feuille de style</p>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<p>Le chargement asynchrone d'une image est désormais possible via la méthode <code>HTMLImageElement.prototype.decode()</code> ; il était précédemment nécessaire d'avoir recours à un évènement <code>&quot;load&quot;</code> pour cela</p>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<p>Pour plus d'informations, consultez les pages <a href=\"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/68,\">https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/68,</a> <a href=\"https://hacks.mozilla.org/2019/07/firefox-68-bigints-contrast-checks-and-the-quantumbar/\">https://hacks.mozilla.org/2019/07/firefox-68-bigints-contrast-checks-and-the-quantumbar/</a> et <a href=\"https://www.fxsitecompat.dev/en-CA/versions/68/\">https://www.fxsitecompat.dev/en-CA/versions/68/</a></p>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</li>\n\t\t<li>\n\t\t\t<p>La première version publique de <em>Firefox Preview</em> (<em>Fenix</em>) peut être installée depuis le 27 juin ; il s'agit d'une pré-version de la prochaine mouture de <em>Firefox</em> pour <em>Android</em> (<em>Fennec</em>) qui intègre <em>GeckoView</em>, le moteur graphique <em>standalone</em> de <em>Mozilla</em> initialement inclus dans <em>Firefox Focus</em> / <em>Klar</em> ; cette bibliothèque constitue une alternative viable à la <em>WebView</em> <em>Android</em> propulsée par <em>Blink</em> (le moteur graphique de <em>Chrome</em>, vous suivez ?) et a été conçu pour pouvoir servir de base à d'autres navigateurs ou applications, en plus d'offrir de meilleures performances par rapport à la version actuelle de <em>Firefox</em> pour <em>Android</em> ; pour plus d'informations, consultez les pages <a href=\"https://blog.mozilla.org/futurereleases/2019/06/27/reinventing-firefox-for-android-a-preview/,\">https://blog.mozilla.org/futurereleases/2019/06/27/reinventing-firefox-for-android-a-preview/,</a> <a href=\"https://hacks.mozilla.org/2019/06/geckoview-in-2019/\">https://hacks.mozilla.org/2019/06/geckoview-in-2019/</a> et <a href=\"https://www.soeren-hentzschel.at/firefox-android/fenix-firefox-preview-veroeffentlicht/\">https://www.soeren-hentzschel.at/firefox-android/fenix-firefox-preview-veroeffentlicht/</a></p>\n\t\t</li>\n\t</ul>\n</div>\n",
	"banner_image": "./*.png"
}