{
	"title": "Bulletin de la Web Academy no 36",
	"summary": "Sortie de Edge 79",
	"date_published": "2020-01-19",
	"authors": [
		{
			"name": "PolariTOON"
		}
	],
	"tags": [],
	"external_url": "https://polaritoon.github.io/web-academy/news/36-2020-01-19/",
	"id": "web-academy-news-no-36",
	"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/36-2020-01-19/\"><em>GitHub</em></a>.</strong></p>\n<div lang=\"fr\">\n\t<ul>\n\t\t<li>\n\t\t\t<p>13 mois après avoir été annoncée par <em>Microsoft</em>, la nouvelle version d'<em>Edge</em> basée sur <em>Chromium 79</em> est sortie mercredi dernier ; après l'arrêt en 2013 de <em>Presto</em>, l'ancien moteur de rendu derrière <em>Opera</em>, c'est donc au tour de <em>EdgeHTML</em> de s'éteindre ; l'ancien moteur <em>JavaScript</em> <em>Chakra</em>, bien que toujours en développement, n'est pas non plus dans cette nouvelle mouture du navigateur ; si d'un côté il s'agit d'une nouvelle perte cruciale pour la diversité du <em>web</em>, d'un autre côté cela apporte un élan de modernisation dans le paysage des navigateurs ; petit tour des nouveautés qui sont donc très nombreuses :</p>\n\t\t\t<ul>\n\t\t\t\t<li>\n\t\t\t\t\t<p>La nouvelle version, qui ne vient apparemment pas avec la mise à jour de <em>Windows 10</em>, est disponible au téléchargement pour <em>Windows 7+</em> (d'ailleurs <em>Windows 7</em> ne reçoit plus de mises à jour de sécurité depuis mardi), pour <em>Mac</em> et il se dit que ça ne saurait tarder pour <em>Linux</em> ; rappelons que jusque là, le dernier navigateur <em>Microsoft</em> à avoir été disponible pour <em>Mac</em> était <em>Internet Explorer 5</em> de 2000 à 2006 ; c'étaient alors encore les débuts d'<em>HTML 4</em>, de <em>CSS 2</em> et de <em>ECMAScript 3</em> ; <em>Firefox</em>, <em>Safari</em> et <em>Chrome</em> n'existaient pas...</p>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<p>Du côté de <em>HTTP</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>Ajout du support de <em>CSP 3</em>, <em>HTTP Client Hints</em>, <em>Network Error Logging</em>, <em>Origin-Signed HTTP Exchanges</em>, <em>Preconnect Resource Hints</em>, <em>Public Key Pinning Extension for HTTP</em>, <em>SPDY/3</em>, <em>TLS 1.3</em>...</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>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>Ajout du support des éléments <code>&lt;details&gt;&lt;/details&gt;</code>, <code>&lt;dialog&gt;&lt;/dialog&gt;</code>, <code>&lt;summary&gt;&lt;/summary&gt;</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>Ajout du support des attributs <code>accept=&quot;&quot;</code>, <code>inputmode=&quot;&quot;</code>, <code>preload=&quot;&quot;</code>, <code>reversed=&quot;&quot;</code>, <code>srcdoc=&quot;&quot;</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>Ajout du support des images <em>APNG</em>, des <em>Custom Elements</em>, du <em>Shadow DOM</em>, du manifeste <em>Web App</em>...</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>Ajout du support des itérateurs et générateurs asynchrones, de la boucle <code>for await (... of ...) {}</code>), de l'opérateur <code>...</code> pour les objets, de <code>Array.prototype.flat()</code> et <code>Array.prototype.flatMap()</code>, des <code>BigInt</code>s, de l'import dynamique <code>import()</code>, de <em>Shared Memory and Atomics</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>Ajout du support de <code>requestIdleCallback()</code>, <code>HTMLCanvasElement.prototype.toBlob()</code>, <code>SVGElement.prototype.dataset</code>, de <code>EventSource</code>, de <code>TextDecoder</code>, de <code>TextEncoder</code>, du <em>drag and wrop</em> de dossiers, du cinquième paramètre pour l'évènement <code>&quot;error&quot;</code> dans les <em>Workers</em>, des <em>Shared Web Workers</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>Ajout du support des APIs <em>Accelerometer</em>, <em>Background Sync</em>, <em>Battery Status</em>, <em>CSS Font Loading</em>, <em>CSSOM View smooth scroll</em>, <em>CSS Paint</em>, <em>File Writer</em>, <em>Geometry Interfaces</em>, <em>Gyroscope</em>, <em>IndexedDB Arrays and MultiEntry</em>, <em>Mangetometer</em>, <em>Media Capture</em>, <em>Media Fragments</em>, <em>Media Recorder</em>, <em>Media Session</em>, <em>Orientation Sensor</em>, <em>Payment Handler</em>, <em>Performance Observer</em>, <em>Picture in Picture</em>, <em>Quota Management</em>, <em>Resize Observer</em>, <em>RTC Data Channels</em>, <em>Screen Orientation</em>, <em>Speech Recognition</em>, <em>SVG+SMIL Animation</em>, <em>Vibration</em>, <em>Web Animations</em>, <em>Web Bluetooth</em>, <em>Web Crypto</em>, <em>Web MIDI</em>, <em>Web Share</em>, <em>Web Speech</em>, <em>Web SQL Database</em>, <em>Web USB</em>...</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>Ajout du support des propriétés <code>all</code>, <code>background-blend-mode</code>, <code>caret-color</code>, <code>contain</code>, <code>image-rendering</code>, <code>font-variant-*</code>, <code>mix-blend-mode</code>, <code>resize</code>, <code>object-fit</code> et <code>object-position</code>, <code>offset-*</code>, <code>scroll-margin-*</code>, <code>scroll-padding-*</code>, <code>scroll-snap-*</code>, <code>shape-*</code> <code>tab-size</code>, <code>text-orientation</code>, <code>will-change</code>, <code>-webkit-text-stroke</code>, de la plupart des propriétés logiques...</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>Ajout du support du sélecteur <code>[ i]</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>Ajout du support des pseudo-classes <code>:default</code>, <code>:focus-within</code>, <code>:placeholder-shown</code>, <code>:scope</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>Ajout du support des pseudo-éléments <code>::placeholder</code>, <code>::-webkit-scrollbar</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>Ajout du support des valeurs <code>contents</code>, <code>flow-root</code>, <code>min-content</code>, <code>max-content</code>, <code>pan-down</code>, <code>pan-left</code>, <code>pan-right</code>, <code>pan-up</code>, <code>system-ui</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>Ajout du support des fonctions <code>clamp()</code>, <code>conic-gradient()</code>, <code>env()</code>, <code>filter(url())</code>, <code>image-set()</code>, <code>max()</code>, <code>min()</code>, <code>repeating-conic-gradient()</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>Ajout du support des couleurs <code>#rgba</code>, <code>#rrggbbaa</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>Ajout du support des <em>media queries</em> <code>prefers-color-scheme</code>, <code>prefers-reduced-motion</code>...</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>WebGL</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>Ajout du support de <em>WebGL 2.0</em></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>La plupart des informations ci-dessus proviennent d'un croisement d'informations entre <a href=\"https://developer.microsoft.com/en-us/microsoft-edge/status/\">https://developer.microsoft.com/en-us/microsoft-edge/status/</a> et <a href=\"https://caniuse.com/#compare=edge+18,edge+79\">https://caniuse.com/#compare=edge+18,edge+79</a> et sont sans doute pour certaines inexactes, car je n'ai pas trouvé d'annonce officielle des changements entre <em>Edge 18</em> et <em>Edge 79</em> (notez le saut de version)</p>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</li>\n\t</ul>\n</div>\n",
	"banner_image": "./*.png"
}