{
	"title": "Bulletin de la Web Academy no 11",
	"summary": "Sortie de Safari 12.1",
	"date_published": "2019-04-14",
	"authors": [
		{
			"name": "PolariTOON"
		}
	],
	"tags": [],
	"external_url": "https://polaritoon.github.io/web-academy/news/11-2019-04-14/",
	"id": "web-academy-news-no-11",
	"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/11-2019-04-14/\"><em>GitHub</em></a>.</strong></p>\n<div lang=\"fr\">\n\t<p>Avec un peu de retard :</p>\n\t<ul>\n\t\t<li>\n\t\t\t<p>En début de mois est sortie la version <em>12.1</em> de <em>Safari</em> qui apporte quelques nouveautés intéressantes 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é 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>L'élément <code>&lt;input type=&quot;color&quot;/&gt;</code> est (enfin) supporté et permet d'ouvrir un <em>colorpicker</em> pour choisir une couleur ; <em>Safari</em> était le dernier navigateur à ne pas supporter ce type de champ</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'élément <code>&lt;datalist&gt;&lt;/datalist&gt;</code> est désormais supporté et permet de faire des suggestions à l'utilisateur lorsqu'il interagit avec un champ</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 <em>media query</em> <code>prefers-color-scheme</code> permet de détecter les préférences de thème de l'utilisateur ; un site <em>web</em> pourra désormais adapter son interface pour opter pour un thème sombre si l'utilisateur le préfère par exemple ; cette nouveauté devrait également arriver dans <em>Firefox</em> le mois prochain</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>L'API <em>Intersection Observer</em> a été ajouté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'API <em>Web Share</em> a été ajoutée</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 la page <a href=\"https://webkit.org/blog/8718/new-webkit-features-in-safari-12-1/\">https://webkit.org/blog/8718/new-webkit-features-in-safari-12-1/</a></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"
}