diff options
author | Peter Bengtsson <mail@peterbe.com> | 2021-07-27 00:55:10 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-07-27 06:55:10 +0200 |
commit | cd2a2450395e7c6991abb449bb8f5385bca665e7 (patch) | |
tree | 03f457bda5cfca16030be2149d9a5903036a1be7 | |
parent | 13db12ce5c9cfe0c433f35587035dce15eedf294 (diff) | |
download | translated-content-cd2a2450395e7c6991abb449bb8f5385bca665e7.tar.gz translated-content-cd2a2450395e7c6991abb449bb8f5385bca665e7.tar.bz2 translated-content-cd2a2450395e7c6991abb449bb8f5385bca665e7.zip |
remove link 'title' attributes that's just the 'href' (fr) (#1713)
25 files changed, 78 insertions, 78 deletions
diff --git a/files/fr/learn/forms/advanced_form_styling/index.html b/files/fr/learn/forms/advanced_form_styling/index.html index 3e8fcd3146..5f0c0ee5b6 100644 --- a/files/fr/learn/forms/advanced_form_styling/index.html +++ b/files/fr/learn/forms/advanced_form_styling/index.html @@ -92,9 +92,9 @@ original_slug: Web/Guide/HTML/Formulaires/Advanced_styling_for_HTML_forms <li><a href="http://trac.webkit.org/wiki/Styling%20Form%20Controls" rel="external" title="http://trac.webkit.org/wiki/Styling Form Controls">et beaucoup d'autres</a></li> </ul> </li> - <li><a href="http://msdn.microsoft.com/en-us/library/ie/hh869403%28v=vs.85%29.aspx" rel="external" title="http://msdn.microsoft.com/en-us/library/ie/hh869403%28v=vs.85%29.aspx">Extensions des CSS Microsoft</a> + <li><a href="http://msdn.microsoft.com/en-us/library/ie/hh869403%28v=vs.85%29.aspx" rel="external">Extensions des CSS Microsoft</a> <ul> - <li><code><a href="http://msdn.microsoft.com/en-us/library/ie/hh772745%28v=vs.85%29.aspx" rel="external" title="http://msdn.microsoft.com/en-us/library/ie/hh772745%28v=vs.85%29.aspx">:-ms-input-placeholder</a></code></li> + <li><code><a href="http://msdn.microsoft.com/en-us/library/ie/hh772745%28v=vs.85%29.aspx" rel="external">:-ms-input-placeholder</a></code></li> </ul> </li> </ul> @@ -421,17 +421,17 @@ option { <p>Si vous souhaitez avoir un contrôle total sur les widgets de formulaire, vous n'avez pas d'autre choix que de compter sur JavaScript. Dans l'article<a href="/fr/docs/HTML/Forms/How_to_build_custom_form_widgets"> Comment créer des widgets de formulaires personnalisés</a>, nous voyons comment le faire nous-mêmes, mais il existe des bibliothèques très utiles pouvant vous aider :</p> <ul> - <li><a href="http://sprawsm.com/uni-form/" rel="external" title="http://sprawsm.com/uni-form/">Uni-form</a> est un canevas de standardisation du balisage des formulaires, en le composant stylistiquement avec des CSS. Il offre également quelques fonctionnalités supplémentaires lorsqu'il est utilisé avec jQuery, mais c'est optionnel.</li> - <li><a href="http://formalize.me/" rel="external" title="http://formalize.me/">Formalize</a> est une extension des canevas JavaScript courants (tels que jQuery, Dojo, YUI, etc.) aidant à rationaliser et personnaliser les formulaires.</li> - <li><a href="http://www.emblematiq.com/lab/niceforms/" rel="external" title="http://www.emblematiq.com/lab/niceforms/">Niceforms</a> est une méthode JavaScript autonome fournissant une personnalisation complète des formulaires Web. Vous pouvez utiliser certains thèmes intégrés ou créer les vôtres.</li> + <li><a href="http://sprawsm.com/uni-form/" rel="external">Uni-form</a> est un canevas de standardisation du balisage des formulaires, en le composant stylistiquement avec des CSS. Il offre également quelques fonctionnalités supplémentaires lorsqu'il est utilisé avec jQuery, mais c'est optionnel.</li> + <li><a href="http://formalize.me/" rel="external">Formalize</a> est une extension des canevas JavaScript courants (tels que jQuery, Dojo, YUI, etc.) aidant à rationaliser et personnaliser les formulaires.</li> + <li><a href="http://www.emblematiq.com/lab/niceforms/" rel="external">Niceforms</a> est une méthode JavaScript autonome fournissant une personnalisation complète des formulaires Web. Vous pouvez utiliser certains thèmes intégrés ou créer les vôtres.</li> </ul> <p>Les bibliothèques suivantes ne visent pas seulement les formulaires, mais elles ont des fonctionnalités très intéressantes pour les traiter :</p> <ul> - <li><a href="http://jqueryui.com/" rel="external" title="http://jqueryui.com/">jQuery UI</a> offre des widgets avancés et personnalisables très intéressants, comme les sélecteurs de date (avec une attention particulière pour l'accessibilité).</li> - <li><a href="http://twitter.github.com/bootstrap/base-css.html#forms" rel="external" title="http://twitter.github.com/bootstrap/base-css.html#forms">Twitter Bootstrap</a> peut être très utile si vous voulez normaliser vos formulaires.</li> - <li><a href="https://afarkas.github.io/webshim/demos/" rel="external" title="http://afarkas.github.com/webshim/demos/demos/webforms.html">WebShim</a> est un énorme outil pouvant vous aider à gérer la prise en charge des navigateurs HTML5. La partie formulaires Web peut être très utile.</li> + <li><a href="http://jqueryui.com/" rel="external">jQuery UI</a> offre des widgets avancés et personnalisables très intéressants, comme les sélecteurs de date (avec une attention particulière pour l'accessibilité).</li> + <li><a href="http://twitter.github.com/bootstrap/base-css.html#forms" rel="external">Twitter Bootstrap</a> peut être très utile si vous voulez normaliser vos formulaires.</li> + <li><a href="https://afarkas.github.io/webshim/demos/" rel="external">WebShim</a> est un énorme outil pouvant vous aider à gérer la prise en charge des navigateurs HTML5. La partie formulaires Web peut être très utile.</li> </ul> <p>Rappelez-vous que lier CSS et JavaScript peut avoir des effets collatéraux. Donc, si vous choisissez d'utiliser l'une de ces bibliothèques, vous devez toujours prévoir des solutions de repli dans les feuilles de style en cas d'échec du script. Il y a de nombreuses raisons pour lesquelles les scripts peuvent échouer, surtout dans le monde des mobiles et vous devez concevoir votre site Web ou votre application pour traiter ces cas le mieux possible.</p> @@ -447,8 +447,8 @@ option { <h2 id="Voir_aussi">Voir aussi</h2> <ul> - <li><a href="http://diveintohtml5.info/forms.html" rel="external" title="http://diveintohtml5.info/forms.html">Dive into HTML5: Forms </a>(en anglais)</li> - <li><a href="http://www.smashingmagazine.com/2011/06/27/useful-ideas-and-guidelines-for-good-web-form-design/" rel="external" title="http://www.smashingmagazine.com/2011/06/27/useful-ideas-and-guidelines-for-good-web-form-design/">Idées utiles et lignes‑guides pour un bon design des formulaires Web</a> (en anglais)</li> + <li><a href="http://diveintohtml5.info/forms.html" rel="external">Dive into HTML5: Forms </a>(en anglais)</li> + <li><a href="http://www.smashingmagazine.com/2011/06/27/useful-ideas-and-guidelines-for-good-web-form-design/" rel="external">Idées utiles et lignes‑guides pour un bon design des formulaires Web</a> (en anglais)</li> </ul> <p>{{PreviousMenuNext("Web/Guide/HTML/Formulaires/Apparence_des_formulaires_HTML", "Web/Guide/HTML/Formulaires/Property_compatibility_table_for_form_widgets", "Web/Guide/HTML/Formulaires")}}</p> diff --git a/files/fr/learn/forms/basic_native_form_controls/index.html b/files/fr/learn/forms/basic_native_form_controls/index.html index f40660b29c..56fb3843d0 100644 --- a/files/fr/learn/forms/basic_native_form_controls/index.html +++ b/files/fr/learn/forms/basic_native_form_controls/index.html @@ -661,7 +661,7 @@ beans<span class="punctuation token">.</span>oninput <span class="operator token <p>Pour entrer plus en détails des différents widgets de formulaires, voici quelques ressources externes très utiles que vous pouvez visiter :</p> <ul> - <li><a href="http://wufoo.com/html5/" rel="external" title="http://wufoo.com/html5/">L'état actuelle des formulaires HTML5</a> par Wufoo (en anglais)</li> + <li><a href="http://wufoo.com/html5/" rel="external">L'état actuelle des formulaires HTML5</a> par Wufoo (en anglais)</li> <li><a href="http://www.quirksmode.org/html5/inputs.html" rel="external" title="http://www.quirksmode.org/html5/inputs.html">Tests HTML5 - inputs</a> sur Quirksmode (en anglais) (et <a href="http://www.quirksmode.org/html5/inputs_mobile.html" rel="external" title="http://www.quirksmode.org/html5/inputs_mobile.html">pour les navigateurs mobiles</a>)</li> </ul> diff --git a/files/fr/learn/forms/form_validation/index.html b/files/fr/learn/forms/form_validation/index.html index 4e9b4d5a92..7abbf1ca9f 100644 --- a/files/fr/learn/forms/form_validation/index.html +++ b/files/fr/learn/forms/form_validation/index.html @@ -647,9 +647,9 @@ form.addEventListener("submit", function (event) { <dd>Pour limiter la frustration de l'utilisateur, il est très important de fournir autant d'information d'aide que nécessaire pour le guider dans la correction de sa saisie. Vous devriez afficher des suggestions en amont pour que l'utilisateur sache ce qui est attendu, ainsi que des messages d'erreur clairs. Si vous souhaitez vous plonger dans les exigences d'interface utilsateur pour la validation de formulaires, voici quelques articles (en anglais) utiles que vous devriez lire :</dd> <dd> <ul> - <li>SmashingMagazine : <a href="http://uxdesign.smashingmagazine.com/2012/06/27/form-field-validation-errors-only-approach/" rel="external" title="http://uxdesign.smashingmagazine.com/2012/06/27/form-field-validation-errors-only-approach/">Form-Field Validation: The Errors-Only Approach</a></li> - <li>SmashingMagazine : <a href="http://www.smashingmagazine.com/2009/07/07/web-form-validation-best-practices-and-tutorials/" rel="external" title="http://www.smashingmagazine.com/2009/07/07/web-form-validation-best-practices-and-tutorials/">Web Form Validation: Best Practices and Tutorials</a></li> - <li>Six Revision : <a href="http://sixrevisions.com/user-interface/best-practices-for-hints-and-validation-in-web-forms/" rel="external" title="http://sixrevisions.com/user-interface/best-practices-for-hints-and-validation-in-web-forms/">Best Practices for Hints and Validation in Web Forms</a></li> + <li>SmashingMagazine : <a href="http://uxdesign.smashingmagazine.com/2012/06/27/form-field-validation-errors-only-approach/" rel="external">Form-Field Validation: The Errors-Only Approach</a></li> + <li>SmashingMagazine : <a href="http://www.smashingmagazine.com/2009/07/07/web-form-validation-best-practices-and-tutorials/" rel="external">Web Form Validation: Best Practices and Tutorials</a></li> + <li>Six Revision : <a href="http://sixrevisions.com/user-interface/best-practices-for-hints-and-validation-in-web-forms/" rel="external">Best Practices for Hints and Validation in Web Forms</a></li> <li>A List Apart : <a href="http://www.alistapart.com/articles/inline-validation-in-web-forms/" rel="external" title="http://www.alistapart.com/articles/inline-validation-in-web-forms/">Inline Validation in Web Forms</a></li> </ul> </dd> @@ -825,12 +825,12 @@ addEvent(form, "submit", function () { <ul> <li>Bibliothèques indépendantes : <ul> - <li><a href="http://rickharrison.github.com/validate.js/" rel="external" title="http://rickharrison.github.com/validate.js/">Validate.js</a></li> + <li><a href="http://rickharrison.github.com/validate.js/" rel="external">Validate.js</a></li> </ul> </li> <li>Greffons jQuery : <ul> - <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" rel="external" title="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">Validation</a><span class="hidden"> </span></li> + <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" rel="external">Validation</a><span class="hidden"> </span></li> </ul> </li> </ul> diff --git a/files/fr/learn/forms/how_to_build_custom_form_controls/index.html b/files/fr/learn/forms/how_to_build_custom_form_controls/index.html index 4ff0241870..67f7c0fd68 100644 --- a/files/fr/learn/forms/how_to_build_custom_form_controls/index.html +++ b/files/fr/learn/forms/how_to_build_custom_form_controls/index.html @@ -95,9 +95,9 @@ original_slug: >- <p>Dans notre exemple, les spécifications manquantes sont évidentes et nous les traiterons, mais cela peut devenir un problème réel sur de nouveaux widgets exotiques, pour lesquels personne n'a la moindre idée de ce qu'est le bon comportement. Il est donc toujours bon de passer du temps à l'étape conception, car si vous définissez pauvrement le comportement, ou si vous oubliez de le définir, il sera très difficile de le redéfinir une fois les utilisateurs habitués. Si vous avez des doutes, demandez l'avis des autres, et si vous avez le budget pour cela, n'hésitez pas à <a href="https://fr.wikipedia.org/wiki/Test_utilisateur">faire des tests utilisateur</a>. Ce processus est appelé UX Design <span class="CLPzrc Y0NH2b">(<strong>U</strong>ser e<strong>X</strong>perience)</span>. Si vous voulez en savoir plus sur ce sujet, vous devriez consulter les ressources utiles suivantes :</p> <ul> - <li><a href="http://www.uxmatters.com/" rel="external" title="http://www.uxmatters.com/">UXMatters.com</a></li> - <li><a href="http://uxdesign.com/" rel="external" title="http://uxdesign.com/">UXDesign.com</a></li> - <li><a href="http://uxdesign.smashingmagazine.com/" rel="external" title="http://uxdesign.smashingmagazine.com/">The UX Design section of SmashingMagazine</a></li> + <li><a href="http://www.uxmatters.com/" rel="external">UXMatters.com</a></li> + <li><a href="http://uxdesign.com/" rel="external">UXDesign.com</a></li> + <li><a href="http://uxdesign.smashingmagazine.com/" rel="external">The UX Design section of SmashingMagazine</a></li> </ul> <div class="note"> @@ -351,7 +351,7 @@ original_slug: >- <li>Le script ne se charge pas. La chose est très courante, en particulier dans le domaine des mobiles pour lesquels le réseau n'est pas sûr.</li> <li>Le script est bogué. Il faut toujours prendre en considération cette éventualité.</li> <li>Le script est en conflit avec un autre script tierce‑partie. Cela peut se produire avec des suites de scripts ou n'importe quel marque page utilisé par l'utilisateur.</li> - <li>Le script est en conflit avec, ou est affecté par un extension de navigateur (comme l'extension « <a href="https://addons.mozilla.org/fr/firefox/addon/noscript/">No script</a> » de Firefox ou « <a href="https://chrome.google.com/webstore/detail/notscripts/odjhifogjcknibkahlpidmdajjpkkcfn" rel="external" title="https://chrome.google.com/webstore/detail/notscripts/odjhifogjcknibkahlpidmdajjpkkcfn">Scripts »</a> de Chrome).</li> + <li>Le script est en conflit avec, ou est affecté par un extension de navigateur (comme l'extension « <a href="https://addons.mozilla.org/fr/firefox/addon/noscript/">No script</a> » de Firefox ou « <a href="https://chrome.google.com/webstore/detail/notscripts/odjhifogjcknibkahlpidmdajjpkkcfn" rel="external">Scripts »</a> de Chrome).</li> <li>L'utilisateur utilise un navigateur ancien et l'une des fonctions dont vous avez besoin n'est pas prise en charge. Cela se produira fréquemment lorsque vous utiliserez des API de pointe.s.</li> </ul> @@ -786,7 +786,7 @@ window.addEventListener('load', function () { highlightOption(select, optionList[index]); };</pre> -<p>Voici le résultat final de toutes ces modifications (vous obtiendrez un meilleur ressenti en les testant avec une technique d'assistance comme <a href="http://www.nvda-project.org/" rel="external" title="http://www.nvda-project.org/">NVDA</a> ou <a href="http://www.apple.com/accessibility/voiceover/" rel="external" title="http://www.apple.com/accessibility/voiceover/">VoiceOver</a>) :</p> +<p>Voici le résultat final de toutes ces modifications (vous obtiendrez un meilleur ressenti en les testant avec une technique d'assistance comme <a href="http://www.nvda-project.org/" rel="external">NVDA</a> ou <a href="http://www.apple.com/accessibility/voiceover/" rel="external" title="http://www.apple.com/accessibility/voiceover/">VoiceOver</a>) :</p> <table> <thead> @@ -811,9 +811,9 @@ window.addEventListener('load', function () { <p>Voici quelques bibliothèques à prendre en considération avant de coder les vôtres :</p> <ul> - <li><a href="http://jqueryui.com/" rel="external" title="http://jqueryui.com/">jQuery UI</a></li> - <li><a href="https://github.com/marghoobsuleman/ms-Dropdown" rel="external" title="https://github.com/marghoobsuleman/ms-Dropdown">msDropDown</a></li> - <li><a href="http://www.emblematiq.com/lab/niceforms/" rel="external" title="http://www.emblematiq.com/lab/niceforms/">Nice Forms</a></li> + <li><a href="http://jqueryui.com/" rel="external">jQuery UI</a></li> + <li><a href="https://github.com/marghoobsuleman/ms-Dropdown" rel="external">msDropDown</a></li> + <li><a href="http://www.emblematiq.com/lab/niceforms/" rel="external">Nice Forms</a></li> <li><a href="https://www.google.fr/search?q=HTML+custom+form+controls&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:fr:official&client=firefox-a" rel="external" title="https://www.google.fr/search?q=HTML+custom+form+controls&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:fr:official&client=firefox-a">et beaucoup d'autres…</a></li> </ul> diff --git a/files/fr/learn/forms/how_to_structure_a_web_form/index.html b/files/fr/learn/forms/how_to_structure_a_web_form/index.html index 80b6d6d142..1450da0f3c 100644 --- a/files/fr/learn/forms/how_to_structure_a_web_form/index.html +++ b/files/fr/learn/forms/how_to_structure_a_web_form/index.html @@ -52,7 +52,7 @@ original_slug: Web/Guide/HTML/Formulaires/Comment_structurer_un_formulaire_HTML <p>L'élément {{HTMLElement("fieldset")}} est un moyen pratique de créer des groupes de widgets qui partagent le même but, pour le style et la sémantique. Vous pouvez étiqueter un {{HTMLElement("fieldset")}} en incluant un élément {{HTMLElement("legend")}} juste en dessous de la balise d'ouverture <fieldset>. Le contenu textuel de l'élément {{HTMLElement("legend")}} décrit formellement le but de l'élément {{HTMLElement("fieldset")}} inclus à l'intérieur.</p> -<p>De nombreuses technologies d'assistance utiliseront l'élément {{HTMLElement("legend")}} comme s'il faisait partie de l'étiquette de chaque widget à l'intérieur de l'élément {{HTMLElement("fieldset")}} correspondant. Par exemple, certains lecteurs d'écran comme <a href="http://www.freedomscientific.com/products/fs/jaws-product-page.asp" rel="external" title="http://www.freedomscientific.com/products/fs/jaws-product-page.asp">Jaws</a> ou <a href="http://www.nvda-project.org/" rel="external" title="http://www.nvda-project.org/">NVDA</a> énonceront le contenu de la légende avant d'indiquer l'étiquette de chaque widget.</p> +<p>De nombreuses technologies d'assistance utiliseront l'élément {{HTMLElement("legend")}} comme s'il faisait partie de l'étiquette de chaque widget à l'intérieur de l'élément {{HTMLElement("fieldset")}} correspondant. Par exemple, certains lecteurs d'écran comme <a href="http://www.freedomscientific.com/products/fs/jaws-product-page.asp" rel="external" title="http://www.freedomscientific.com/products/fs/jaws-product-page.asp">Jaws</a> ou <a href="http://www.nvda-project.org/" rel="external">NVDA</a> énonceront le contenu de la légende avant d'indiquer l'étiquette de chaque widget.</p> <p>Voici un petit exemple :</p> diff --git a/files/fr/learn/forms/html_forms_in_legacy_browsers/index.html b/files/fr/learn/forms/html_forms_in_legacy_browsers/index.html index 8267194ba9..16745fbf8e 100644 --- a/files/fr/learn/forms/html_forms_in_legacy_browsers/index.html +++ b/files/fr/learn/forms/html_forms_in_legacy_browsers/index.html @@ -18,12 +18,12 @@ original_slug: Web/Guide/HTML/Formulaires/HTML_forms_in_legacy_browsers <ul> <li>Mozilla : vous êtes au bon endroit, explorez juste MDN</li> - <li>Microsoft : <a href="http://msdn.microsoft.com/en-us/library/ff410218%28v=vs.85%29.aspx" rel="external" title="http://msdn.microsoft.com/en-us/library/ff410218%28v=vs.85%29.aspx">Documentation sur la prise en charge de la norme par Internet Explorer</a></li> + <li>Microsoft : <a href="http://msdn.microsoft.com/en-us/library/ff410218%28v=vs.85%29.aspx" rel="external">Documentation sur la prise en charge de la norme par Internet Explorer</a></li> <li>WebKit : comme il y a plusieurs versions de ce moteur, les choses se compliquent : <ul> - <li><a href="https://www.webkit.org/blog/" rel="external" title="https://www.webkit.org/blog/">le Blog WebKit</a> et <a href="http://planet.webkit.org/" rel="external" title="http://planet.webkit.org/">Planet WebKit</a> rassemblent les meilleurs articles par les déveoppeurs WebKit.</li> - <li><a href="https://www.chromestatus.com/features" title="http://www.chromium.org/developers/web-platform-status">l</a>e site État de la p<a href="https://www.chromestatus.com/features" title="http://www.chromium.org/developers/web-platform-status">lateforme Chrome</a> est aussi importante.</li> - <li>ainsi que le<a href="https://developer.apple.com/technologies/safari/" rel="external" title="https://developer.apple.com/technologies/safari/"> site web Apple .</a></li> + <li><a href="https://www.webkit.org/blog/" rel="external" title="https://www.webkit.org/blog/">le Blog WebKit</a> et <a href="http://planet.webkit.org/" rel="external">Planet WebKit</a> rassemblent les meilleurs articles par les déveoppeurs WebKit.</li> + <li><a href="https://www.chromestatus.com/features">l</a>e site État de la p<a href="https://www.chromestatus.com/features">lateforme Chrome</a> est aussi importante.</li> + <li>ainsi que le<a href="https://developer.apple.com/technologies/safari/" rel="external"> site web Apple .</a></li> </ul> </li> </ul> @@ -31,10 +31,10 @@ original_slug: Web/Guide/HTML/Formulaires/HTML_forms_in_legacy_browsers <h3 id="Documentation_indépendante">Documentation indépendante</h3> <ul> - <li><a href="http://caniuse.com" rel="external" title="http://caniuse.com">Can I Use</a> a des informations sur la prise en charge des techniques avancées. </li> + <li><a href="http://caniuse.com" rel="external">Can I Use</a> a des informations sur la prise en charge des techniques avancées. </li> <li><a href="http://www.quirksmode.org" rel="external" title="http://www.quirksmode.org">Quirks Mode</a> est une surprenante ressource sur la compatibilité des divers navigateurs. <a href="http://www.quirksmode.org/mobile/" rel="external" title="http://www.quirksmode.org/mobile/">La partie sur les mobiles</a> est la meilleure actuellement disponible.</li> - <li><a href="http://positioniseverything.net/" rel="external" title="http://positioniseverything.net/">Position Is Everything</a> est la meilleure ressource disponible sur les bogues de rendu dans les navigateurs historiques et leur solution de contournement (le cas échéant).</li> - <li><a href="http://mobilehtml5.org" rel="external" title="http://mobilehtml5.org">Mobile HTML5</a> dispose d'informations de compatibilité pour une large gamme de navigateurs pour mobiles, et pas seulement pour le « top 5 » (y compris Nokia, Amazon et Blackberry).</li> + <li><a href="http://positioniseverything.net/" rel="external">Position Is Everything</a> est la meilleure ressource disponible sur les bogues de rendu dans les navigateurs historiques et leur solution de contournement (le cas échéant).</li> + <li><a href="http://mobilehtml5.org" rel="external">Mobile HTML5</a> dispose d'informations de compatibilité pour une large gamme de navigateurs pour mobiles, et pas seulement pour le « top 5 » (y compris Nokia, Amazon et Blackberry).</li> </ul> <h2 id="Rendre_les_choses_simples">Rendre les choses simples</h2> @@ -157,13 +157,13 @@ input.button { <li>si le fil du code casse, le contenu et les fonctionnalités de base doivent rester accessibles et utilisables.</li> </ul> -<p><a href="http://docs.webplatform.org/wiki/concepts/programming/the_principles_of_unobtrusive_javascript" rel="external" title="http://docs.webplatform.org/wiki/concepts/programming/the_principles_of_unobtrusive_javascript">Les principes d'un JavaScript non obstructif</a> (écrit à l'origine par Peter-Paul Koch pour Dev.Opera.com et maintenant mis sur Docs.WebPlatform.org) descrit très bien ces idées.</p> +<p><a href="http://docs.webplatform.org/wiki/concepts/programming/the_principles_of_unobtrusive_javascript" rel="external">Les principes d'un JavaScript non obstructif</a> (écrit à l'origine par Peter-Paul Koch pour Dev.Opera.com et maintenant mis sur Docs.WebPlatform.org) descrit très bien ces idées.</p> <h3 id="La_bibliothèque_Modernizr">La bibliothèque Modernizr</h3> -<p>Dans de nombreux cas, une bonne prothèse d'émulation (« polyfill ») peut aider en fournissant une API manquante. Un « <a href="http://remysharp.com/2010/10/08/what-is-a-polyfill/" rel="external" title="http://remysharp.com/2010/10/08/what-is-a-polyfill/">polyfill »</a> est un petit morceau de JavaScript qui « remplit un trou » dans les fonctionnalités des navigateurs historiques. Bien qu'ils puissent être utilisés pour améliorer la prise en charge de n'importe quelle fonctionnalité, leur utilisation dans le JavaScript est moins risquée que dans les CSS ou le HTML ; il existe de nombreux cas où JavaScript peut casser (problèmes de réseau, conflits de script, etc.). Mais avec le JavaScript, à condition de travailler avec un JavaScript non obstructif, si les polyfills manquent, ce ne sera pas grave.</p> +<p>Dans de nombreux cas, une bonne prothèse d'émulation (« polyfill ») peut aider en fournissant une API manquante. Un « <a href="http://remysharp.com/2010/10/08/what-is-a-polyfill/" rel="external">polyfill »</a> est un petit morceau de JavaScript qui « remplit un trou » dans les fonctionnalités des navigateurs historiques. Bien qu'ils puissent être utilisés pour améliorer la prise en charge de n'importe quelle fonctionnalité, leur utilisation dans le JavaScript est moins risquée que dans les CSS ou le HTML ; il existe de nombreux cas où JavaScript peut casser (problèmes de réseau, conflits de script, etc.). Mais avec le JavaScript, à condition de travailler avec un JavaScript non obstructif, si les polyfills manquent, ce ne sera pas grave.</p> -<p>La meilleure façon de remplir un trou d'API manquante consiste à utiliser la bibliothèque <a href="http://modernizr.com" rel="external" title="http://modernizr.com">Modernizr</a> et son projet dérivé : <a href="http://yepnopejs.com" rel="external" title="http://yepnopejs.com">YepNope</a>. Modernizr est une bibliothèque qui vous permet de tester la disponibilité d'une fonctionnalité pour une action en accord. YepNope est une bibliothèqe de chargements conditionnels.</p> +<p>La meilleure façon de remplir un trou d'API manquante consiste à utiliser la bibliothèque <a href="http://modernizr.com" rel="external" title="http://modernizr.com">Modernizr</a> et son projet dérivé : <a href="http://yepnopejs.com" rel="external">YepNope</a>. Modernizr est une bibliothèque qui vous permet de tester la disponibilité d'une fonctionnalité pour une action en accord. YepNope est une bibliothèqe de chargements conditionnels.</p> <p>Voici un exemple :</p> @@ -186,7 +186,7 @@ input.button { } });</pre> -<p>L'équipe de Modernizr fait une maintenance opportune de grande liste de « <a href="https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills" rel="external" title="https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills">polyfills »</a>. Prenez celui dont vous avez besoin.</p> +<p>L'équipe de Modernizr fait une maintenance opportune de grande liste de « <a href="https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills" rel="external">polyfills »</a>. Prenez celui dont vous avez besoin.</p> <div class="note"> <p><strong>Note :</strong> Modernizr a d'autres fonctionnalités remarquables pour faciliter le traitement du JavaScript non obstructif et les tecniques de simplifications élégantes. Prenez connaissance de <a href="http://modernizr.com/docs/" rel="external" title="http://modernizr.com/docs/"> la documentation de Modernizr</a>.</p> diff --git a/files/fr/learn/html/howto/author_fast-loading_html_pages/index.html b/files/fr/learn/html/howto/author_fast-loading_html_pages/index.html index 6be720524c..273f26e5d5 100644 --- a/files/fr/learn/html/howto/author_fast-loading_html_pages/index.html +++ b/files/fr/learn/html/howto/author_fast-loading_html_pages/index.html @@ -17,7 +17,7 @@ original_slug: Web/Guide/HTML/Astuces_de_création_de_pages_HTML_à_affichage_ra <ul> <li>Eliminer les espaces et les commentaires inutile.</li> <li> - <div>Déplacer le script intégré (ou "inline scripts") et le code CSS dans des fichiers externes (un pour JavaScript, un pour CSS,...). Des outils tels que <a class="external" href="http://www.html-tidy.org" title="http://tidy.sourceforge.net/">HTML Tidy</a> peuvent automatiquement enlever les espaces de trop et les lignes vides à partir d'une source HTML valide. D'autres outils peuvent "compresser" JavaScript comme le libre <a class="external" href="http://yuilibrary.com/projects/yuicompressor/" title="http://yuilibrary.com/projects/yuicompressor/">YUIcompressor</a>.</div> + <div>Déplacer le script intégré (ou "inline scripts") et le code CSS dans des fichiers externes (un pour JavaScript, un pour CSS,...). Des outils tels que <a class="external" href="http://www.html-tidy.org" title="http://tidy.sourceforge.net/">HTML Tidy</a> peuvent automatiquement enlever les espaces de trop et les lignes vides à partir d'une source HTML valide. D'autres outils peuvent "compresser" JavaScript comme le libre <a class="external" href="http://yuilibrary.com/projects/yuicompressor/">YUIcompressor</a>.</div> </li> <li> <div>Verifiez que votre site ne contient pas de code inutile ou de tags superflus. </div> @@ -32,7 +32,7 @@ original_slug: Web/Guide/HTML/Astuces_de_création_de_pages_HTML_à_affichage_ra <ul> <li>Utilisez le moins d'images possible sur votre site (et de gif animés ofc). Preferez des <a class="external" href="http://css-tricks.com/examples/ButtonMaker/" title="http://css-tricks.com/examples/ButtonMaker/">boutons graphiques en CSS</a>.</li> - <li>Compressez vos images (éviter les .png). Vous pouvez pour cela utiliser <a class="external" href="http://www.gimp.org/" title="http://www.gimp.org/">Gimp</a> ou <a class="external" href="http://www.imagemagick.org/script/index.php" title="http://www.imagemagick.org/script/index.php">Imagemagik</a>.</li> + <li>Compressez vos images (éviter les .png). Vous pouvez pour cela utiliser <a class="external" href="http://www.gimp.org/" title="http://www.gimp.org/">Gimp</a> ou <a class="external" href="http://www.imagemagick.org/script/index.php">Imagemagik</a>.</li> <li>Preferez le CSS ou le JavaScript au flash: il ralenti le navigateur.</li> </ul> @@ -50,9 +50,9 @@ original_slug: Web/Guide/HTML/Astuces_de_création_de_pages_HTML_à_affichage_ra <br> Plus d'informations:<br> <br> - 1. <a class="external" href="http://fishbowl.pastiche.org/2002/10/21/http_conditional_get_for_rss_hackers" title="http://fishbowl.pastiche.org/2002/10/21/http_conditional_get_for_rss_hackers">HTTP Conditional Get for RSS Hackers</a><br> - 2. <a class="external" href="http://annevankesteren.nl/archives/2005/05/http-304" title="http://annevankesteren.nl/archives/2005/05/http-304">HTTP 304: Not Modified</a><br> - 3. <a class="external" href="http://www.cmlenz.net/blog/2005/05/on_http_lastmod.html" title="http://www.cmlenz.net/blog/2005/05/on_http_lastmod.html">On HTTP Last-Modified and ETag</a></p> + 1. <a class="external" href="http://fishbowl.pastiche.org/2002/10/21/http_conditional_get_for_rss_hackers">HTTP Conditional Get for RSS Hackers</a><br> + 2. <a class="external" href="http://annevankesteren.nl/archives/2005/05/http-304">HTTP 304: Not Modified</a><br> + 3. <a class="external" href="http://www.cmlenz.net/blog/2005/05/on_http_lastmod.html">On HTTP Last-Modified and ETag</a></p> <h3 id="Réduire_le_nombre_de_scripts_en_ligne">Réduire le nombre de scripts en ligne</h3> @@ -62,7 +62,7 @@ original_slug: Web/Guide/HTML/Astuces_de_création_de_pages_HTML_à_affichage_ra <p>L'utilisation de CSS modernes réduit la quantité de balisage, et peut réduire la nécessité de "spacer" les images, en termes de disposition, et peut très souvent remplacer des images de texte stylisé - qui "coutent" beaucoup plus que l'équivalent texte-et-CSS.<br> Utiliser des balises valides a d'autres avantages. Tout d'abord, les navigateurs n'ont pas besoin d'effectuer de corrections d'erreurs lors de l'analyse du code HTML.<br> - En outre, la validité du balisage permet la libre utilisation d'autres outils qui peuvent pré-traiter vos pages web. Par exemple, <a class="external" href="http://tidy.sourceforge.net/" title="http://tidy.sourceforge.net/">HTML Tidy</a> peut supprimer des espaces blancs et des balises facultatives, mais il refusera de s'exécuter sur une page avec des erreurs de balisage graves.</p> + En outre, la validité du balisage permet la libre utilisation d'autres outils qui peuvent pré-traiter vos pages web. Par exemple, <a class="external" href="http://tidy.sourceforge.net/">HTML Tidy</a> peut supprimer des espaces blancs et des balises facultatives, mais il refusera de s'exécuter sur une page avec des erreurs de balisage graves.</p> <h3 id="Segmentez_votre_contenu">Segmentez votre contenu</h3> @@ -107,9 +107,9 @@ original_slug: Web/Guide/HTML/Astuces_de_création_de_pages_HTML_à_affichage_ra <h3 id="Liens_connexes">Liens connexes</h3> <p><br> - * <a class="external" href="http://www.alsacreations.com/astuce/lire/527-optimisez-vos-pages-avec-yslow.html" title="http://www.alsacreations.com/astuce/lire/527-optimisez-vos-pages-avec-yslow.html">Optimisez vos pages avec Yslow</a><br> - * <a class="external" href="http://www.websiteoptimization.com/" title="http://www.websiteoptimization.com/">Livre: "Speed Up Your Site" par Andy King</a><br> - *<a class="external" href="http://webmonkey.wired.com/webmonkey/design/site_building/tutorials/tutorial2.html" title="http://webmonkey.wired.com/webmonkey/design/site_building/tutorials/tutorial2.html"> Site Optimization Tutorial </a>(WebMonkey) (en anglais) <br> + * <a class="external" href="http://www.alsacreations.com/astuce/lire/527-optimisez-vos-pages-avec-yslow.html">Optimisez vos pages avec Yslow</a><br> + * <a class="external" href="http://www.websiteoptimization.com/">Livre: "Speed Up Your Site" par Andy King</a><br> + *<a class="external" href="http://webmonkey.wired.com/webmonkey/design/site_building/tutorials/tutorial2.html"> Site Optimization Tutorial </a>(WebMonkey) (en anglais) <br> * <a class="external" href="http://developer.yahoo.com/performance/rules.html" title="http://developer.yahoo.com/performance/rules.html">Best Practices for Speeding Up Your Web Site</a> (en anglais) </p> <p> </p> diff --git a/files/fr/mozilla/firefox/releases/15/index.html b/files/fr/mozilla/firefox/releases/15/index.html index afd69b7e3e..b075edbcff 100644 --- a/files/fr/mozilla/firefox/releases/15/index.html +++ b/files/fr/mozilla/firefox/releases/15/index.html @@ -16,7 +16,7 @@ original_slug: Mozilla/Firefox/Versions/15 <ul> <li>L'attribut <code>size</code> de l'élément {{HTMLElement("font")}} est à présent géré selon la spécification HTML5. Cela signifie que toutes les valeurs entières supérieures à 10 ou inférieure à -10 sont désormais considérées, respectivement, comme équivalentes à 10 et -10.</li> <li>Le support pour les attributs <code>font-weight</code> et <code>point-size</code> de l'élément <code><font></code> a été supprimé ; ils n'étaient pas standards et Gecko était le seul moteur qui les a supportés.</li> - <li>Le <a class="external" href="http://www.opus-codec.org/" title="http://www.opus-codec.org/">codec Opus</a> est à présent supporté pour l'audio dans les conteneurs Ogg pour les éléments HTML {{HTMLElement("audio")}} et {{HTMLElement("video")}}.</li> + <li>Le <a class="external" href="http://www.opus-codec.org/">codec Opus</a> est à présent supporté pour l'audio dans les conteneurs Ogg pour les éléments HTML {{HTMLElement("audio")}} et {{HTMLElement("video")}}.</li> <li>L'élément {{HTMLElement("source")}} supporte désormais l'attribut <code>media</code>.</li> <li>Les éléments {{HTMLElement("audio")}} et {{HTMLElement("video")}} supportent désormais l'attribut <code>played</code>, qui fournit l'objet {{domxref("TimeRanges")}} listant les plages de temps des médias qui ont été lus jusqu'à présent.</li> </ul> @@ -42,7 +42,7 @@ original_slug: Mozilla/Firefox/Versions/15 <li>La méthode <code>HTMLVideoElement.mozHasAudio()</code> a été implémentée. Elle indique si une piste audio est associée à un élément vidéo. ({{bug(480376)}})</li> <li>L'API <code>Performance</code> a une nouvelle méthode, <code>now()</code>, supportant les horloges haute résolution du type de <code>DOMHighResTimeStamp</code>. ({{bug(539095)}}).</li> <li>L'<a class="internal" href="https://developer.mozilla.org/en-US/docs/API/WebSMS" title="API/WebSMS">API WebSMS</a> a été mise à jour et supporte à présent l'attribut <code>read</code> indiquant si un SMS est lu ou non.</li> - <li>L'<a class="link-https" href="https://wiki.mozilla.org/WebAPI/FileHandleAPI" title="https://wiki.mozilla.org/WebAPI/FileHandleAPI">API FileHandle</a> a été implémentée.</li> + <li>L'<a class="link-https" href="https://wiki.mozilla.org/WebAPI/FileHandleAPI">API FileHandle</a> a été implémentée.</li> <li>Le constructeur <a class="internal" href="https://developer.mozilla.org/en-US/docs/DOM/Blob" title="DOM/Blob"><code>Blob</code></a> prend désormais <code>ArrayBufferView</code> comme un membre du paramètre <code><var>blobParts</var></code> en plus de <code>ArrayBuffer</code>. ({{bug(752402)}})</li> <li>{{domxref("DeviceLightEvent")}} spécifié dans <a href="http://www.w3.org/TR/ambient-light/" title="http://www.w3.org/TR/ambient-light/">Ambient Light Events</a> a été implémenté.</li> <li>{{domxref("DeviceProximityEvent")}} et {{domxref("UserProximityEvent")}} de <a href="http://www.w3.org/TR/proximity/" title="http://www.w3.org/TR/proximity/">Proximity Events</a> ont été implementés.</li> @@ -66,7 +66,7 @@ original_slug: Mozilla/Firefox/Versions/15 <h3 id="MathML">MathML</h3> <ul> - <li>Les opérateurs mathématiques peuvent désormais utiliser les polices téléchargeables spécifiés avec {{cssxref("@font-face")}}. Cela permet à <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/mathml-fonts/" title="https://addons.mozilla.org/en-US/firefox/addon/mathml-fonts/">l'extension MathML-fonts</a> de travailler également avec les opérateurs extensibles.</li> + <li>Les opérateurs mathématiques peuvent désormais utiliser les polices téléchargeables spécifiés avec {{cssxref("@font-face")}}. Cela permet à <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/mathml-fonts/">l'extension MathML-fonts</a> de travailler également avec les opérateurs extensibles.</li> <li>L'attribut <code>selection</code> de {{MathMLElement("maction")}} est désormais uniquement pris en compte avec l'actiontype <code>toggle</code>.</li> <li><a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#id.3.3.4.2.1" title="http://www.w3.org/TR/MathML3/chapter3.html#id.3.3.4.2.1"><span id="summary_alias_container"><span id="short_desc_nonedit_display">L'obsolète et contraignant namedspace</span></span></a> a été supprimé ({{bug("673759")}}).</li> <li>La prise en charge de la syntaxe des valeurs de <a class="internal" href="https://developer.mozilla.org/en-US/docs/MathML/Attributes/Values" title="Values">Length</a> et {{MathMLElement("mpadded")}} a été améliorée selon la spécification MathML3.</li> diff --git a/files/fr/mozilla/firefox/releases/16/index.html b/files/fr/mozilla/firefox/releases/16/index.html index 101d8cfa10..c59c0b1ee8 100644 --- a/files/fr/mozilla/firefox/releases/16/index.html +++ b/files/fr/mozilla/firefox/releases/16/index.html @@ -55,7 +55,7 @@ original_slug: Mozilla/Firefox/Versions/16 <ul> <li>L'objet <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" title="JavaScript/Reference/Global_Objects/Number"><code>Number</code></a> offre désormais les méthodes <code>isFinite()</code>, <code>toInteger()</code> et <code>isInteger()</code>. ({{bug(761480)}}, {{bug(761495)}})</li> - <li>L'<a href="http://wiki.ecmascript.org/doku.php?id=harmony:spread" title="http://wiki.ecmascript.org/doku.php?id=harmony:spread">opérateur de diffusion</a> d'Harmony a été ajouté à l'objet <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array" title="JavaScript/Reference/Global_Objects/Array"><code>Array</code></a>. ({{bug(574130)}})</li> + <li>L'<a href="http://wiki.ecmascript.org/doku.php?id=harmony:spread">opérateur de diffusion</a> d'Harmony a été ajouté à l'objet <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array" title="JavaScript/Reference/Global_Objects/Array"><code>Array</code></a>. ({{bug(574130)}})</li> </ul> <h3 id="MathML">MathML</h3> diff --git a/files/fr/mozilla/firefox/releases/19/index.html b/files/fr/mozilla/firefox/releases/19/index.html index 47d53db6d3..0e9de33d5e 100644 --- a/files/fr/mozilla/firefox/releases/19/index.html +++ b/files/fr/mozilla/firefox/releases/19/index.html @@ -49,7 +49,7 @@ original_slug: Mozilla/Firefox/Versions/19 <h3 id="XForms">XForms</h3> -<p>Le support des <a href="/en-US/docs/XForms" title="/en-US/docs/XForms">XForms</a> a été <a href="http://www.philipp-wagner.com/blog/2011/07/the-future-of-mozilla-xforms/" title="http://www.philipp-wagner.com/blog/2011/07/the-future-of-mozilla-xforms/"><strong>retiré</strong></a> dans Firefox 19.</p> +<p>Le support des <a href="/en-US/docs/XForms" title="/en-US/docs/XForms">XForms</a> a été <a href="http://www.philipp-wagner.com/blog/2011/07/the-future-of-mozilla-xforms/"><strong>retiré</strong></a> dans Firefox 19.</p> <h2 id="Changements_pour_les_développeurs_d'add-ons_et_les_développeurs_Mozilla">Changements pour les développeurs d'add-ons et les développeurs Mozilla</h2> diff --git a/files/fr/mozilla/firefox/releases/20/index.html b/files/fr/mozilla/firefox/releases/20/index.html index 69df123354..815a6c5fd2 100644 --- a/files/fr/mozilla/firefox/releases/20/index.html +++ b/files/fr/mozilla/firefox/releases/20/index.html @@ -31,7 +31,7 @@ original_slug: Mozilla/Firefox/Versions/20 <ul> <li><a href="https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_flexible_boxes" title="en-US/docs/CSS/Tutorials/Using_CSS_flexible_boxes">CSS Flexbox</a> est désormais disponible par défaut, uniquement dans les versions préliminaires (hors Bêta). Elle peut être activée dans la version finale en modifiant une préférence dans about:config.</li> - <li>La propriété <code>mask-type</code> de la <a href="https://dvcs.w3.org/hg/FXTF/raw-file/tip/masking/index.html" title="https://dvcs.w3.org/hg/FXTF/raw-file/tip/masking/index.html">spécification CSS Masking</a> a été ajoutée ({{bug(793617)}}).</li> + <li>La propriété <code>mask-type</code> de la <a href="https://dvcs.w3.org/hg/FXTF/raw-file/tip/masking/index.html">spécification CSS Masking</a> a été ajoutée ({{bug(793617)}}).</li> </ul> <h3 id="DOM">DOM</h3> diff --git a/files/fr/mozilla/firefox/releases/22/index.html b/files/fr/mozilla/firefox/releases/22/index.html index 1afc6d7685..a1b347e034 100644 --- a/files/fr/mozilla/firefox/releases/22/index.html +++ b/files/fr/mozilla/firefox/releases/22/index.html @@ -18,7 +18,7 @@ original_slug: Mozilla/Firefox/Versions/22 <h3 id="JavaScript">JavaScript</h3> <ul> - <li>Les optimizations <a href="http://asmjs.org/spec/latest/" title="http://asmjs.org/spec/latest/">Asm.js</a> sont activées, rendant possible la compilation d'applications C / C++ vers un sous-ensemble Javascript pour de meilleures performances.</li> + <li>Les optimizations <a href="http://asmjs.org/spec/latest/">Asm.js</a> sont activées, rendant possible la compilation d'applications C / C++ vers un sous-ensemble Javascript pour de meilleures performances.</li> <li>La syntaxe ES6 <a href="/en-US/docs/JavaScript/Reference/arrow_functions" title="/en-US/docs/JavaScript/Reference/arrow_functions">Arrow Function</a> a été implémentée ({{bug(846406)}}).</li> <li>La nouvelle fonction <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is">Object.is </a>a été ajoutée ({{bug(839979)}}).</li> </ul> @@ -27,7 +27,7 @@ original_slug: Mozilla/Firefox/Versions/22 <ul> <li>Support de la propriété <code>multipart</code> avec <code>XMLHttpRequest</code>. Les réponses <code>multipart/x-mixed-replace</code> dans <code>XMLHttpRequest</code> ont été supprimées. C'était une fonctionnalité uniquement supportée par Gecko et jamais standardisée. Il est possible d'utiliser <a href="/en-US/docs/Server-sent_events" title="Server-sent_events">Server-Sent Events</a> et <a href="/en-US/docs/WebSockets" title="WebSockets">Web Sockets</a> ou d'inspecter la propriété <code>responseText</code> des <em>progress events</em> à la place.</li> - <li>Le support des <a href="http://notifications.spec.whatwg.org/" title="http://notifications.spec.whatwg.org/">Web Notifications</a> est activé par défaut. ({{bug(782211)}}).</li> + <li>Le support des <a href="http://notifications.spec.whatwg.org/">Web Notifications</a> est activé par défaut. ({{bug(782211)}}).</li> <li>La méthode {{domxref("XMLHttpRequest/FormData", "FormData")}} <code>append</code> accepte maintenant un troisième paramètre optionnel <code>filename</code> ({{bug(690659)}}).</li> <li>{{domxref("Node.isSupported")}} a été supprimé ({{bug(801562)}}).</li> <li>{{domxref("Node.setUserData")}} et {{domxref("Node.getUserData")}} ont été supprimés pour le contenu web et dépréciés pour le contenu chrome ({{bug(842372)}})</li> @@ -47,16 +47,16 @@ original_slug: Mozilla/Firefox/Versions/22 <ul> <li>Le paramètre <code>properties</code> a été supprimé des méthodes {{ifmethod('nsITreeView','getCellProperties')}}, {{ifmethod('nsITreeView','getColumnProperties')}} et {{ifmethod('nsITreeView','getRowProperties')}} de l'interface {{interface('nsITreeView')}}. Ces méthodes retourneront maintenant un string de noms de propriétés séparées par des espaces. ({{bug('407956')}})</li> <li>La méthode {{ifmethod('inIDOMUtils', 'getCSSPropertyNames')}} a été implémentée et retourne le nom de toutes les <a href="/en-US/docs/CSS/CSS_Reference" title="/en-US/docs/CSS/CSS_Reference">propriétés CSS</a> supportées.</li> - <li>Voir <a href="https://blog.mozilla.org/addons/2013/06/03/compatibility-for-firefox-22/" title="https://blog.mozilla.org/addons/2013/06/03/compatibility-for-firefox-22/">tous les changements</a>.</li> + <li>Voir <a href="https://blog.mozilla.org/addons/2013/06/03/compatibility-for-firefox-22/">tous les changements</a>.</li> </ul> <h3 id="Outils_pour_développeurs_de_Firefox">Outils pour développeurs de Firefox</h3> <ul> - <li><a href="https://hacks.mozilla.org/2013/04/developer-tools-update-firefox-22/" title="https://hacks.mozilla.org/2013/04/developer-tools-update-firefox-22/">L'inspecteur de polices</a> montre quelles polices sur votre ordinateur ont été appliquées sur cette page.</li> + <li><a href="https://hacks.mozilla.org/2013/04/developer-tools-update-firefox-22/">L'inspecteur de polices</a> montre quelles polices sur votre ordinateur ont été appliquées sur cette page.</li> <li>Le mode d'affichage de rendu visuel montre quand et où une page est re-rendue.</li> <li>Les outils pour développeurs peuvent maintenant être affichés à droite d'une fenêtre et plus seulement en bas.</li> - <li>Certains onglets des outils pour développeurs sont passés de <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=875727" title="https://bugzilla.mozilla.org/show_bug.cgi?id=875727">XUL à HTML</a>. Par exemple, l'onglet présentant les règles css fait maintenant partie de chrome://browser/content/devtools/cssruleview.xhtml, et pas de <span class="comment-copy"><code>cssruleview.xul</code></span>. Au lieu d'ajouter une couche pour ajouter des fonctionnalités directement sur ces onglets, vous pouvez ajouter une couche et la lier par script au document xul externe afin d'ajouter des écouteurs d'événements et de changer ces documents html.</li> + <li>Certains onglets des outils pour développeurs sont passés de <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=875727">XUL à HTML</a>. Par exemple, l'onglet présentant les règles css fait maintenant partie de chrome://browser/content/devtools/cssruleview.xhtml, et pas de <span class="comment-copy"><code>cssruleview.xul</code></span>. Au lieu d'ajouter une couche pour ajouter des fonctionnalités directement sur ces onglets, vous pouvez ajouter une couche et la lier par script au document xul externe afin d'ajouter des écouteurs d'événements et de changer ces documents html.</li> <li>L'affichage en pile est maintenant affiché en fil d'Ariane en haut de l'onglet et la liste des scripts est maintenant sur la gauche du débuggeur.</li> </ul> diff --git a/files/fr/mozilla/firefox/releases/24/index.html b/files/fr/mozilla/firefox/releases/24/index.html index ff43c72480..96ffc2d215 100644 --- a/files/fr/mozilla/firefox/releases/24/index.html +++ b/files/fr/mozilla/firefox/releases/24/index.html @@ -47,7 +47,7 @@ original_slug: Mozilla/Firefox/Versions/24 <ul> <li>L'inspecteur Réseau vous permet désormais de filtrer par type de contenu (CSS/Images/Polices etc.) et de voir la taille et les temps de chargement par pertinence.</li> <li>Le panneau d'options des Outils de développement vous permet de désactiver temporairement Javascript.</li> - <li>Les développeurs d'extensions peuvent utiliser la nouvelle <a href="http://www.robodesign.ro/mihai/blog/the-browser-console-is-replacing-the-error-console" title="http://www.robodesign.ro/mihai/blog/the-browser-console-is-replacing-the-error-console">Console Web</a> pour les scripts au niveau du Chrome (Remplace la console d'erreur).</li> + <li>Les développeurs d'extensions peuvent utiliser la nouvelle <a href="http://www.robodesign.ro/mihai/blog/the-browser-console-is-replacing-the-error-console">Console Web</a> pour les scripts au niveau du Chrome (Remplace la console d'erreur).</li> </ul> <h3 id="MathML">MathML</h3> diff --git a/files/fr/mozilla/firefox/releases/3.5/index.html b/files/fr/mozilla/firefox/releases/3.5/index.html index 4e84c0e4f6..a14bce15c4 100644 --- a/files/fr/mozilla/firefox/releases/3.5/index.html +++ b/files/fr/mozilla/firefox/releases/3.5/index.html @@ -110,7 +110,7 @@ original_slug: Mozilla/Firefox/Versions/3.5 <dt><a class="internal" href="/fr/Utilisation_de_XMLHttpRequest#Suivi_de_la_progression" title="fr/Utilisation de XMLHttpRequest#Suivi de la progression">Évènements de progression pour <code>XMLHttpRequest</code></a></dt> <dd>Des évènements de progression sont à présent émis pour permettre aux extensions de surveiller l'état des requêtes.</dd> <dt><a class="internal" href="/fr/Utilisation_de_XMLHttpRequest#Suivi_de_la_progression" title="fr/Utilisation de XMLHttpRequest#Suivi de la progression">Amélioration des appels <code>XMLHttpRequest</code> synchrones </a></dt> - <dd>Les <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=340345" title="https://bugzilla.mozilla.org/show_bug.cgi?id=340345">timeouts DOM</a> et les <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=333198" title="https://bugzilla.mozilla.org/show_bug.cgi?id=333198">évènements d'entrée</a> sont à présent supprimés pendant un appel <code>XMLHttpRequest</code> synchrone.</dd> + <dd>Les <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=340345" title="https://bugzilla.mozilla.org/show_bug.cgi?id=340345">timeouts DOM</a> et les <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=333198">évènements d'entrée</a> sont à présent supprimés pendant un appel <code>XMLHttpRequest</code> synchrone.</dd> <dt><a class="internal" href="/fr/Contrôle_du_préchargement_DNS" title="fr/Contrôle du préchargement DNS">Contrôle du préchargement DNS</a></dt> <dd>Firefox 3.5 permet le préchargement DNS, par lequel il effectue la résolution des noms de domaines à l'avance pour les liens présents dans la page courante, afin de gagner du temps lorsque l'on clique effectivement sur ces liens. Cet article explique comment adapter votre site pour désactiver le préchargement, ou contrôler le comportement de ce préchargement.</dd> </dl> diff --git a/files/fr/mozilla/firefox/releases/3.6/index.html b/files/fr/mozilla/firefox/releases/3.6/index.html index 5831e9e320..057280c478 100644 --- a/files/fr/mozilla/firefox/releases/3.6/index.html +++ b/files/fr/mozilla/firefox/releases/3.6/index.html @@ -61,7 +61,7 @@ original_slug: Mozilla/Firefox/Versions/3.6 </details> </li> </ol> -</section></div><p>Firefox 3.6 (nom de code <a class="external" href="https://wiki.mozilla.org/Firefox/Namoroka" title="https://wiki.mozilla.org/Firefox/Namoroka">Namoroka</a>) est sorti le 21 janvier 2010 et est basé sur Gecko 1.9.2. Cette page fournit des liens vers des articles qui décrivent les nouvelles fonctionnalités de Firefox 3.6.</p> +</section></div><p>Firefox 3.6 (nom de code <a class="external" href="https://wiki.mozilla.org/Firefox/Namoroka">Namoroka</a>) est sorti le 21 janvier 2010 et est basé sur Gecko 1.9.2. Cette page fournit des liens vers des articles qui décrivent les nouvelles fonctionnalités de Firefox 3.6.</p> <h2 id="Pour_les_développeurs_de_sites_et_dapplications_Web">Pour les développeurs de sites et d'applications Web</h2> @@ -134,7 +134,7 @@ original_slug: Mozilla/Firefox/Versions/3.6 </dl> <ul> - <li>La méthode <code>getBoxObjectFor()</code> a été <strong>supprimée</strong>, car elle n'était pas standard et exposait d'autres fonctionnalités non standard. Voir <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=340571" title="FIXED: getBoxObjectFor leaking-onto-the-Web disaster">bug 340571</a>. La bibliothèque <a class="external" href="http://mootools.net/" title="http://mootools.net/">MooTools</a> qui utilisait cet appel pour la détection de Gecko est affectée ; cela a été corrigé dans la dernière version de MooTools, assurez-vous donc d'être à jour.</li> + <li>La méthode <code>getBoxObjectFor()</code> a été <strong>supprimée</strong>, car elle n'était pas standard et exposait d'autres fonctionnalités non standard. Voir <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=340571" title="FIXED: getBoxObjectFor leaking-onto-the-Web disaster">bug 340571</a>. La bibliothèque <a class="external" href="http://mootools.net/">MooTools</a> qui utilisait cet appel pour la détection de Gecko est affectée ; cela a été corrigé dans la dernière version de MooTools, assurez-vous donc d'être à jour.</li> <li>Les nouvelles propriétés <a href="https://developer.mozilla.org/en-US/docs/DOM/window.mozInnerScreenX" title="https://developer.mozilla.org/en-US/docs/DOM/window.mozInnerScreenX"><code>mozInnerScreenX</code></a> et <a href="https://developer.mozilla.org/en-US/docs/DOM/window.mozInnerScreenY" title="https://developer.mozilla.org/en-US/docs/DOM/window.mozInnerScreenY"><code>mozInnerScreenY</code></a> sur les objets DOM window on été ajoutés ; ils renvoient les coordonnées à l'écran du coin supérieur gauche de la zone de visualisation de la fenêtre.</li> <li>La nouvelle propriété <code>mozScreenPixelsPerCSSPixel</code> de <code><a href="/fr/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMWindowUtils" title="">nsIDOMWindowUtils</a></code> uniquement accessible depuis le chrome, fournit un facteur de conversion entre les pixels CSS et les pixels à l'écran ; cette valeur peut varier selon le niveau de zoom du contenu.</li> <li>Lorsque l'identifiant de fragment de document de l'URL de la page change (la partie après le caractère « # » (dièse)), un nouvel évènement <code>hashchange</code> est envoyé à la page. Consultez <a class="internal" href="https://developer.mozilla.org/en-US/docs/DOM/window.onhashchange" title="DOM/window.onhashchange">window.onhashchange</a> pour plus d'informations. <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=385434" title="FIXED: Add support for HTML5 onhashchange (event for named anchor changes)">bug 385434</a></li> @@ -200,7 +200,7 @@ original_slug: Mozilla/Firefox/Versions/3.6 <dl> <dt><a href="https://developer.mozilla.org/en-US/docs/Themes/Lightweight_themes" title="Themes/Lightweight themes">Thèmes légers</a></dt> - <dd>Firefox 3.6 supporte les thèmes légers ; ce sont des thèmes faciles à créer et qui sont simplement appliqué sur le fond de la fenêtre du navigateur, en haut (barre d'adresses et boutons) et en bas (barre d'état). Il s'agit d'une intégration de l'architecture de thèmes <a class="external" href="http://www.getpersonas.com/" title="http://www.getpersonas.com/">Personas</a> dans Firefox.</dd> + <dd>Firefox 3.6 supporte les thèmes légers ; ce sont des thèmes faciles à créer et qui sont simplement appliqué sur le fond de la fenêtre du navigateur, en haut (barre d'adresses et boutons) et en bas (barre d'état). Il s'agit d'une intégration de l'architecture de thèmes <a class="external" href="http://www.getpersonas.com/">Personas</a> dans Firefox.</dd> </dl> <h3 id="Divers">Divers</h3> diff --git a/files/fr/mozilla/firefox/releases/4/index.html b/files/fr/mozilla/firefox/releases/4/index.html index 298b4ce21b..eb8db1df7c 100644 --- a/files/fr/mozilla/firefox/releases/4/index.html +++ b/files/fr/mozilla/firefox/releases/4/index.html @@ -295,7 +295,7 @@ original_slug: Mozilla/Firefox/Versions/4 <dt><a class="internal" href="https://developer.mozilla.org/en-US/docs/Optimizing_graphics_performance" title="Optimizing graphics performance">Optimisation des performances graphique</a></dt> <dd>Trucs et astuces pour profiter le maximum des performances graphiques et vidéo dans Firefox 4.</dd> <dt><a class="internal" href="https://developer.mozilla.org/en-Us/docs/Media_formats_supported_by_the_audio_and_video_elements#WebM" title="Media formats supported by the audio and video elements#WebM">Support de WebM</a></dt> - <dd>Le nouveau format vidéo ouvert <a class="external" href="http://www.webmproject.org/" title="http://www.webmproject.org/">WebM</a> est supporté par Gecko 2.0.</dd> + <dd>Le nouveau format vidéo ouvert <a class="external" href="http://www.webmproject.org/">WebM</a> est supporté par Gecko 2.0.</dd> <dt><a class="internal" href="https://developer.mozilla.org/en-US/docs/SVG/SVG_animation_with_SMIL" title="SVG animation with SMIL">Animation SVG avec SMIL</a></dt> <dd>Les animations SVG avec SMIL sont désomais supportées.</dd> <dt>Utilisation de SVG comme image ou arrière-plan CSS</dt> @@ -484,7 +484,7 @@ Gecko 2.0 note <ul> <li>Les évènements <code>TabClose</code>, <code>TabSelect</code> et <code>TabOpen</code> non plus de bulle jusqu'à l'élément <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbrowser"><xul:tabbrowser></a></code> (<code>gBrowser</code>). Les récepteurs d'évènements pour ces évènements doivent être ajoutés à <code>gBrowser.tabContainer</code> plutôt qu'à <code>gBrowser</code> directement.</li> - <li>Le menu contextuel d'un onglet n'est plus un enfant anonyme de <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbrowser"><xul:tabbrowser></a></code>. Il peut donc être surposé directement avec <a class="internal" href="https://developer.mozilla.org/fr/docs/Overlays_XUL" title="Overlays XUL">overlays XUL</a>. On peut également y accéder directement depuis JavaScript via <code>gBrowser.tabContextMenu</code>. Voir cet <a class="external" href="http://www.gavinsharp.com/blog/2010/03/31/accessingmodifying-the-firefox-tab-context-menu-from-extensions/" title="http://www.gavinsharp.com/blog/2010/03/31/accessingmodifying-the-firefox-tab-context-menu-from-extensions/">article</a> pour plus de détails.</li> + <li>Le menu contextuel d'un onglet n'est plus un enfant anonyme de <code><a href="/fr/docs/Mozilla/Tech/XUL/tabbrowser"><xul:tabbrowser></a></code>. Il peut donc être surposé directement avec <a class="internal" href="https://developer.mozilla.org/fr/docs/Overlays_XUL" title="Overlays XUL">overlays XUL</a>. On peut également y accéder directement depuis JavaScript via <code>gBrowser.tabContextMenu</code>. Voir cet <a class="external" href="http://www.gavinsharp.com/blog/2010/03/31/accessingmodifying-the-firefox-tab-context-menu-from-extensions/">article</a> pour plus de détails.</li> <li>La nouvelle propriété <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/visibleTabs">visibleTabs</a></span></code> a été ajoutée pour vous permettre de faire un tableau des onglets visibles, cela vous permet de déterminer quels onglets seront visibles dans l'ensemble de l'onglet courant. Par exemple, par Firefox Panorama l'utilise.</li> <li>La nouvelle méthode <span id="m-showOnlyTheseTabs"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/showOnlyTheseTabs">showOnlyTheseTabs</a></code></span> a été ajoutée, elle est utilisée Firefox Panorama.</li> <li>Ajout de la nouvelle méthode <span id="m-showOnlyTheseTabs"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/showOnlyTheseTabs">showOnlyTheseTabs</a></code></span>, qui est utilisée par Firefox Panorama.</li> @@ -504,7 +504,7 @@ Gecko 2.0 note <h4 id="Suppression_du_support_à_distance_de_XUL">Suppression du support à distance de XUL</h4> -<p>Le support à distance de XUL n'est plus supporté, cela affecte les documents XUL qui étaient servis par HTTP, en outre, vous ne pouvez plus charger des documents XUL en utilisant l'URL <span class="plain"><code>file://</code></span> sauf en créant une préférence <code>dom.allow_XUL_XBL_for_file</code> avec la valeur <code>true</code>. Cependant, il y a une fonctionnalité de liste blanche qui peut être utilisée pour permettre à des domaines spécifiques de charger XUL à distance. L'extension <a class="external" href="https://addons.mozilla.org/en-US/firefox/addon/235281/" title="https://addons.mozilla.org/en-US/firefox/addon/235281/">Remote XUL Manager</a> vous permet de gérer cette liste blanche.</p> +<p>Le support à distance de XUL n'est plus supporté, cela affecte les documents XUL qui étaient servis par HTTP, en outre, vous ne pouvez plus charger des documents XUL en utilisant l'URL <span class="plain"><code>file://</code></span> sauf en créant une préférence <code>dom.allow_XUL_XBL_for_file</code> avec la valeur <code>true</code>. Cependant, il y a une fonctionnalité de liste blanche qui peut être utilisée pour permettre à des domaines spécifiques de charger XUL à distance. L'extension <a class="external" href="https://addons.mozilla.org/en-US/firefox/addon/235281/">Remote XUL Manager</a> vous permet de gérer cette liste blanche.</p> <h4 id="Divers_changements_XUL">Divers changements XUL</h4> diff --git a/files/fr/mozilla/firefox/releases/7/index.html b/files/fr/mozilla/firefox/releases/7/index.html index 04e500e5c1..107b3c18ea 100644 --- a/files/fr/mozilla/firefox/releases/7/index.html +++ b/files/fr/mozilla/firefox/releases/7/index.html @@ -24,7 +24,7 @@ original_slug: Mozilla/Firefox/Versions/7 <h4 id="Canvas">Canvas</h4> <ul> - <li>Dans le cadre du <a class="external" href="http://blog.mozilla.com/joe/2011/04/26/introducing-the-azure-project/" title="http://blog.mozilla.com/joe/2011/04/26/introducing-the-azure-project/">projet Azure</a>, le Backend Azure Direct2D <a class="external" href="https://bugzilla.mozilla.org/show_bug.cgi?id=651858" title="https://bugzilla.mozilla.org/show_bug.cgi?id=651858">a été implémenté</a> et améliore considérablement les performances des canvas 2D.</li> + <li>Dans le cadre du <a class="external" href="http://blog.mozilla.com/joe/2011/04/26/introducing-the-azure-project/" title="http://blog.mozilla.com/joe/2011/04/26/introducing-the-azure-project/">projet Azure</a>, le Backend Azure Direct2D <a class="external" href="https://bugzilla.mozilla.org/show_bug.cgi?id=651858">a été implémenté</a> et améliore considérablement les performances des canvas 2D.</li> <li>La spécification de valeurs invalides lors de l'appel de <code>setTransform()</code>, <code>bezierCurveTo()</code> ou <code>arcTo()</code> ne renvoie plus d'exception, ces appels sont à présent ignorés silencieusement.</li> <li>La méthode <a class="internal" href="https://developer.mozilla.org/en-US/docs/DOM/CanvasRenderingContext2D#isPointInPath()" title="en/DOM/CanvasRenderingContext2D#isPointInPath()"><code>isPointInPath()</code></a> considère maintenant correctement la matrice de transformation lors de la comparaison du point spécifié au tracé en cours.</li> <li>L'appel de <code>strokeRect()</code> avec une largeur et une hauteur de zéro n'a désormais plus aucun effet.</li> @@ -231,8 +231,8 @@ original_slug: Mozilla/Firefox/Versions/7 <h3 id="Autres_changements">Autres changements</h3> <ul> - <li>La structure de la fenêtre de la bibliothèque (<code>places.xul</code>) <a class="external" href="https://bugzilla.mozilla.org/show_bug.cgi?id=588027" title="https://bugzilla.mozilla.org/show_bug.cgi?id=588027">a été nettoyée</a>. Cela <a class="external" href="https://bugzilla.mozilla.org/show_bug.cgi?id=677417" title="https://bugzilla.mozilla.org/show_bug.cgi?id=677417">pourrait casser les extensions</a> et les thèmes</li> - <li>L'apparence de la fenêtre d'aperçu avant impression <a class="external" href="https://bugzilla.mozilla.org/show_bug.cgi?id=663028" title="https://bugzilla.mozilla.org/show_bug.cgi?id=663028">a été modernisé</a> et les auteurs de thèmes sont invités à avoir le même style en utilisant les pseudo-éléments CSS {{cssxref("::-moz-page")}}, {{cssxref("::-moz-page-sequence")}} et {{cssxref("::-moz-scrolled-page-sequence")}}</li> + <li>La structure de la fenêtre de la bibliothèque (<code>places.xul</code>) <a class="external" href="https://bugzilla.mozilla.org/show_bug.cgi?id=588027" title="https://bugzilla.mozilla.org/show_bug.cgi?id=588027">a été nettoyée</a>. Cela <a class="external" href="https://bugzilla.mozilla.org/show_bug.cgi?id=677417">pourrait casser les extensions</a> et les thèmes</li> + <li>L'apparence de la fenêtre d'aperçu avant impression <a class="external" href="https://bugzilla.mozilla.org/show_bug.cgi?id=663028">a été modernisé</a> et les auteurs de thèmes sont invités à avoir le même style en utilisant les pseudo-éléments CSS {{cssxref("::-moz-page")}}, {{cssxref("::-moz-page-sequence")}} et {{cssxref("::-moz-scrolled-page-sequence")}}</li> </ul> <h2 id="Voir_également">Voir également</h2> diff --git a/files/fr/orphaned/web/api/ambient_light_events/index.html b/files/fr/orphaned/web/api/ambient_light_events/index.html index 3b11560b2f..e53c0cc081 100644 --- a/files/fr/orphaned/web/api/ambient_light_events/index.html +++ b/files/fr/orphaned/web/api/ambient_light_events/index.html @@ -12,7 +12,7 @@ original_slug: Web/API/Ambient_Light_Events <h2 id="Les_événements_liés_à_la_lumière">Les événements liés à la lumière</h2> <p>Lorsque le capteur de lumière détecte un changement de luminosité, il envoie une notification au navigateur. Lorsque le navigateur reçoit une notification, il déclenche un événement {{domxref("DeviceLightEvent")}} qui fournit des informations sur la valeur exacte de l'intensité lumineuse.</p> <p>Cet événement peut être capturé au niveau de l'objet <code>window</code> en utilisant la méthode {{domxref("EventTarget.addEventListener","addEventListener")}} (en utilisant le nom d'événement {{event("devicelight")}}) ou en attachant le gestionnaire d'événément à la propriété {{domxref("window.ondevicelight")}}.</p> -<p>Une fois qu'il a été capturé, l'événement permet un accès à la valeur de l'intensité lumineuse, exprimée en <a href="http://fr.wikipedia.org/wiki/Lux_%28unit%C3%A9%29" title="http://en.wikipedia.org/wiki/Lux">lux</a> avec la propriété {{domxref("DeviceLightEvent.value")}}.</p> +<p>Une fois qu'il a été capturé, l'événement permet un accès à la valeur de l'intensité lumineuse, exprimée en <a href="http://fr.wikipedia.org/wiki/Lux_%28unit%C3%A9%29">lux</a> avec la propriété {{domxref("DeviceLightEvent.value")}}.</p> <h2 id="Exemple">Exemple</h2> <pre class="brush: js">window.addEventListener('devicelight', function(event) { var html = document.getElementsByTagName('html')[0]; diff --git a/files/fr/orphaned/web/api/elementcssinlinestyle/style/index.html b/files/fr/orphaned/web/api/elementcssinlinestyle/style/index.html index 434372d572..01197dcf09 100644 --- a/files/fr/orphaned/web/api/elementcssinlinestyle/style/index.html +++ b/files/fr/orphaned/web/api/elementcssinlinestyle/style/index.html @@ -50,7 +50,7 @@ div.style.marginTop = ".25cm"; <h2 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Lien Externe</h2> <ul> - <li><a class="external" href="http://www.w3schools.com/HTMLDOM/dom_obj_style.asp" title="http://www.w3schools.com/HTMLDOM/dom_obj_style.asp">HTML DOM Style Object</a> — W3Schools.com (en)</li> + <li><a class="external" href="http://www.w3schools.com/HTMLDOM/dom_obj_style.asp">HTML DOM Style Object</a> — W3Schools.com (en)</li> </ul> <p>{{ languages( { "en": "en/DOM/element.style", "ja": "ja/DOM/element.style", "pl": "pl/DOM/element.style" } ) }}</p> diff --git a/files/fr/orphaned/web/api/indexeddb_api/basic_concepts_behind_indexeddb/index.html b/files/fr/orphaned/web/api/indexeddb_api/basic_concepts_behind_indexeddb/index.html index 70ba6ab52c..96c99d80b4 100644 --- a/files/fr/orphaned/web/api/indexeddb_api/basic_concepts_behind_indexeddb/index.html +++ b/files/fr/orphaned/web/api/indexeddb_api/basic_concepts_behind_indexeddb/index.html @@ -40,13 +40,13 @@ original_slug: Web/API/IndexedDB_API/Basic_Concepts_Behind_IndexedDB <ul> <li><strong>Les bases de données IndexedDB stockent des paires clé-valeur.</strong> Les valeurs peuvent êtres des objets structurés, et les clés peuvent être des propriétés de ces objets. Vous pouvez créer des index à partir de n'importe quelle propriété des objets, pour faciliter la recherche et l'énumération triée. Les clés peuvent être des objets binaires.</li> <li><strong>IndexedDB est construit autour d'un modèle de base de données transactionnelle.</strong> Tout ce que vous faites avec IndexedDB se passe dans le contexte d'une <a href="#gloss_transaction">transaction</a>. L'API IndexedDB fournit beaucoup d'objets qui représentent des index, des tables, des curseurs, etc, mais chacun de ces objets est forcément relié à une transaction donnée. Il n'est pas possible d'exécuter de commandes ou d'ouvrir des curseurs en dehors d'une transaction. Les transactions ont une durée de vie bien définie, donc essayez d'utiliser une transaction après avoir terminé le traitement des exceptions. De plus, les transactions s'engagent automatiquement, elles ne peuvent être lancées manuellement.<br> - Ce modèle basé sur des transactions est vraiment utile : rendez-vous compte qu'un utilisateur peut ouvrir deux instances de la même application web dans deux onglets différents en même temps. Si on n'utilisait pas d'opérations transactionnelles, une instance pourrait écraser les modifications de l'autre, et vice versa. Si vous n'êtes pas à l'aise avec la notion de transaction dans une base de données, vous pouvez consulter l'<a href="http://fr.wikipedia.org/wiki/Transaction_%28base_de_donn%C3%A9es%29" title="http://fr.wikipedia.org/wiki/Transaction_%28base_de_donn%C3%A9es%29">article Wikipedia sur les transactions</a>. Vous pouvez aussi voir plus loin la partie <a href="#gloss_transaction">transaction</a> dans la section des définitions.</li> + Ce modèle basé sur des transactions est vraiment utile : rendez-vous compte qu'un utilisateur peut ouvrir deux instances de la même application web dans deux onglets différents en même temps. Si on n'utilisait pas d'opérations transactionnelles, une instance pourrait écraser les modifications de l'autre, et vice versa. Si vous n'êtes pas à l'aise avec la notion de transaction dans une base de données, vous pouvez consulter l'<a href="http://fr.wikipedia.org/wiki/Transaction_%28base_de_donn%C3%A9es%29">article Wikipedia sur les transactions</a>. Vous pouvez aussi voir plus loin la partie <a href="#gloss_transaction">transaction</a> dans la section des définitions.</li> <li><strong>L'API IndexedDB est principalement asynchrone.</strong> L'API ne vous donne pas les données en retournant des valeurs. Au contraire, vous devez utiliser une fonction de rappel ("callback"). Vous ne stockez pas une valeur dans la base de données, ou vous ne récupérez pas une valeur de la base de manière synchrone, mais vous demandez qu'une opération de base de données soit exécutée. Un événement DOM est envoyé lorsque l'opération est terminée, et le type d'événement vous permet de savoir si l'opération a réussi ou échoué. Cela peut sembler un peu compliqué au premier abord, mais après tout, ce n'est pas si différent du fonctionnement de <a href="/fr/docs/XMLHttpRequest" title="/fr/docs/XMLHttpRequest">XMLHttpRequest</a>.</li> <li><strong>IndexedDB utilise de nombreuses requêtes. </strong>Les requêtes sont des objets qui reçoivent les événements DOM de succès ou d'échec mentionnés précédemment. Elles ont des propriétés <code>onsuccess</code> et <code>onerror</code>, et vous pouvez appeler <code>addEventListener()</code> et <code>removeEventListener()</code> sur ces objets. Elles ont aussi les propriétés <code>readyState</code>, <code>result</code>, et <code>errorCode</code> qui vous donnent l'état d'une requête. La propriété <code>result</code> est plutôt magique car elle peut correspondre à beaucoup de choses différentes, en fonction de la manière dont la requête a été créée (par exemple, une instance de <code>IDBCursor</code>, ou la clé de la valeur que vous venez d'insérer dans la base de données.)</li> <li><strong>IndexedDB utilise les évènements DOM pour vous informer quand les résultats sont disponibles.</strong> Les évènements DOM ont toujours une propriété de <code style="font-size: 14px;">type</code> (dans IndexedDB, sont préférables <code>"success" <em>(succès)</em></code> ou <code>"error" <em>(erreur)</em></code>). Les évènements DOM ont aussi une propriété <code>target</code> <em>(cible) </em>qui dit vers où l'évènement est dirigé. Dans la plupart des cas, la <code>target</code> d'un évènement est l'objet <code>IDBRequest</code> <span id="result_box" lang="fr"><span>qui a été généré à la suite d'une opération de base de données</span></span> . <span id="result_box" lang="fr"><span>Les événements "success" ne se propagent pas et ne peuvent être annulés</span></span> . Les évènements "Error", se propagent et peuvent être annulés. C'est très important, <span id="result_box" lang="fr"><span>lors d'un événement d'erreur, les transactions annulent au fur et à mesure </span></span><span lang="fr"><span> qu'elles s'exécutent, à moins qu'il ne soit annulé</span></span> .</li> <li><strong>IndexedDB est orienté objet.</strong> IndexedDB n'est pas une base de données relationnelle, avec des tables, des colonnes et des lignes. Cette différence importante et fondamentale change votre manière de concevoir et construire vos applications.<br> - Dans un espace de stockage de données relationel habituel, on aurait un tableau qui permet de stocker un ensemble de lignes de données, et de colonnes de types nommés de donnée. Avec IndexedDB, au contraire, vous créez un objet de stockage pour un type de données, et les objets JavaScript persistent simplement dans cet espace. Chaque objet de stockage peut utiliser un ensemble d'index qui rendent efficaces la recherche et l'itération. Si les systèmes de base de données orientée objet ne vous sont pas familiers, vous pouvez aller lire l'<a href="http://fr.wikipedia.org/wiki/Base_de_donn%C3%A9es_orient%C3%A9e_objet" title="http://fr.wikipedia.org/wiki/Base_de_donn%C3%A9es_orient%C3%A9e_objet">article Wikipedia sur les bases de données orientées objet</a>.</li> - <li><strong>IndexedDB n'utilise pas le langage </strong> <strong>Structured Query Language</strong> (<strong>SQL).</strong> Il utilise des requêtes sur un index pour obtenir un curseur, que l'on utilise ensuite pour parcourir l'ensemble des résultats. Si vous ne connaissez pas bien les systèmes NoSQL, vous pouvez consulter l'<a href="http://fr.wikipedia.org/wiki/NoSQL" title="http://fr.wikipedia.org/wiki/NoSQL">article Wikipedia sur NoSQL</a>.</li> + Dans un espace de stockage de données relationel habituel, on aurait un tableau qui permet de stocker un ensemble de lignes de données, et de colonnes de types nommés de donnée. Avec IndexedDB, au contraire, vous créez un objet de stockage pour un type de données, et les objets JavaScript persistent simplement dans cet espace. Chaque objet de stockage peut utiliser un ensemble d'index qui rendent efficaces la recherche et l'itération. Si les systèmes de base de données orientée objet ne vous sont pas familiers, vous pouvez aller lire l'<a href="http://fr.wikipedia.org/wiki/Base_de_donn%C3%A9es_orient%C3%A9e_objet">article Wikipedia sur les bases de données orientées objet</a>.</li> + <li><strong>IndexedDB n'utilise pas le langage </strong> <strong>Structured Query Language</strong> (<strong>SQL).</strong> Il utilise des requêtes sur un index pour obtenir un curseur, que l'on utilise ensuite pour parcourir l'ensemble des résultats. Si vous ne connaissez pas bien les systèmes NoSQL, vous pouvez consulter l'<a href="http://fr.wikipedia.org/wiki/NoSQL">article Wikipedia sur NoSQL</a>.</li> <li><a name="origin"><strong>IndexedDB adhère au principe de same-origin policy <em>(politique de même origine)</em></strong></a>. <span id="result_box" lang="fr"><span>Une origine est le domaine, le protocole d'application et le port URL du document où le script est exécuté.</span></span> Chaque origine <span id="result_box" lang="fr"><span>a son propre ensemble de bases de données associées</span></span> . Chaque base de données a un nom qui l'identifie dans une origine.<br> La limite de sécurité d'IndexedDB empêche les applications d'accèder à des données d'origine différente. Par exemple, alors qu'une application ou une page <a class="external" href="http://www.example.com/app/" rel="freelink">http://www.example.com/app/</a> peut récupérer des données de <a class="external" href="http://www.example.com/dir/" rel="freelink">http://www.example.com/dir/</a>, parce qu'elles ont la même origine, elle ne peut pas récupérer les données de <a class="external" href="http://www.example.com:8080/dir/" rel="freelink">http://www.example.com:8080/dir/</a> (port différent) ni de <a class="link-https" href="https://www.example.com/dir/" rel="freelink">https://www.example.com/dir/</a> (protocole différent), parce que leurs origines sont différentes.</li> </ul> @@ -206,5 +206,5 @@ original_slug: Web/API/IndexedDB_API/Basic_Concepts_Behind_IndexedDB <p>Article connexe</p> <ul> - <li><a class="external" href="http://msdn.microsoft.com/en-us/scriptjunkie/gg679063.aspx" title="http://msdn.microsoft.com/en-us/scriptjunkie/gg679063.aspx">IndexedDB — The Store in Your Browser</a></li> + <li><a class="external" href="http://msdn.microsoft.com/en-us/scriptjunkie/gg679063.aspx">IndexedDB — The Store in Your Browser</a></li> </ul> diff --git a/files/fr/orphaned/web/guide/events/creating_and_triggering_events/index.html b/files/fr/orphaned/web/guide/events/creating_and_triggering_events/index.html index d00b3bd6c4..be6030debc 100644 --- a/files/fr/orphaned/web/guide/events/creating_and_triggering_events/index.html +++ b/files/fr/orphaned/web/guide/events/creating_and_triggering_events/index.html @@ -62,7 +62,7 @@ elem.dispatchEvent(event); <h2 id="Le_déclenchement_dévénements_intégrés">Le déclenchement d'événements intégrés</h2> -<p>Cet exemple démontre la simulation d'un clic (programmation générant un événement de clic) sur une case à cocher en utilisant des méthodes DOM. <a href="http://developer.mozilla.org/samples/domref/dispatchEvent.html" title="http://developer.mozilla.org/samples/domref/dispatchEvent.html"> Voir l'exemple en action. </a></p> +<p>Cet exemple démontre la simulation d'un clic (programmation générant un événement de clic) sur une case à cocher en utilisant des méthodes DOM. <a href="http://developer.mozilla.org/samples/domref/dispatchEvent.html"> Voir l'exemple en action. </a></p> <pre class="brush: js">function simulateClick() { var event = new MouseEvent('click', { diff --git a/files/fr/orphaned/web/guide/html/html5/introduction_to_html5/index.html b/files/fr/orphaned/web/guide/html/html5/introduction_to_html5/index.html index c885937350..f1538efccb 100644 --- a/files/fr/orphaned/web/guide/html/html5/introduction_to_html5/index.html +++ b/files/fr/orphaned/web/guide/html/html5/introduction_to_html5/index.html @@ -9,7 +9,7 @@ original_slug: Web/Guide/HTML/HTML5/Introduction_to_HTML5 --- <p><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/" title="http://www.whatwg.org/specs/web-apps/current-work/">HTML5</a> est la nouvelle version du standard HTML. Il apporte non seulement l'utilisation de média riches (vidéo, audio, SVG, etc.) mais aussi des fonctionnalités permettant le développement d'applications web bien plus attractives et interactives.</p> -<p>Étant donné que HTML5 est encore en cours d'évolution, certains navigateurs ne supportent pas encore toutes les fonctionnalités offertes par ce nouveau standard. Ceci dit Gecko (et donc Firefox) supporte déjà dans sa version 1.8.1 une majorité des possibilités de HTML5. Vous trouverez ce que Gecko supporte déjà en visitant cette page : <a href="/fr/HTML/HTML5" title="fr/HTML/HTML5">HTML5</a>. Pour obtenir davantage d'informations sur le support de HTML5 par de multiples navigateurs, jetez un coup d'œil sur le site<a class="external" href="http://caniuse.com/#cats=HTML5" title="http://caniuse.com/#cats=HTML5"> CanIUse</a> .</p> +<p>Étant donné que HTML5 est encore en cours d'évolution, certains navigateurs ne supportent pas encore toutes les fonctionnalités offertes par ce nouveau standard. Ceci dit Gecko (et donc Firefox) supporte déjà dans sa version 1.8.1 une majorité des possibilités de HTML5. Vous trouverez ce que Gecko supporte déjà en visitant cette page : <a href="/fr/HTML/HTML5" title="fr/HTML/HTML5">HTML5</a>. Pour obtenir davantage d'informations sur le support de HTML5 par de multiples navigateurs, jetez un coup d'œil sur le site<a class="external" href="http://caniuse.com/#cats=HTML5"> CanIUse</a> .</p> <h2 id="Indiquer_que_le_document_contient_du_HTML5_grâce_au_doctype_HTML5">Indiquer que le document contient du HTML5 grâce au doctype HTML5</h2> diff --git a/files/fr/tools/page_inspector/how_to/use_the_inspector_api/index.html b/files/fr/tools/page_inspector/how_to/use_the_inspector_api/index.html index c50019fef6..78a9386c2c 100644 --- a/files/fr/tools/page_inspector/how_to/use_the_inspector_api/index.html +++ b/files/fr/tools/page_inspector/how_to/use_the_inspector_api/index.html @@ -15,7 +15,7 @@ original_slug: Outils/Inspecteur/Comment/Utiliser_l_API_de_l_Inspecteur <h3 id="window.inspector">window.inspector</h3> -<p>Défini dans <a href="http://mxr.mozilla.org/mozilla-central/source/browser/devtools/inspector/inspector-panel.js" title="http://mxr.mozilla.org/mozilla-central/source/browser/devtools/inspector/inspector-panel.js">inspector-panel.js</a>. Attributs et fonctions :</p> +<p>Défini dans <a href="http://mxr.mozilla.org/mozilla-central/source/browser/devtools/inspector/inspector-panel.js">inspector-panel.js</a>. Attributs et fonctions :</p> <ul> <li>.selection - information sur la sélection de l'inspecteur : diff --git a/files/fr/tools/remote_debugging/debugging_firefox_for_android_with_webide/index.html b/files/fr/tools/remote_debugging/debugging_firefox_for_android_with_webide/index.html index 803d9ff8ee..e48c0d9233 100644 --- a/files/fr/tools/remote_debugging/debugging_firefox_for_android_with_webide/index.html +++ b/files/fr/tools/remote_debugging/debugging_firefox_for_android_with_webide/index.html @@ -28,7 +28,7 @@ original_slug: Outils/Débogage_distant/Debugging_Firefox_for_Android_with_WebID <ul> <li>Un ordinateur avec Firefox 36 ou plus récent installé</li> - <li>Un appareil Android <a class="external external-icon" href="https://support.mozilla.org/fr/kb/will-firefox-work-my-mobile-device" title="https://support.mozilla.org/en-US/kb/will-firefox-work-my-mobile-device">capable d'exécuter Firefox pour Android</a> avec Firefox pour Android 35 ou plus récent installé.</li> + <li>Un appareil Android <a class="external external-icon" href="https://support.mozilla.org/fr/kb/will-firefox-work-my-mobile-device">capable d'exécuter Firefox pour Android</a> avec Firefox pour Android 35 ou plus récent installé.</li> <li>Un câble USB pour connecter les deux appareils</li> </ul> diff --git a/files/fr/tools/view_source/index.html b/files/fr/tools/view_source/index.html index a7faa3c84e..7f353884b8 100644 --- a/files/fr/tools/view_source/index.html +++ b/files/fr/tools/view_source/index.html @@ -53,7 +53,7 @@ original_slug: Outils/View_source <h3 id="Le_reporteur_d'erreurs_n'est_PAS_un_validateur">Le reporteur d'erreurs n'est <strong>PAS </strong>un validateur</h3> -<p>L'outil ne reporte que les erreurs de parsing, <strong>PAS</strong> les erreurs de validité HTML. Par exemple mettre un élément {{ HTMLElement("div") }} en enfant d'un élément {{ HTMLElement("ul") }} n'est pas une erreur de parsing, mais <strong>ce n'est pas</strong> de l'HTML valide ! Cette erreur n'apparaitra donc pas dans l'outil. Pour valider un code HTML, il est nécessaire d'utiliser un validateur HTML tel que celui <a class="external" href="http://validator.w3.org/" title="http://validator.w3.org/">proposé par le W3C</a>.</p> +<p>L'outil ne reporte que les erreurs de parsing, <strong>PAS</strong> les erreurs de validité HTML. Par exemple mettre un élément {{ HTMLElement("div") }} en enfant d'un élément {{ HTMLElement("ul") }} n'est pas une erreur de parsing, mais <strong>ce n'est pas</strong> de l'HTML valide ! Cette erreur n'apparaitra donc pas dans l'outil. Pour valider un code HTML, il est nécessaire d'utiliser un validateur HTML tel que celui <a class="external" href="http://validator.w3.org/">proposé par le W3C</a>.</p> <h3 id="Toutes_les_erreurs_de_parsing_ne_sont_pas_supportées">Toutes les erreurs de parsing ne sont pas supportées</h3> |