Communauté Mozilla francophone - Mot-clé - a11y-------------- actualités de la communauté Mozilla francophone2024-02-05T20:00:40+01:00Communauté Mozilla francophoneurn:md5:73600939acb1c10f8c091147e13c403fDotclearFirefox 73 avec un zoom globalurn:md5:d0a4962afad4a0f4322fcfce193a2d8f2020-02-12T14:14:00+01:002020-03-13T10:47:26+01:00MozinetFirefoxa11yaccessibilitéaudiocommdéveloppementESRFirefoxMozillasécuritéWebExtensionsWindows<p><a href="https://blog.mozfr.org/dotclear/public/firefox/73/about_firefox_73.png" title="Boîte À propos de Firefox 73"><img src="https://blog.mozfr.org/dotclear/public/firefox/73/about_firefox_73.png" alt="Boîte À propos de Firefox 73" style="float:right; margin: 0 0 1em 1em; width: 400px;" /></a> Avec la réduction de <a href="https://blog.mozfr.org/pages/Calendrier-versions-Firefox" hreflang="fr" title="Calendrier des versions de Firefox – Communauté Mozilla francophone">l’intervalle entre les versions</a> (qui sera de 4≤semaines avec la prochaine version), le nombre de nouveautés est lui aussi réduit.</p>
<p>Les deux nouveautés mises en avant par Mozilla améliorent l’accessibilité des contenus et sont disponibles pour tous et toutes.</p>
<h3>Firefox plus accessible</h3>
<p>Firefox 74 présente comme principale nouveauté le <strong>niveau de zoom global applicable à tous les sites web</strong> (<a href="https://support.mozilla.org/fr/kb/taille-police-zoom-augmenter-taille-pages" hreflang="fr" title="Taille de police et zoom – augmenter la taille des pages web – Assistance de Firefox">voir sur SUMO</a>). Cette option est disponible dans les options (about:preferences) dans la section <em>Langue et apparence</em> de l’onglet <em>Général</em>. Il peut être spécifié de 30 à 300 pour cent. Le niveau de zoom par site est toujours disponible sur cette base.</p> <p><a href="https://blog.mozfr.org/dotclear/public/firefox/73/firefox_73_options_langue_et_apparence_zoom.png"><img src="https://blog.mozfr.org/dotclear/public/firefox/73/firefox_73_options_langue_et_apparence_zoom.png" alt="Options de zoom dans Firefox 73" style="display:table; margin:0 auto; width: 600px;" /></a></p>
<p>La seconde nouveauté est constituée de changements du <strong><a href="https://support.microsoft.com/fr-fr/help/4026951/windows-10-turn-high-contrast-mode-on-or-off" hreflang="fr" title="Activer ou désactiver le mode contraste élevé dans Windows – Assistance de Microsoft">mode de contraste élevé de Windows</a></strong> qui rendent les sites web plus lisibles. Selon <a href="https://www.mozilla.org/en-US/firefox/73.0/releasenotes/" hreflang="en" title="Firefox 73.0, See All New Features, Updates and Fixes">les notes de version de Firefox 73</a> :</p>
<blockquote cite="https://www.mozilla.org/en-US/firefox/73.0/releasenotes/">
<p>Traditionnellement, pour augmenter la lisibilité du texte, Firefox désactive les images de fond lorsque le mode de contraste élevé est activé. Avec la sortie aujourd’hui de Firefox 73, nous introduisons une solution de « lisibilité de l’arrière-plan » qui place un bloc de couleur de fond entre le texte et l’image de fond. Désormais, les sites web en mode de contraste élevé sont plus lisibles sans que les images d’arrière-plan soient désactivées.</p>
</blockquote>
<p>La qualité du son a été amélioré quand de l’audio est lu à une vitesse plus rapide ou plus lente.</p>
<p>Firefox va aussi désormais vous solliciter pour sauvegarder les identifiants seulement si un champ du formulaire d’authentification est modifié.</p>
<p>Dans le cadre du renouvellement du moteur de graphisme de Firefox, <a href="https://mozillagfx.wordpress.com/2019/05/21/graphics-team-ships-webrender-mvp/" hreflang="en" title="Graphics Team ships WebRender MVP! (21 mai 2019) Jessie Bonisteel, Mozilla Gfx Team Blog">WebRender</a> va être déployé sur les ordinateurs portables équipés de cartes graphiques Nvidia avec des pilotes plus récents que les 432.00, et des tailles d’écran inférieures à 1920x1200.</p>
<p>Firefox 73 améliore aussi la détection automatique des encodages de textes anciens sur de vieilles pages qui ne déclarent pas expressément l’encodage du texte.</p>
<p>La case à cocher des options qui permettait d’activer/désactiver la mise à jour des moteurs a été supprimée car entraînant de la confusion. Les utilisateurs et utilisatrices étaient enclins à penser que cela concernait les moteurs de recherche par défaut de Firefox.</p>
<h3>Mise à jour de sécurité</h3>
<p>Comme toute version majeure, Firefox 73 est une mise à jour de sécurité. Le <a href="https://www.mozilla.org/en-US/security/advisories/mfsa2020-05/" hreflang="en" title="Security Vulnerabilities fixed in Firefox 73 – Mozilla">bulletin de sécurité de Mozilla</a> l’évalue au niveau élevé. Le <a href="https://www.mozilla.org/en-US/security/advisories/mfsa2020-06/" hreflang="en" title="Security Vulnerabilities fixed in Firefox ESR68.5 – Mozilla">bulletin de sécurité de Firefox ESR 68.5</a> (édition longue durée pour les organisations) qui sort aussi le même jour mentionne un risque élevé.</p>
<p><a href="https://blog.mozfr.org/dotclear/public/firefox/73/bulletin_securite_firefox_73.png" title="Bulletin de sécurité élevée de Firefox 73"><img src="https://blog.mozfr.org/dotclear/public/firefox/73/bulletin_securite_firefox_73.png" alt="Bulletin de sécurité élevée de Firefox 73" style="display:table; margin:0 auto; width: 600px;" /></a></p>
<p>Dans cette version, les utilisateurs et utilisatrices qui désactivent la télémétrie recevront une notification les informant que leurs données précédemment envoyées seront finalement aussi purgées des serveurs de Mozilla.</p>
<h3>Développement</h3>
<p>Les développeurs et développeuses peuvent se reporter à <a href="https://developer.mozilla.org/fr/docs/Mozilla/Firefox/Releases/73" hreflang="en" title="Firefox 73 for developers – Mozilla — MDN">la page de MDN</a> et à <a href="https://hacks.mozilla.org/2020/02/firefox-73-is-upon-us/" hreflang="en" title="Firefox 73 is upon us (11 févr. 2020) Chris Mills, Mozilla Hacks">l’article du blog <em>Mozilla Hacks</em></a> rédigés à leur intention.</p>
<p><a href="https://blog.mozfr.org/dotclear/public/firefox/73/wamp-ws-inspector.png"><img src="https://blog.mozfr.org/dotclear/public/firefox/73/wamp-ws-inspector.png" alt="Inspecteur de WebSockets : messages au format WAMP" style="display:table; margin:0 auto; width: 600px;" /></a>
<em style="display: block; text-align:center;">L’inspecteur de WebSockets affiche maintenant joliment les messages au format WAMP (crédit Mozilla Hacks)</em></p>
<p>Les <a href="https://www.fxsitecompat.dev/en-CA/versions/73/" hreflang="en" title="Firefox 73 Site Compatibility – Firefox Site Compatibility">notes de compatibilité des sites de Firefox 73</a> peut aussi les intéresser.</p>
<p>À noter <a href="https://blog.mozilla.org/addons/2020/02/10/extensions-in-firefox-73/" hreflang="en" title="Extensions in Firefox 73 (10 févr. 2020) Philipp Kewisch, Mozilla Add-ons Blog">dans les WebExtensions</a>, une <a href="https://developer.mozilla.org/docs/Mozilla/Add-ons/WebExtensions/API/sidebarAction/toggle" hreflang="en" title="sidebarAction.toggle() – Mozilla — MDN">nouvelle API</a> développée par Mélanie Chauvel qui permet sur action de l’utilisateur ou de l’utilisatrice d’ouvrir ou de fermer le panneau latéral appartenant à l’extension.</p>
<p><br />
<a href="https://www.mozilla.org/fr/firefox/all/" hreflang="fr" title="Téléchargez le navigateur Firefox en français et dans plus de 90 autres langues"><strong>Télécharger Firefox</strong> sur le site officiel</a> – choisissez entre toutes les versions, tous les installeurs et toutes les langues disponibles !</p>
<p><br />
Le prochain train de versions passera dans 4 semaines. Vous pouvez <a href="https://blog.mozfr.org/post/2019/10/Tester-Firefox" hreflang="fr" title="Tester Firefox : pourquoi et comment (11 oct. 2019) Communauté Mozilla francophone">tester les différentes versions de Firefox</a>. On vous explique pourquoi c’est important et comment s’y prendre.</p>
<address><br />
<a href="https://twitter.com/Mozinet" hreflang="fr" title="Mozinet (@Mozinet) sur Twitter">Mozinet</a>
</address>
<p><em>Précédent article sur Firefox :</em> <a href="https://blog.mozfr.org/post/2019/12/Calendrier-Avent-toutes-nos-astuces" hreflang="fr" title="Calendrier de l'Avent : toutes nos astuces (25 déc. 2019) Communauté Mozilla francophone">Calendrier de l’Avent : toutes nos astuces</a></p>
<blockquote cite="https://blog.mozfr.org/post/2020/02/" class="a-prec"><p style="margin 0; font-size: 90%; font-style: normal;">Notre calendrier de l’Avent s’est achevé hier. Cette année, il s’est exclusivement passé sur nos réseaux sociaux…</p></blockquote>
<p>Nos captures de Firefox sont disponibles sous <a href="https://creativecommons.org/publicdomain/zero/1.0/deed.fr" hreflang="fr" title="Creative Commons – Transfert dans le domaine public 1.0 universel – CC0">licence CC0</a>.</p>Google, Microsoft et Mozilla ensemble pour parler Cross Browserurn:md5:ca69da25eeb577603795645cc7a73a382017-10-15T15:39:00+02:002018-11-30T17:04:44+01:00MozinetÉvénementa11yaccessibilitéAndroidAPIAppleapplicationscodecommcommunauté francophonedéveloppementextensionFirefoxGoogleiOSJavaScriptlogiciel libreMDN web docsMozillamultiprocessusnavigationNightlyopen sourceoutilsParisQuantumsmartphonestandardstratégiesécuritéTest PilotW3CWebWebAssemblyWebExtensionsWebVR<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_203448_rec.jpg" title="Les orateurs de l'événement"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_203448_rec_m.jpg" alt="Les orateurs de l'événement" style="float:right; margin: 0 0 1em 1em; width: 200px;" /></a>Les éditeurs de navigateurs se parlent. Ils coopèrent dans les instances de standardisation, mais aussi participent aux mêmes conférences et rendez-vous d’évangélisation, au moins pour trois des quatre principaux.</p>
<p>Nous étions à la <a href="https://www.meetup.com/fr-FR/Paris-Cross-Browser-Meetup/events/243648069/comments/484943782/" hreflang="fr" title="Paris Cross Browser #1 @ Mozilla Paris - Paris Cross Browser Meetup (Paris) – Meetup">première édition</a> de la rencontre <em>Cross Browser</em> chez Mozilla Paris avec des conférenciers de Google Chrome, de Microsoft Edge et de Mozilla Firefox.</p>
<p>Dans ce <strong>rendez-vous pour les développeurs web</strong>, Apple Safari était le grand absent de cette réunion œcuménique du Web parmi les principaux éditeurs de navigateurs et de moteurs de navigateur. Ce n’est pas dans leur culture d’entreprise, ce qui est bien dommage.</p>
<p>Les trois conférenciers – <a href="https://twitter.com/PhilippeAntoine" title="Philippe (@PhilippeAntoine) sur Twitter">Philippe Antoine</a> pour Chrome, <a href="https://twitter.com/davrous" title="David Rousset (@davrous) sur Twitter">David Rousset</a> pour Edge (ne dites plus IE) et <a href="https://twitter.com/jeremiepat" title="Jérémie Patonnier (@JeremiePat) sur Twitter">Jérémie Patonnier</a> pour Firefox – ont présenté les dernières nouveautés de leur produit dans ses différentes versions en axant leur propos sur ce qu’ils avaient en commun.</p>
<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_200119_rec.jpg"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_200119_rec_m.jpg" alt="Les 3 orateurs de l'événement dont David au pupitre" style="display:table; margin:0 auto;" /></a>
<em style="display: block; text-align:center;">Philippe, Jérémie et David</em></p>
<p>Dans la bonne humeur et avec une bonne dose d’autodérision (en particulier pour Microsoft), ils ont présenté leurs canaux de communication dev et les ressources pour se tenir au courant de l’avancement des technologies pour chaque plateforme. L’ambiance était plus que cordiale, chacun reconnaissant les mérites des autres dans le lancement et l’implémentation de tel ou tel standard.</p> <p>Si vous n’avez pas eu la chance d’être parmi la cinquantaine de personnes particulièrement attentives sur place, vous pouvez profiter des présentations et du panel répondant aux questions du public <a href="https://air.mozilla.org/meetup-cross-platform/" hreflang="fr" title="Meetup Cross Platform – Air Mozilla – Mozilla, in Video">sur Air Mozilla</a> (1 h 43 min) :</p>
<div style="text-align:center;">
<iframe src="https://air.mozilla.org/meetup-cross-platform/video/" width="640" height="380" frameborder="0" allowfullscreen></iframe>
</div>
<p>Vous pouvez retrouver les diapos (<em>slides</em>) des conférenciers sur :</p>
<ul>
<li><a href="https://gist.github.com/philippeantoine/4e5938d0b6c10d6674543ad3bc623d35" hreflang="fr" title="2017-10-10 Crossbrowser Meetup">GitHub</a> pour Philippe Antoine de Google ;</li>
<li><a href="https://onedrive.live.com/view.aspx?resid=EE4BD0F5EA745C6!1141122&ithint=file%2cpptx&app=PowerPoint&authkey=!ALkb0Ya81LW-u68">OneDrive</a> pour David Rousset de Microsoft ;</li>
<li><a href="https://docs.google.com/presentation/d/158BkQO9u-GOEw0ZNFqCilJBC1MX3zfSv9llwWjOGQMQ/edit#slide=id.g20f8094b82_0_0" hreflang="fr" title="Paris Cross Browser Meetup – 1 – Google Slides">Google Slides</a> pour Jérémie Patonnier de Mozilla.</li>
</ul>
<p>Nous allons vous mentionner quelques sujets évoqués par chacun. Cela vous donnera peut-être envie de regarder les 1 heure 43 min de vidéo ou d’assister à la prochaine édition.</p>
<h3>Google Chrome</h3>
<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_193608_rec.jpg" title="Philippe de Google au pupitre"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_193608_rec_m.jpg" alt="Philippe de Google au pupitre" style="float:right; margin: 0 0 1em 1em; width: 200px;" /></a>Philippe Antoine, le développeur Google et initiateur de la rencontre, a parlé de :</p>
<ul lang="en">
<li>CSS Variables</li>
<li>Async/await</li>
<li>Animated PNG (APNG)</li>
<li>CSS font-display</li>
<li>PaymentRequest</li>
<li>OpenType variable fonts</li>
<li>Promises Finally</li>
</ul>
<p style="clear: right;"><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_192859_red.jpg" title="GIF vs APNG vs WebP par Google"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_192859_red_m.jpg" alt="GIF vs APNG vs WebP par Google" style="display:table; margin:0 auto;" /></a>
<em style="display: block; text-align:center;">GIF vs APNG vs WebP</em></p>
<p>Philippe a parlé de la coopération de tous les navigateurs pour <strong>tuer Flash avant 2020</strong> et le remplacer par des API au niveau. Jérémie a insisté sur le fait que même avant 2020 ce sera dur pour Flash dans les navigateurs.</p>
<p style="margin-left: 1em; border-left: 3px solid grey; padding-left: 0.5em;">(Re)lire : <a href="https://blog.mozfr.org/post/2017/07/Firefox-Web-fin-Flash" hreflang="fr" title="Firefox, le Web et la fin de Flash (26 juil. 2017) Benjamin Smedberg traduit par la communauté Mozilla francophone">Firefox, le Web et la fin de Flash</a></p>
<p>La chaîne YouTube des développeurs de Google Chrome a <a href="https://www.youtube.com/playlist?list=PLNYkxOF6rcIDfz8XEA3loxY32tYh7CI3m" hreflang="fr" title="New In Chrome – chaîne YouTube des Google Chrome Developers">une playlist</a> des présentations de chaque nouvelle version.</p>
<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_193907_rec.jpg" title="Playlist “New In Chrome” sur la chaîne YouTube des Google Chrome Developers"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_193907_rec_m.jpg" alt="Playlist “New In Chrome” sur la chaîne YouTube des Google Chrome Developers" style="display:table; margin:0 auto;" /></a></p>
<h3>Microsoft Edge</h3>
<p>David Rousset de Microsoft travaillant sur Edge a précisé que la rencontre avait lieu dans un lieu neutre. « Mozilla est un peu la Suisse du Web. »</p>
<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_194218_rec.jpg"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_194218_rec_m.jpg" alt="David de Microsoft au pupitre" style="display:table; margin:0 auto;" /></a></p>
<p>Il a commencé son PowerPoint, Microsoft oblige, par revendiquer 330 millions d’utilisateurs, car Windows 10, dans lequel Edge est navigateur par défaut, marche très bien.</p>
<p>En termes de déploiement, pour Edge, Microsoft voulait aller plus vite par rapport à IE. Au sein du <a href="https://insider.windows.com/fr-fr/" hreflang="fr" title="Programme Windows Insider – Obtenir les dernières fonctionnalités Windows">programme <em>Windows Insider</em></a>, il y a 3 modes de préversion : <em>Release Preview</em>, <em>Slow</em> et <em>Fast</em>.</p>
<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_194255_rec.jpg" title="Préversions de Edge dans le programme Windows Insider"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_194255_rec_m.jpg" alt="Préversions de Edge dans le programme Windows Insider" style="display:table; margin:0 auto;" /></a></p>
<h4>PWA : progressive web app</h4>
<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_194353_rec.jpg"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_194353_rec_m.jpg" alt="David de Microsoft au pupitre pour les PWA" style="float:right; margin: 0 0 1em 1em; width: 200px;" /></a>Google a eu la bonne idée de créer un chapeau marketing au-dessus de toutes ces technologies, mais ce n’est pas un nouveau concept du Web. Cela permet de fédérer un ensemble de technologies pour faire une appli identique à la native qu’on trouve dans les boutiques d’applications.</p>
<p>David Rousset a insisté sur l’intérêt des <em>Service Workers</em>, une spécification poussée par Google, pour être indépendant du réseau. C’est un genre de proxy entre le navigateur et le serveur qui permet de mettre en œuvre des stratégies d’optimisation de cache.</p>
<p>Du point de vue de l’utilisateur, on « se fout » de la technologie derrière tant qu’on a une bonne expérience.</p>
<p>Pour <em>Push</em>, David Rousset a fait une démo d’un bot qui répond en boucle par des notifications, même navigateur fermé. La même démo fonctionne dans tous les navigateurs modernes. Ce sont des services qui tournent indépendamment de la page. Les éditeurs de navigateur ont un service de notification qui tourne dans le <em>cloud</em> qui va recontacter l’utilisateur sans qu’il soit besoin d’avoir l’ensemble du navigateur ouvert sur le poste client.</p>
<h4>WebVR</h4>
<p>Si Google a beaucoup travaillé sur l’achèvement des PWA, Mozilla a beaucoup bossé sur WebGL à l’origine et ensuite sur WebVR. C’est la technologie qui offre la possibilité d’accéder au casque de réalité virtuelle à travers une API standardisée et déjà dans Firefox et Edge.</p>
<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_195731_rec.jpg" title="David de Microsoft au pupitre pour les une démo interactive avec les smartphones du public et son casque de réalité virtuelle via WebVR"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_195731_rec_m.jpg" alt="David de Microsoft au pupitre pour les une démo interactive avec les smartphones du public et son casque de réalité virtuelle via WebVR" style="display:table; margin:0 auto;" /></a></p>
<p>David Rousset a procédé à une démo interactive de WebVR avec la salle façon Jean-Michel Jarre et sa harpe laser. La même démo fonctionnerait avec un <em>Oculus Rift</em> dans Firefox.</p>
<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_195916_rec.jpg" title="La scène du casque de réalité virtuelle dans la démo interactive avec les smartphones du public via WebVR"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_195916_rec_m.jpg" alt="La scène du casque de réalité virtuelle dans la démo interactive avec les smartphones du public via WebVR" style="display:table; margin:0 auto;" /></a></p>
<p>La prochaine version d’Edge arrive le 17 octobre, mais ils ont sorti 75 versions intermédiaires au sein d’<em>Insider</em>. Ça change d’IE avec ses versions tous les 3 ans.</p>
<h4>Accessibilité</h4>
<p>David Rousset s’est arrêté sur l’<strong>accessibilité</strong>. Edge était très mauvais en accessibilité, mais est désormais premier (seul à 100 % des critères). Le chef de Microsoft « a mis un gros coup de pied » et Edge est passé de 0 à 100 % en moins d’un an.</p>
<h4>Extensions</h4>
<p>Microsoft a ouvert à tous l’accès de sa boutique d’extensions. Ils ont eux aussi adopté la solution WebExtensions de Chrome.</p>
<h4>Infos pratiques</h4>
<p>Microsoft a une <a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/" hreflang="en" title="Microsoft Edge issue tracker – Microsoft Edge Development">base de bogues</a> ; « incroyable ! » « On s’ouvre vraiment », a scandé David.</p>
<p>Chakra, leur moteur JavaScript, est <em>open source</em> : « vous pouvez faire des <em>pull requests</em> ».</p>
<p>Microsoft a ouvert un partenariat pour travailler sur MDN avec Mozilla.</p>
<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_200244_rec.jpg" title="David de Microsoft au pupitre pour le partenariat de Microsoft et de Mozilla pour MDN"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_200244_rec_m.jpg" alt="David de Microsoft au pupitre pour le partenariat de Microsoft et de Mozilla pour MDN" style="display:table; margin:0 auto;" /></a></p>
<p>David Rousset a précisé qu’il est gratuit de tester Edge avec BrowserStack.</p>
<p><strong>Edge sur iOS et Android</strong> : ce n’est pas le code d’EdgeHTML. « Sur iOS on ne peut pas, donc on a pris le moteur de Safari, et sur Android on a pris Chromium et mis notre interface », a indiqué David Rousset.</p>
<p>« Ce qui compte vraiment pour nous, c’est que vous testiez vos sites aussi dans Edge. Le Web ce n’est pas que Chrome. »</p>
<p>Les temps changent !</p>
<h3>Mozilla Firefox</h3>
<h4>Firefox Quantum</h4>
<p>Jérémie a lui parlé de <strong>Firefox Quantum</strong> qui sortira dans un mois.</p>
<p style="margin-left: 1em; border-left: 3px solid grey; padding-left: 0.5em;">(Re)lire : <a href="https://blog.mozfr.org/post/2017/09/Firefox-57-chacun-peut-contribuer-a-son-succes" hreflang="fr" title="Firefox 57 : chacun peut contribuer à son succès (9 sept. 2017) Communauté Mozilla francophone">Firefox 57 : chacun peut contribuer à son succès</a></p>
<p><br />
<a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_200712_red.jpg" title="Jérémie de Mozilla au pupitre pour Firefox Quantum"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_200712_red.jpg" alt="Jérémie de Mozilla au pupitre pour Firefox Quantum" style="display:table; margin:0 auto;" /></a></p>
<p>« Si, comme beaucoup de développeurs web, vous avez trouvé que Firefox, ces dernières années, devenait un peu lent, devenait un peu gourmand, devenait un peu planplan… je vous invite à jeter un petit coup d’œil à cette nouvelle version qui est déjà disponible en <em>preview</em>, parce que, comment dirais-je, <strong>le changement est brutal !</strong> », continue Jérémie.</p>
<p>« C’est la nouvelle version de Firefox dans laquelle on a décidé de tout refaire […] pour que ça marche beaucoup mieux », poursuit-il. « Ce Firefox qui va sortir a plein de choses qui changent assez radicalement à l’intérieur. Vous avez peut-être entendu parler du <strong>projet Quantum</strong> chez Mozilla. Quantum c’est le nom de code du <strong>projet ultime où on refait Firefox sans s’arrêter de faire Firefox.</strong> On va changer tout le cœur de Firefox. On va le modifier, on va l’accélérer de partout, on va enlever tout ce qui ne sert plus à rien… c’est un petit challenge quand on sort un navigateur toutes les 6 semaines. Ça fait déjà un an et demi que les collègues bossent là-dessus. »</p>
<p style="margin-left: 1em; border-left: 3px solid grey; padding-left: 0.5em;">(Re)lire : <a href="https://blog.mozfr.org/post/2017/01/Remplacer-moteur-avion-en-plein-vol" hreflang="fr" title="Remplacer le moteur de l'avion en plein vol (6 janv. 2017) Jen Simmons traduite par la communauté Mozilla francophone">Remplacer le moteur de l’avion en plein vol</a></p>
<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_201002_rec.jpg" title="Jérémie de Mozilla au pupitre pour Firefox Quantum et affiche du robot"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_201002_rec_m.jpg" alt="Jérémie de Mozilla au pupitre pour Firefox Quantum et affiche du robot" style="display:table; margin:0 auto;" /></a></p>
<p>« L’interface de Firefox a été entièrement revue pour être plus compacte, plus concise, plus rapide, plus réactive. Et si vous êtes curieux de savoir tout ce qu’on a mis dedans, on a tout documenté. Firefox est intégralement <em>open source</em>. On ne garde pas des trucs pour nous. »</p>
<p style="margin-left: 1em; border-left: 3px solid grey; padding-left: 0.5em;">(Re)lire : <a href="https://blog.mozfr.org/post/2017/10/Allumez-vos-moteurs-Firefox-Quantum-beta-Developer-Edition" hreflang="fr" title="Allumez vos moteurs – Firefox Quantum passe en bêta et en Developer Edition (1er oct. 2017) annonce de Nick Nguyen traduite par la communauté Mozilla francophone">Allumez vos moteurs – Firefox Quantum passe en bêta et en Developer Edition</a></p>
<h4>Test Pilot</h4>
<p>Une version toutes les 6 semaines n’étant pas encore assez rapide, Mozilla a lancé « <em>Test Pilot</em> qui permet de tester de nouvelles fonctionnalités dans Firefox sans être dans le cycle de <em>release</em> de Firefox. La première fonctionnalité qui nous a servi de test a été <em>Screenshots</em> qui permet de prendre des captures d’écran des sites. » Mais l’expérience préférée de Jérémie, ce sont les <em>containers</em> (onglets contextuels) qui vous permettent de compartimenter votre vie dans les onglets de Firefox.</p>
<p style="margin-left: 1em; border-left: 3px solid grey; padding-left: 0.5em;">(Re)lire : <a href="https://blog.mozfr.org/post/2017/10/Mozilla-Firefox-56-captures-Envoyer-les-onglets" hreflang="fr" title="Mozilla Firefox 56 : captures, Envoyer les onglets… (1er oct. 2017) Communauté Mozilla francophone">Mozilla Firefox 56 : captures, Envoyer les onglets…</a> et <a href="https://blog.mozfr.org/post/2017/08/2-nouvelles-experiences-Test-Pilot" hreflang="fr" title="2 nouvelles expériences Test Pilot (27 août 2017) Communauté Mozilla francophone">Dernières expériences Test Pilot en cours</a> et (re)voir notre vidéo : <a href="https://www.youtube.com/watch?v=JqS-XJf6tTA&index=5&list=PLQlYpVNqH7GJvY_mVUNc2LBtIfsSKfYQL" hreflang="fr" title="Découvrez les onglets contextuels de Firefox (ajoutée le 17 sept. 2016) sur la chaîne YouTube de Mozilla francophone (5 min 28)">Découvrez les onglets contextuels de Firefox</a></p>
<h4>Le multiprocessus</h4>
<p>Un ordinateur se compose de plusieurs cœurs de processeur et un GPU voire plusieurs. On doit pouvoir utiliser toutes les ressources de la machine et ce n’est pas trivial de faire ce genre de changements. Mozilla veut aller plus loin que Chrome, qui a vraiment compartimenté ses processus, en faisant du vrai parallélisme. Le premier cas où ça va se voir sera sur le moteur de rendu CSS qui va faire du rendu parallèle des pages.</p>
<p style="margin-left: 1em; border-left: 3px solid grey; padding-left: 0.5em;">(Re)lire : <a href="https://blog.mozfr.org/post/2017/09/Au-coeur-moteur-CSS-super-rapide-Quantum-CSS-stylo" hreflang="fr" title="Au cœur d'un moteur CSS super rapide : Quantum CSS (2 sept. 2017) Communauté Mozilla francophone">Au cœur d’un moteur CSS super rapide : Quantum CSS</a></p>
<h4>WebVR</h4>
<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_201224_rec.jpg" title="Jérémie de Mozilla au pupitre pour A-frame"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_201224_rec_m.jpg" alt="Jérémie de Mozilla au pupitre pour A-frame" style="float:right; margin: 0 0 1em 1em; width: 200px;" /></a><a href="https://blog.mozfr.org/post/2017/06/webvr-le-mois-mots-zilla" hreflang="fr" title="WebVR – le mois Mots-zilla (14 juin 2017) Communauté Mozilla francophone">WebVR</a> est une API qui permet de faire la connexion entre le navigateur et votre appareil de réalité virtuelle.</p>
<p><a href="https://mozvr.com/" hreflang="en" title="Mozilla VR – Virtual Reality for the Open Web">Mozvr.com</a> présente le fonctionnement de la réalité virtuelle avec de la démo.</p>
<p>Mais Jérémie trouve plus intéressant <a href="https://aframe.io/" hreflang="en" title="A-Frame – Make WebVR">A-frame.io</a> qui est une bibliothèque écrite pour simplifier le développement WebVR. C’est fait pour le designer web qui ne sait pas comment ça marche et qui a envie d’avoir quelque chose qui fonctionne, le tout avec une syntaxe déclarative.</p>
<p style="margin-left: 1em; border-left: 3px solid grey; padding-left: 0.5em;">(Re)lire : <a href="https://blog.mozfr.org/post/2017/08/Mozilla-Firefox-55-realite-virtuelle-vitesse" hreflang="fr" title="Mozilla Firefox 55 : réalité virtuelle et vitesse (24 août 2017) Communauté Mozilla francophone">Mozilla Firefox 55 : réalité virtuelle et vitesse</a></p>
<p>Jérémie a fait une démo avec du code source très simple et peu volumineux. Cela permet d’avoir une petite expérience de réalité virtuelle pour votre site et c’est multinavigateur, même Safari a annoncé qu’ils allaient l’implémenter.</p>
<h4>WebExtensions</h4>
<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_201644_rec.jpg" title="WebExtensions à l'écran"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_201644_rec_m.jpg" alt="WebExtensions à l'écran" style="float:right; margin: 0 0 1em 1em; width: 200px;" /></a>Mozilla avait son système d’extensions. Et « il y a eu des débats houleux sur cette question, il y a eu du drame interne, il y a eu des pleurs et finalement on a dit il faut qu’on arrête », relate Jérémie. Le système précédent permettrait de tout faire même trop.</p>
<p>« La plupart des raisons pour lesquelles les gens trouvaient Firefox lent, c’est parce qu’ils avaient un milliard d’extensions qui faisaient des choses pas terribles », poursuit-il.</p>
<p>Mozilla a pris la décision de reprendre le système de Google, mais « on va standardiser cette très bonne idée qu’a eu Google. » Ce n’est pas encore un standard, mais il y a une spécification qu’implementent Firefox et Edge, et « qu’on espère qu’implémentera un jour Google Chrome ».</p>
<p style="margin-left: 1em; border-left: 3px solid grey; padding-left: 0.5em;">(Re)lire : <a href="https://blog.mozfr.org/post/2017/03/Ca-bouge-extensions-themes-Firefox" hreflang="fr" title="Ça bouge du côté des extensions et thèmes de Firefox ! (6 mars 2017) Communauté Mozilla francophone">Ça bouge du côté des extensions et thèmes de Firefox !</a></p>
<p>L’objectif pour Firefox Quantum qui sort en novembre, c’est d’être à parité avec Chrome. Le coup de portage d’une WebExtension sera minime. Et à l’inverse, si vous faites une extension pour Firefox, le coup de portage vers Chrome sera minime.</p>
<p>Des dev Mozilla ont fait un « <a href="https://github.com/mozilla/webextension-polyfill" hreflang="en" title="mozilla/webextension-polyfill: A lightweight polyfill library for Promise-based WebExtension APIs in Chrome">polyfill</a> » pour qu’une extension Firefox fonctionne tout de suite dans Chrome.</p>
<p>Dans le cas de figure inverse : il y a <a href="https://www.extensiontest.com/" hreflang="en" title="Extension Compatibility Tester">extensiontest.com</a>. Il vous suffit de prendre votre application packagée au format Chrome et de l’envoyer au site qui va vous indiquer tous les points d’incompatibilité de votre extension avec Firefox.</p>
<p>Safari fait bande à part.</p>
<h4>WebAssembly</h4>
<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_202316_rec.jpg" title="Jérémie de Mozilla au pupitre pour WebAssembly"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_202316_rec_m.jpg" alt="Jérémie de Mozilla au pupitre pour WebAssembly" style="float:right; margin: 0 0 1em 1em; width: 200px;" /></a><a href="https://blog.mozfr.org/post/2017/06/webassembly-le-mois-mots-zilla" hreflang="fr" title="WebAssembly – le mois Mots-zilla (24 juin 2017) Communauté Mozilla francophone">WebAssembly</a>, « c’est la belle histoire des standards du Web. WebAssembly c’est quelque chose qui a été lancé suite à tout le travail qu’a fait Mozilla sur asm.js (une façon de faire du JavaScript qui est ultraoptimisé au niveau des navigateurs). […] Asm.js c’était bien mais ça restait du JS avec tous les défauts que ça peut avoir. » Certains se sont dit « on va faire un assembleur pour le Web qui est un format binaire, du pseudo code qui va être interprété par le navigateur. »</p>
<p>« Ce qui est assez magique c’est que, entre le moment où il y a eu cette proposition d’un format binaire, le moment où il a été standardisé au W3C et le moment où il a été implémenté dans tous les navigateurs, il s’est passé deux ans. Du jamais vu sur la plateforme web. » Il n’y a que Safari qui traîne un peu, mais eux aussi y vont. « Et tout le monde est d’accord. »</p>
<p>« WebAssembly sert à prendre ce que font les développeurs système, des gens qui font du C++, et à le mettre dans un navigateur. »</p>
<p>Jérémie vous invite à voir <a href="https://hacks.mozilla.org/2017/09/bootcamps-webassembly-and-computer-vision/" hreflang="fr" title="Experimenting with WebAssembly and Computer Vision (12 sept. 2017) Dan Callahan, Mozilla Hacks">cet exemple sur <em>Mozilla Hacks</em></a> de comment la bibliothèque <a href="https://opencv.org/" hreflang="en" title="OpenCV library">OpenCV</a> qui permet de faire de la reconnaissance faciale a été portée sur le Web grâce à WebAssembly. Aujourd’hui dans un navigateur on peut faire de la reconnaissance faciale.</p>
<p><a href="https://hacks.mozilla.org/2017/09/bootcamps-webassembly-and-computer-vision/"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/websight.gif" alt="websight" style="display:table; margin:0 auto;" /></a></p>
<p>Pour entrer dans les détails, il y a cette excellente <a href="https://tech.mozfr.org/post/2017/03/08/Une-introduction-cartoonesque-a-WebAssembly" hreflang="fr" title="Une introduction cartoonesque à WebAssembly (8 mars 2017) Lin Clark traduite par la communauté pour Bidouilleux d'Web">série d’articles</a> écrite par une collègue de Jérémie et traduite en français par des bénévoles de la communauté francophone, « qui vous explique par le menu comment ça marche et qui a le bon goût d’être illustré, parce que Lin Clarc est une dessinatrice qui fait des trucs super sympathiques. »</p>
<h4>CSS Grid</h4>
<p>Le dernier standard qui tient à cœur à Mozilla est <em>CSS Grid</em> poussé par Microsoft. Il n’y a plus de problème de mise en page sur le Web ! <em>CSS Grid</em> marche dans tous les navigateurs « sans exception ».</p>
<h4>MDN</h4>
<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_202827_rec.jpg"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_202827_rec_m.jpg" alt="Jérémie de Mozilla au pupitre pour MDN" style="float:right; margin: 0 0 1em 1em; width: 200px;" /></a>Bien sûr, Jérémie a parlé de <a href="https://developer.mozilla.org/fr/" hreflang="fr" title="Documentation du Web – MDN">MDN</a> « cette doc de qualité super qui en plus a été extrêmement bien traduite en français par des bénévoles de Mozilla, en particulier pour la partie CSS et JavaScript. »</p>
<p>Il y a des gens de chez Google et de chez Microsoft qui contribuent à MDN depuis plusieurs années.</p>
<p>Jérémie a enfin teasé en mentionnant « des annonces assez sympa sur MDN dans les prochains jours ».</p>
<p>Jérémie a enfin appelé à essayer la <a href="https://nightly.mozfr.org/" hreflang="fr" title="Téléchargez Firefox Nightly en français">Nightly de Firefox</a> « qui est extrêmement stable ».</p>
<p style="margin-left: 1em; border-left: 3px solid grey; padding-left: 0.5em;">(Re)lire : <a href="https://blog.mozfr.org/post/2017/08/Mozilla-developper-Roadshow-ce-qui-arrive" hreflang="fr" title="Mozilla Roadshow : ce qui arrive (20 août 2017) Communauté Mozilla francophone">Mozilla Roadshow : ce qui arrive</a> avec Jérémie</p>
<h4>Pour s’informer</h4>
<ul>
<li><a href="https://developer.mozilla.org/en-US/Firefox/Releases" hreflang="en" title="Firefox developer release notes – Mozilla – MDN">developer.mozilla.org/en-US/Firefox/Releases</a></li>
<li><a href="https://platform-status.mozilla.org/" hreflang="en" title="Firefox Platform Status">Platform-status.mozilla.org</a></li>
<li><a href="https://hacks.mozilla.org/" hreflang="en" title="Mozilla Hacks – the Web developer blog">Mozilla Hacks</a></li>
<li><a href="https://twitter.com/firefoxnightly" hreflang="en" title="Firefox Nightly (@FirefoxNightly) sur Twitter">@FirefoxNightly</a></li>
</ul>
<h3>Questions-réponses</h3>
<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_203445_rec.jpg" title="Les orateurs répondant au public"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_203445_rec_m.jpg" alt="Les orateurs répondant au public" style="float:right; margin: 0 0 1em 1em; width: 200px;" /></a>Voici quelques saillies que j’ai relevées :</p>
<p>Toutes les <abbr title="Virtual machine" lang="en">VM</abbr> pour tester Edge sont gratuites.</p>
<p>Microsoft : les plus riches sont à ma droite (Google). Edge ne sera pas porté sur Windows 7. Le grand public sur Windows 7 est passé à Chrome et Firefox.</p>
<p>La question de passer tout <strong>Edge en <em>open source</em></strong> est ouverte, mais n’est pas une priorité avec un budget serré.</p>
<p>Jérémie a précisé que « Mozilla est issu de l’opensourçage de Netscape, il y a 20 ans quasiment et prendre un code source qui est <em>close source</em> et le rendre <em>open source</em>, ce n’est juste mettre sur un dépôt, ça veut dire aussi nettoyer le code de tout ce qu’on peut se permettre quand c’est en interne mais pas en externe, plus le documenter, ce qui est un boulot monstrueux. Faire le choix d’opensourcer quelque chose qui n’a pas été pensé à la base, c’est un investissement. »</p>
<p style="margin-left: 1em; border-left: 3px solid grey; padding-left: 0.5em;">(Re)lire : <a href="https://blog.mozfr.org/post/2017/03/Liberation-code-source-Netscape-et-naissance-Mozilla-31-mars-1998" hreflang="fr" title="Libération du code source de Netscape et naissance de Mozilla – 31 mars 1998 (31 mars 2017) Communauté Mozilla francophone">Libération du code source de Netscape et naissance de Mozilla – 31 mars 1998</a></p>
<p>Mozilla : <strong>les <em>devtools</em></strong> de Firefox ne sont pas encore au niveau de celles de Chrome. Il y a un gros chantier dont une partie a été faite pour que les outils soient en HTML, CSS et JS et plus en technologies maison et la 2ᵉ étape pour laquelle on ne peut pas donner de date est l’idée d’en faire des extensions système. Ce sera du code à part qui pourra être livré indépendamment de Firefox. Le travail se fera sur cette base-là et, à partir de cet instant-là, « on va recommencer à discuter avec les copains de Chrome pour se tirer la bourre sur la question ».</p>
<p><a href="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/20171010_203510_red.jpg" title="Question dans le public aux orateurs"><img src="https://blog.mozfr.org/dotclear/public/MozillaParis/crossbrowser/.20171010_203510_red_m.jpg" alt="Question dans le public aux orateurs" style="display:table; margin:0 auto;" /></a></p>
<p><a href="https://fr.wikipedia.org/wiki/WebP" hreflang="fr" title="WebP – Wikipédia"><strong>WebP</strong></a> : pour Mozilla, « les bénéfices que Google affirme pour WebP ne sont pas avérés de notre point de vue. On attend de voir des <em>benchmarks</em> de la vie réelle et pas des <em>benchmarks</em> de laboratoire pour montrer qu’il y a un vrai bénéfice ».</p>
<p>La séance de questions-réponses s’est achevée sur le refus du retour des sites « optimisés pour… »</p>
<p><br />
<em>Regardez la vidéo en entier pour la richesse des sujets d’intérêt commun abordés et l’ambiance qui règne entre les représentants de ces trois navigateurs qui discutent ensemble et participent aux mêmes rencontres.</em></p>
<address><br />
<a href="https://twitter.com/Mozinet" hreflang="fr" title="Mozinet (@Mozinet) sur Twitter">Mozinet</a>
</address>
<p><em>Précédent événement :</em> <a href="https://blog.mozfr.org/post/2017/10/firefox-et-securite-vendredi-associalibre-bruxelles" hreflang="fr" title="Firefox et sécurité vendredi à Associalibre à Bruxelles (14 oct. 2017) Communauté Mozilla francophone">Firefox et sécurité vendredi à Associalibre à Bruxelles</a></p>
<p><em>Crédit illustrations :</em> <a href="https://flic.kr/s/aHsm5BhqCe" hreflang="fr" title="Album « Cross Browser #1 @ Mozilla Paris » sur Flickr">Photos de la rencontre</a>, Mozinet sous licence <a href="https://creativecommons.org/licenses/by-sa/2.0/deed.fr" hreflang="fr" title="Creative Commons — Attribution - partage dans les mêmes conditions 2.0 Générique — CC BY-SA 2.0">CC By-SA 2.0</a></p>
<p><a href="https://hacks.mozilla.org/2017/09/bootcamps-webassembly-and-computer-vision/" hreflang="fr" title="Experimenting with WebAssembly and Computer Vision (12 sept. 2017) Dan Callahan, Mozilla Hacks">Reconnaissance virtuelle</a>, Mozilla sous licence <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.fr" hreflang="fr" title="Creative Commons – Attribution – partage dans les mêmes conditions 3.0 non transposé – CC BY-SA 3.0">CC By-SA 3.0</a>.</p>Theme Font & Size Changer – Calendrier de l’Avent – Jour 20urn:md5:a55ccf456e91720048037f3c8331f2572016-12-20T22:15:00+01:002016-12-24T16:19:52+01:00Villeneuve ChristopheMes extensionsa11yaccessibilitécalendrier de l AventcommFirefoxWeb<p><a href="https://blog.mozfr.org/dotclear/public/Firefox_OS/appdujour/avent/FOXNoel2012_900.jpg" title="Les Fox en luge 20-12"><img src="https://blog.mozfr.org/dotclear/public/Firefox_OS/appdujour/avent/.FOXNoel2012_900_s.jpg" alt="Les Fox en luge 20-12" style="float:right; margin: 0 0 1em 1em;" height="180" /></a><strong>Parce qu’on aime les extensions et qu’elles sont essentielles au succès de tout navigateur web, nous vous proposons de découvrir ou redécouvrir une extension pour Firefox par jour jusqu’au 24 décembre, selon la tradition commerciale des calendriers de l’Avent.</strong></p>
<p>Mozilla Firefox est un navigateur puissant, mais surtout personnalisable à volonté. <strong>Theme Font & Size Changer</strong> <em></em> est une excellente extension pour personnaliser l’apparence de votre navigateur. C’est un outil particulièrement précieux pour les internautes ayant des problèmes de vue.</p> <p>L’Access Firefox Project est un de ses auteurs.</p>
<blockquote><p>Theme Font & Size Changer à été initialement créé pour constituer une aide à l’<strong>accessibilité</strong> pour personnes avec des <strong>déficiences visuelles</strong> et pour celles n’ayant pas une <strong>vue</strong> parfaite, mais il est aussi utile aux utilisateurs de Firefox avec des paramètres en <strong>haute résolution</strong> et des <strong>écrans larges</strong>.</p></blockquote>
<p>Theme Font & Size changer porte très bien son nom. C’est l’outil parfait pour varier à votre guise les polices et la taille d’affichage de votre navigateur. Il est d’autant plus efficace qu’il est très simple à prendre en main.</p>
<p><img src="https://blog.mozfr.org/dotclear/public/firefox/extensions/avent/ThemeFontSizeChanger/logo-barre-de-tache.png" alt="Theme Font & Size Changer" style="float:right; margin: 0 0 1em 1em;" /></p>
<p>Une fois installée, une icône en forme de palette s’ajoute dans votre barre d’outils. Vous pouvez aussi accéder aux paramètres de l’extension dans le menu Outils (Alt > O).</p>
<p>Celle-ci vous permet d’accéder aux options de <em>Theme Font & Size changer</em> qui vous permet de réaliser un bon nombre de personnalisations.</p>
<p><img src="https://blog.mozfr.org/dotclear/public/firefox/extensions/avent/ThemeFontSizeChanger/.menu_m.png" alt="Theme Font & Size Changer" style="display:table; margin:0 auto;" /></p>
<p>Les options de l’extension vous permettent de modifier votre affichage, la police de caractères, sa taille ainsi que les styles couleur ainsi que la couleur des onglets et des menus. Voici quelques exemples de changements effectués avec l’extension.</p>
<p>Changement de police, de celle par défaut, à « courrier news » :</p>
<p><img src="https://blog.mozfr.org/dotclear/public/firefox/extensions/avent/ThemeFontSizeChanger/.changer-la-police_m.png" alt="Theme Font & Size Changer" style="display:table; margin:0 auto;" /></p>
<p>La couleur de police vert flashy :</p>
<p><img src="https://blog.mozfr.org/dotclear/public/firefox/extensions/avent/ThemeFontSizeChanger/.onglets-vert_m.png" alt="Theme Font & Size Changer" style="display:table; margin:0 auto;" /></p>
<p>La couleur d’arrière plan : noir et vert flashy, on est presque dans la Matrice :</p>
<p><img src="https://blog.mozfr.org/dotclear/public/firefox/extensions/avent/ThemeFontSizeChanger/.changement-vert-et-noir_m.png" alt="Theme Font & Size Changer" style="display:table; margin:0 auto;" /></p>
<p>La modification de la taille de la police de caractères ne se limite à changer de couleurs ou au contenu d’une page web. L’extension va vous aider à modifier la taille de texte de l’ensemble du navigateur.</p>
<p><img src="https://blog.mozfr.org/dotclear/public/firefox/extensions/avent/ThemeFontSizeChanger/.taille-personnalise_m.png" alt="Theme Font & Size Changer" style="display:table; margin:0 auto;" /></p>
<p>Pour cela, dans les options, vous passez en mode Taille personnalisée et vous pouvez changer la valeur de la taille de la police de caractères de l’interface de Firefox pour obtenir un nouveau rendu.
De plus, un Zoom est proposé pour augmenter l’ensemble du navigateur, interface et page web (images, textes…) qui peut être aussi très utile.</p>
<p>Exemple en Zoom 1,4 :
<img src="https://blog.mozfr.org/dotclear/public/firefox/extensions/avent/ThemeFontSizeChanger/.zoom_m.png" alt="Theme Font & Size Changer" style="display:table; margin:0 auto;" /></p>
<p>On note cependant un gros manque. Il n’est pas possible de rétablir via l’extension des thèmes et arrière-plans installés précédemment. Il vous faudra revenir dans le menu module afin d’effectuer ce changement.
Theme Font & Size changer vous permettra de laisser libre court à vos envies en terme d’apparence. Plus aucune excuse pour que vous ne trouviez pas Firefox à votre goût.</p>
<blockquote><p>Ce <a href="http://blogzinet.free.fr/blog/index.php?post/2010/12/30/Modifier-la-police-de-caract%C3%A8res-et-sa-taille-de-Firefox-et-Thunderbird" hreflang="fr" title="Modifier la police de caractères et sa taille de Firefox et Thunderbird - extension Theme Font & Size Changer (30 déc. 2010) Mozinet, BlogZiNet">billet en français</a> contient une traduction de la présentation longue de l’extension. Vous y verrez que l’extension est aussi disponible pour Thunderbird et SeaMonkey.</p></blockquote>
<p>Pour faciliter l’utilisation de l’extension, une vidéo montre comment l’utiliser (1 min 40 <a href="https://youtu.be/6ag7-hOgmT8" hreflang="en" title="Using theme font and size changer Firefox (ajoutée le 17 août 2015) sur la chaîne YouTube de Jisc Scotland">sur YouTube</a>).</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/6ag7-hOgmT8" frameborder="0" allowfullscreen></iframe>
<h3>Aller plus loin</h3>
<p>Baris Derin, l’un des auteurs de l’extension, est le créateur de nombreuses extensions pour Firefox (10 pages sur AMO). <a href="https://addons.mozilla.org/fr/firefox/user/baris-derin/?page=1" hreflang="en" title="Informations sur Baris Derin – Modules pour Firefox">Découvrez-les</a>.</p>
<table style="width: 100%; margin: 2em 0;" border="1">
<thead>
<tr>
<th style="font-weight: bold;">Nom<br>
</th>
<th style="font-weight: bold;">Auteur<br>
</th>
<th style="font-weight: bold;">Catégorie<br>
</th>
<th style="font-weight: bold;">Audience<br>
</th>
<th style="font-weight: bold;">Licence<br>
</th>
</tr>
</thead>
<tbody style="font-size: 0.9em;">
<tr>
<td style="padding: 0.4em;"><a href="https://addons.mozilla.org/fr/firefox/addon/theme-font-size-changer/?src=ss" hreflang="fr" title="Theme Font & Size changer – Modules pour Firefox">Theme Font & Size changer</a></td>
<td style="padding: 0.4em;"><a href="http://barisderin.com/?p=286" hreflang="en" title="Theme Font & Size Changer – Baris Derin">Baris Derin, Access Firefox Project</a></td>
<td style="padding: 0.4em;">Apparence, accessibilité</td>
<td style="padding: 0.4em;">Tout public</td>
<td style="padding: 0.4em;"><abbr lang="en" title="GNU's Not UNIX">GNU</abbr> <abbr lang="en" title="General Public License">GPL</abbr> 3.0</td>
</tr>
</tbody>
</table>
<p>Savez-vous que vous pouvez entièrement <a href="https://support.mozilla.org/fr/kb/personnaliser-boutons-barres-outils-firefox" hreflang="fr" title="Personnaliser les boutons et barres d’outils de Firefox – Assistance de Firefox">personnaliser les boutons et barres d’outils de Firefox</a> ? Avec une vidéo en bonus…</p>
<address><br />
Grégoire, <a href="https://twitter.com/Mozinet" hreflang="fr" title="Mozinet (@Mozinet) sur Twitter">@Mozinet</a> et <a href="https://twitter.com/hellosct1" hreflang="fr" title="Christophe Villeneuve (@hellosct1) sur Twitter">@hellosct1</a>
</address>
<table style="width: 100%; margin: 2em 0;">
<tbody>
<tr>
<td style="width: 35px; text-align: center; border: none;">◀️</td>
<td style="width: 365px; text-align: center; border-top: none; border-bottom: none; border-left: none;"><a href="https://blog.mozfr.org/post/2016/12/comme-au-cinema-calendrier-avent-Jour-19" hreflang="fr" title="Comme au cinéma – Calendrier de l’Avent – Jour 19 - Communauté Mozilla francophone">Turn Off the Lights</a></td>
<td style="width: 365px; text-align: center; border: none;"><a href="https://blog.mozfr.org/post/2016/12/QuickFox-prise-notes-futee-Calendrier-Avent-Jour-21" hreflang="fr" title="QuickFox, prise de notes futée – Calendrier de l’Avent – Jour 21 - Communauté Mozilla francophone">QuickFox, prise de notes futée</a></td>
<td style="width: 35px; text-align: center; border: none;">▶️</td>
</tr>
</tbody>
</table>
<p><em>Crédit illustrations :</em> Dessin des Fox par Rendleflow. Tous droits réservés.</p>