diff options
35 files changed, 82 insertions, 82 deletions
diff --git a/files/fr/learn/forms/advanced_form_styling/index.html b/files/fr/learn/forms/advanced_form_styling/index.html index 5f0c0ee5b6..baa26070b4 100644 --- a/files/fr/learn/forms/advanced_form_styling/index.html +++ b/files/fr/learn/forms/advanced_form_styling/index.html @@ -32,7 +32,7 @@ original_slug: Web/Guide/HTML/Formulaires/Advanced_styling_for_HTML_forms <p>L'évolution récente du HTML et des CSS a étendu l'expressivité des CSS :</p> <ul> - <li><a href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" rel="external" title="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes">CSS 2.1</a> était très limité et n'offrait que trois pseudo-classes : + <li><a href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" rel="external">CSS 2.1</a> était très limité et n'offrait que trois pseudo-classes : <ul> <li>{{cssxref(":active")}}</li> @@ -40,7 +40,7 @@ original_slug: Web/Guide/HTML/Formulaires/Advanced_styling_for_HTML_forms <li>{{cssxref(":hover")}}</li> </ul> </li> - <li><a href="http://www.w3.org/TR/css3-selectors/" rel="external" title="http://www.w3.org/TR/css3-selectors/">CSS Selector Level 3</a> a ajouté quelques nouvelles pseudo-classes relatives aux formulaires HTML : + <li><a href="http://www.w3.org/TR/css3-selectors/" rel="external">CSS Selector Level 3</a> a ajouté quelques nouvelles pseudo-classes relatives aux formulaires HTML : <ul> <li>{{cssxref(":enabled")}}</li> <li>{{cssxref(":disabled")}}</li> @@ -48,7 +48,7 @@ original_slug: Web/Guide/HTML/Formulaires/Advanced_styling_for_HTML_forms <li>{{cssxref(":indeterminate")}}</li> </ul> </li> - <li><a href="http://dev.w3.org/csswg/css3-ui/#pseudo-classes" rel="external" title="http://dev.w3.org/csswg/css3-ui/#pseudo-classes">CSS Basic UI Level 3</a> a ajouté quelques autres pseudo-classes pour décrire l'état du widget : + <li><a href="http://dev.w3.org/csswg/css3-ui/#pseudo-classes" rel="external">CSS Basic UI Level 3</a> a ajouté quelques autres pseudo-classes pour décrire l'état du widget : <ul> <li>{{cssxref(":default")}}</li> <li>{{cssxref(":valid")}}</li> @@ -61,7 +61,7 @@ original_slug: Web/Guide/HTML/Formulaires/Advanced_styling_for_HTML_forms <li>{{cssxref(":read-write")}}</li> </ul> </li> - <li><a href="http://dev.w3.org/csswg/selectors4/" rel="external" title="http://dev.w3.org/csswg/selectors4/">CSS Selector Level 4</a> actuellement en développement actif et objet de grandes discussions ne prévoit pas d'ajouter grand‑chose pour améliorer les formulaires : + <li><a href="http://dev.w3.org/csswg/selectors4/" rel="external">CSS Selector Level 4</a> actuellement en développement actif et objet de grandes discussions ne prévoit pas d'ajouter grand‑chose pour améliorer les formulaires : <ul> <li>{{cssxref(":user-error")}} qui est juste une amélioration de la pseudo‑classe {{cssxref(":invalid")}}.</li> </ul> @@ -123,7 +123,7 @@ input[type=search] { <p>{{EmbedLiveSample("Contrôle_de_l'apparence_des_éléments_de_formulaire", 250, 40)}}</p> <div class="note"> -<p><strong>Note :</strong> Il est toujours difficile de prédire l'avenir, quand on parle de techniques Web. L'extension des possibilités d'expression des CSS est difficile ; il y a un travail exploratoire avec d'autres spécifications, telles que <a href="http://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow/index.html" rel="external" title="http://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow/index.html">Shadow DOM</a> qui offrent certaines perspectives. La quête du formulaire de style totalement composable est loin d'être terminée.</p> +<p><strong>Note :</strong> Il est toujours difficile de prédire l'avenir, quand on parle de techniques Web. L'extension des possibilités d'expression des CSS est difficile ; il y a un travail exploratoire avec d'autres spécifications, telles que <a href="http://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow/index.html" rel="external">Shadow DOM</a> qui offrent certaines perspectives. La quête du formulaire de style totalement composable est loin d'être terminée.</p> </div> <h2 id="Exemples">Exemples</h2> 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 56fb3843d0..a586a4ab3d 100644 --- a/files/fr/learn/forms/basic_native_form_controls/index.html +++ b/files/fr/learn/forms/basic_native_form_controls/index.html @@ -303,7 +303,7 @@ original_slug: Web/Guide/HTML/Formulaires/Les_blocs_de_formulaires_natifs <option>Poire</option> </datalist></pre> -<div class="note"><strong>Note :</strong> Selon la <a href="http://www.w3.org/TR/html5/common-input-element-attributes.html#attr-input-list" rel="external" title="http://www.w3.org/TR/html5/common-input-element-attributes.html#attr-input-list">norme HTML</a>, l'attribut {{htmlattrxref("list","input")}} et l'élément {{HTMLElement("datalist")}} peuvent s'utiliser avec tout type de widget nécessitant une saisie utilisateur. Toutefois, les modalités de ce fonctionnement ne sont pas claire pour des contrôles autres que textuels (de couleur ou de date par ex.) et les divers navigateurs se comporteront de manière différente selon le cas. Pour cette raison, soyez prudent en utilisant cette fonctionnalité avec autre chose que des champs textuels.</div> +<div class="note"><strong>Note :</strong> Selon la <a href="http://www.w3.org/TR/html5/common-input-element-attributes.html#attr-input-list" rel="external">norme HTML</a>, l'attribut {{htmlattrxref("list","input")}} et l'élément {{HTMLElement("datalist")}} peuvent s'utiliser avec tout type de widget nécessitant une saisie utilisateur. Toutefois, les modalités de ce fonctionnement ne sont pas claire pour des contrôles autres que textuels (de couleur ou de date par ex.) et les divers navigateurs se comporteront de manière différente selon le cas. Pour cette raison, soyez prudent en utilisant cette fonctionnalité avec autre chose que des champs textuels.</div> <div><img alt="Screenshots of datalist on several platforms." src="/files/4593/all-datalist.png" style="height: 329px; width: 437px;"></div> @@ -662,7 +662,7 @@ beans<span class="punctuation token">.</span>oninput <span class="operator token <ul> <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> + <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">pour les navigateurs mobiles</a>)</li> </ul> <p>{{PreviousMenuNext("Web/Guide/HTML/Formulaires/Comment_structurer_un_formulaire_HTML", "Web/Guide/HTML/Formulaires/Envoyer_et_extraire_les_données_des_formulaires", "Web/Guide/HTML/Formulaires")}}</p> diff --git a/files/fr/learn/forms/form_validation/index.html b/files/fr/learn/forms/form_validation/index.html index 7abbf1ca9f..137b1be959 100644 --- a/files/fr/learn/forms/form_validation/index.html +++ b/files/fr/learn/forms/form_validation/index.html @@ -650,7 +650,7 @@ form.addEventListener("submit", function (event) { <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> + <li>A List Apart : <a href="http://www.alistapart.com/articles/inline-validation-in-web-forms/" rel="external">Inline Validation in Web Forms</a></li> </ul> </dd> </dl> 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 67f7c0fd68..b97d14b86e 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 @@ -734,7 +734,7 @@ window.addEventListener('load', function () { <p>Nous venons de faire quelque chose qui fonctionne, même si nous sommes loin d'avoir une boîte de sélection avec toutes les fonctionnalités, elle fonctionne parfaitement. Mais ce que nous avons fait n'est rien de plus que de jouer avec les DOM. Elle n'a pas de sémantique réelle, et même si elle ressemble à une boîte de sélection, du point de vue du navigateur, ce n'en est pas une, de sorte que les technologies d'assistance ne pourront pas comprendre que c'est une boîte de sélection. Bref, cette jolie nouvelle boîte de sélection n'est pas accessible !</p> -<p>Heureusement, il existe une solution et elle s'appelle <a href="/en-US/docs/Accessibility/ARIA" title="/en-US/docs/Accessibility/ARIA">ARIA</a>. ARIA signifie « Accessible Rich Internet Application » et c'est une<a href="http://www.w3.org/TR/wai-aria/" rel="external" title="http://www.w3.org/TR/wai-aria/"> norme W3C </a>spécialement conçue pour ce que nous faisons ici : rendre accessibles les applications web et les widgets personnalisés. Il s'agit essentiellement d'un ensemble d'attributs qui étendent le HTML afin que nous puissions mieux décrire les rôles, les états et les propriétés comme si l'élément que nous venons de concevoir était l'élément natif pour lequel il essaie de passer. L'utilisation de ces attributs est très simple, alors faisons-le.</p> +<p>Heureusement, il existe une solution et elle s'appelle <a href="/en-US/docs/Accessibility/ARIA" title="/en-US/docs/Accessibility/ARIA">ARIA</a>. ARIA signifie « Accessible Rich Internet Application » et c'est une<a href="http://www.w3.org/TR/wai-aria/" rel="external"> norme W3C </a>spécialement conçue pour ce que nous faisons ici : rendre accessibles les applications web et les widgets personnalisés. Il s'agit essentiellement d'un ensemble d'attributs qui étendent le HTML afin que nous puissions mieux décrire les rôles, les états et les propriétés comme si l'élément que nous venons de concevoir était l'élément natif pour lequel il essaie de passer. L'utilisation de ces attributs est très simple, alors faisons-le.</p> <h3 id="L'attribut_role">L'attribut <code>role</code></h3> @@ -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">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">VoiceOver</a>) :</p> <table> <thead> 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 1450da0f3c..a8f3079705 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">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">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> @@ -289,7 +289,7 @@ original_slug: Web/Guide/HTML/Formulaires/Comment_structurer_un_formulaire_HTML <h2 id="Voir_aussi">Voir aussi</h2> <ul> - <li><a href="http://www.alistapart.com/articles/sensibleforms/" rel="external" title="http://www.alistapart.com/articles/sensibleforms/">A List Apart: <em>Sensible Forms: A Form Usability Checklist</em></a></li> + <li><a href="http://www.alistapart.com/articles/sensibleforms/" rel="external">A List Apart: <em>Sensible Forms: A Form Usability Checklist</em></a></li> </ul> <p>{{PreviousMenuNext("Web/Guide/HTML/Formulaires/Mon_premier_formulaire_HTML", "Web/Guide/HTML/Formulaires/Les_blocs_de_formulaires_natifs", "Web/Guide/HTML/Formulaires")}}</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 16745fbf8e..fa2357210e 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 @@ -6,7 +6,7 @@ original_slug: Web/Guide/HTML/Formulaires/HTML_forms_in_legacy_browsers --- <div>{{LearnSidebar}}{{PreviousMenuNext("Web/Guide/HTML/Formulaires/Sending_forms_through_JavaScript", "Web/Guide/HTML/Formulaires/Apparence_des_formulaires_HTML", "Web/Guide/HTML/Formulaires")}}</div> -<p class="summary">Tout développeur apprend très rapidement (parfois difficilement) que le Web est un endroit assez inconfortable. Le pire des fléaux est le « navigateur historique ». Oui, admettons‑le, si on dit « navigateur historique », nous pensons tous aux anciennes versions d'Internet Explorer ... mais elles sont loin d'être les seules. Les premières versions de Firefox, comme la <a href="http://www.mozilla.org/en-US/firefox/organizations/" title="http://www.mozilla.org/en-US/firefox/organizations/">version ESR,</a> sont aussi des « navigateurs historiques ». Et dans le monde du mobile ? Quand ni le navigateur ni l'OS ne peut être mis à jour? Oui, il y a beaucoup de vieux smartphones Android ou des iPhones dont le navigateur par défaut n'est pas à jour. Ceux-ci sont aussi des « navigateurs historiques ».</p> +<p class="summary">Tout développeur apprend très rapidement (parfois difficilement) que le Web est un endroit assez inconfortable. Le pire des fléaux est le « navigateur historique ». Oui, admettons‑le, si on dit « navigateur historique », nous pensons tous aux anciennes versions d'Internet Explorer ... mais elles sont loin d'être les seules. Les premières versions de Firefox, comme la <a href="http://www.mozilla.org/en-US/firefox/organizations/">version ESR,</a> sont aussi des « navigateurs historiques ». Et dans le monde du mobile ? Quand ni le navigateur ni l'OS ne peut être mis à jour? Oui, il y a beaucoup de vieux smartphones Android ou des iPhones dont le navigateur par défaut n'est pas à jour. Ceux-ci sont aussi des « navigateurs historiques ».</p> <p>Malheureusement, parcourir cette jungle est une facette du métier. Mais opportunément, il existe quelques astuces pour nous aider à résoudre 80 % des problèmes causés par ces vieilles versions de navigateur.</p> @@ -21,7 +21,7 @@ original_slug: Web/Guide/HTML/Formulaires/HTML_forms_in_legacy_browsers <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">Planet WebKit</a> rassemblent les meilleurs articles par les déveoppeurs WebKit.</li> + <li><a href="https://www.webkit.org/blog/" rel="external">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> @@ -32,7 +32,7 @@ original_slug: Web/Guide/HTML/Formulaires/HTML_forms_in_legacy_browsers <ul> <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://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">La partie sur les mobiles</a> est la meilleure actuellement disponible.</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> @@ -45,7 +45,7 @@ original_slug: Web/Guide/HTML/Formulaires/HTML_forms_in_legacy_browsers <h3 id="La_simplification_élégante_est_la_meilleure_amie_du_développeur_Web">La simplification élégante est la meilleure amie du développeur Web</h3> -<p><a href="http://www.sitepoint.com/progressive-enhancement-graceful-degradation-choice/" rel="external" title="http://www.sitepoint.com/progressive-enhancement-graceful-degradation-choice/">Une simplification élégante et des améliorations progressives</a> sont des modèles de développement qui permettent de construire des grands projets prenant en charge une large gamme de navigateurs simultanément. Quand vous créez quelque chose pour un navigateur moderne, et que vous voudriez être sûrs que, l'un l'autre, il fonctionne sur des navigateurs historiques, vous faites de la simplification élégante.</p> +<p><a href="http://www.sitepoint.com/progressive-enhancement-graceful-degradation-choice/" rel="external">Une simplification élégante et des améliorations progressives</a> sont des modèles de développement qui permettent de construire des grands projets prenant en charge une large gamme de navigateurs simultanément. Quand vous créez quelque chose pour un navigateur moderne, et que vous voudriez être sûrs que, l'un l'autre, il fonctionne sur des navigateurs historiques, vous faites de la simplification élégante.</p> <p>Voyons quelques exemples relatifs aux formulaires en HTML.</p> @@ -163,7 +163,7 @@ input.button { <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">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">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> @@ -189,7 +189,7 @@ input.button { <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> +<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"> la documentation de Modernizr</a>.</p> </div> <h3 id="Faites_attention_aux_performances">Faites attention aux performances</h3> diff --git a/files/fr/learn/forms/styling_web_forms/index.html b/files/fr/learn/forms/styling_web_forms/index.html index a359f85cb2..ea8b60a29b 100644 --- a/files/fr/learn/forms/styling_web_forms/index.html +++ b/files/fr/learn/forms/styling_web_forms/index.html @@ -20,7 +20,7 @@ original_slug: Web/Guide/HTML/Formulaires/Apparence_des_formulaires_HTML <h2 id="Pourquoi_est-ce_si_difficile_de_modifier_l'apparence_des_formulaires_avec_CSS">Pourquoi est-ce si difficile de modifier l'apparence des formulaires avec CSS ?</h2> -<p>Dans la jeunesse du Web — aux alentours de 1995 — les formulaires ont été ajoutés au HTML dans la <a href="http://www.ietf.org/rfc/rfc1866.txt" rel="extrenal" title="http://www.ietf.org/rfc/rfc1866.txt">spécification HTML 2</a>. À cause de la complexité des formulaires, ceux qui les mettaient en œuvre ont préféré s'appuyer sur le système d'exploitation sous‑jacent pour les gérer et les afficher.</p> +<p>Dans la jeunesse du Web — aux alentours de 1995 — les formulaires ont été ajoutés au HTML dans la <a href="http://www.ietf.org/rfc/rfc1866.txt" rel="extrenal">spécification HTML 2</a>. À cause de la complexité des formulaires, ceux qui les mettaient en œuvre ont préféré s'appuyer sur le système d'exploitation sous‑jacent pour les gérer et les afficher.</p> <p>Quelques années plus tard, les CSS ont été créées et ce qui était une nécessité technique — c'est-à-dire, utiliser des widgets natifs pour les contrôles de formulaire — est devenu un préalable stylistique. Dans la jeunesse des CSS, l'apparence des formulaires n'était pas une priorité.</p> @@ -191,8 +191,8 @@ original_slug: Web/Guide/HTML/Formulaires/Apparence_des_formulaires_HTML <ol> <li>L'<a href="/files/4151/background.jpg" title="The postcard background">image de fond</a> de la carte postale — téléchargez cette image et sauvegardez‑la dans le même répertoire que votre fichier HTML de travail.</li> - <li>Une police de machine à écrire : <a href="http://www.fontsquirrel.com/fonts/Secret-Typewriter" rel="external" title="http://www.fontsquirrel.com/fonts/Secret-Typewriter">« Secret Typewriter » de fontsquirrel.com</a> — téléchargez le fichier TTF dans le même répertoire que ci‑dessus.</li> - <li>Une police d'écriture manuelle : <a href="http://www.fontsquirrel.com/fonts/Journal" rel="external" title="http://www.fontsquirrel.com/fonts/Journal"> « Journal » de fontsquirrel.com </a>— téléchargez le fichier TTF dans le même répertoire que ci‑dessus.</li> + <li>Une police de machine à écrire : <a href="http://www.fontsquirrel.com/fonts/Secret-Typewriter" rel="external">« Secret Typewriter » de fontsquirrel.com</a> — téléchargez le fichier TTF dans le même répertoire que ci‑dessus.</li> + <li>Une police d'écriture manuelle : <a href="http://www.fontsquirrel.com/fonts/Journal" rel="external"> « Journal » de fontsquirrel.com </a>— téléchargez le fichier TTF dans le même répertoire que ci‑dessus.</li> </ol> <p> </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 273f26e5d5..8dd4f33264 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/">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">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> @@ -31,8 +31,8 @@ original_slug: Web/Guide/HTML/Astuces_de_création_de_pages_HTML_à_affichage_ra <p>Réduire le nombre de fichiers référencés dans une page web diminue le nombre de connexions <a href="/en/HTTP" title="https://developer.mozilla.org/en/HTTP">HTTP </a>nécessaire pour télécharger une page.</p> <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">Imagemagik</a>.</li> + <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/">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/">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> @@ -110,7 +110,7 @@ original_slug: Web/Guide/HTML/Astuces_de_création_de_pages_HTML_à_affichage_ra * <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> + * <a class="external" href="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/12/index.html b/files/fr/mozilla/firefox/releases/12/index.html index 79ddf9330b..8ad54688fb 100644 --- a/files/fr/mozilla/firefox/releases/12/index.html +++ b/files/fr/mozilla/firefox/releases/12/index.html @@ -17,7 +17,7 @@ original_slug: Mozilla/Firefox/Versions/12 <ul> <li>L'attribut <code>title</code> supporte désormais les caractères de saut de ligne pour permettre des multi-lignes dans les info-bulles.</li> - <li>Si JavaScript est désactivé, l'élément {{HTMLElement("canvas")}} était rendu au lieu d'afficher le contenu de secours selon la <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html">spécification</a>. Désormais, c'est le contenu de secours qui est rendu.</li> + <li>Si JavaScript est désactivé, l'élément {{HTMLElement("canvas")}} était rendu au lieu d'afficher le contenu de secours selon la <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html">spécification</a>. Désormais, c'est le contenu de secours qui est rendu.</li> <li>L'attribut <code>crossorigin</code> est à présent supporté par {{HTMLElement("video")}}.</li> </ul> @@ -68,7 +68,7 @@ original_slug: Mozilla/Firefox/Versions/12 <h3 id="MathML">MathML</h3> <ul> - <li>Pour contrôler la directionnalité des formules de MathML, l'attribut <code>dir</code> est désormais supporté par les éléments {{MathMLElement("math")}}, {{MathMLElement("mrow")}} et {{MathMLElement("mstyle")}} ainsi que par les <a class="internal" href="https://developer.mozilla.org/Special:Tags?tag=MathML:Token+Elements" title="Special:Tags?tag=MathML:Token+Elements">éléments MathML Token</a>. C'est particulièrement important pour certaines <a class="external" href="http://www.w3.org/TR/arabic-math/" title="http://www.w3.org/TR/arabic-math/">notations mathématiques Arabes</a>.</li> + <li>Pour contrôler la directionnalité des formules de MathML, l'attribut <code>dir</code> est désormais supporté par les éléments {{MathMLElement("math")}}, {{MathMLElement("mrow")}} et {{MathMLElement("mstyle")}} ainsi que par les <a class="internal" href="https://developer.mozilla.org/Special:Tags?tag=MathML:Token+Elements" title="Special:Tags?tag=MathML:Token+Elements">éléments MathML Token</a>. C'est particulièrement important pour certaines <a class="external" href="http://www.w3.org/TR/arabic-math/">notations mathématiques Arabes</a>.</li> <li>L'attribut d'alignement <code>align</code> definit dans MathML3 a été implementé pour {{MathMLElement("munder")}}, {{MathMLElement("mover")}} et {{MathMLElement("munderover")}}.</li> </ul> diff --git a/files/fr/mozilla/firefox/releases/15/index.html b/files/fr/mozilla/firefox/releases/15/index.html index b075edbcff..889da34615 100644 --- a/files/fr/mozilla/firefox/releases/15/index.html +++ b/files/fr/mozilla/firefox/releases/15/index.html @@ -44,8 +44,8 @@ original_slug: Mozilla/Firefox/Versions/15 <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">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> + <li>{{domxref("DeviceLightEvent")}} spécifié dans <a href="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/">Proximity Events</a> ont été implementés.</li> </ul> <h3 id="JavaScript">JavaScript</h3> @@ -68,7 +68,7 @@ original_slug: Mozilla/Firefox/Versions/15 <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/">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><a class="external" href="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> <li>Les nouveaux opérateurs MathML pour les maths arabes ont été ajoutés au dictionnaire opérateur ({{bug(757125)}}).</li> </ul> diff --git a/files/fr/mozilla/firefox/releases/17/index.html b/files/fr/mozilla/firefox/releases/17/index.html index 1312ddf90c..3454e31cda 100644 --- a/files/fr/mozilla/firefox/releases/17/index.html +++ b/files/fr/mozilla/firefox/releases/17/index.html @@ -23,7 +23,7 @@ original_slug: Mozilla/Firefox/Versions/17 <h3 id="CSS">CSS</h3> <ul> - <li>Le support de la règle {{cssxref("@supports")}} définie dans la <a href="http://dev.w3.org/csswg/css3-conditional/" title="http://dev.w3.org/csswg/css3-conditional/">spécification CSS3 Conditional Rules</a> a été lancée. Les développeurs peuvent l'essayer en passant la préférence <code>layout.css.supports-rule.enabled</code> à <code>true</code> ({{bug(649740)}})</li> + <li>Le support de la règle {{cssxref("@supports")}} définie dans la <a href="http://dev.w3.org/csswg/css3-conditional/">spécification CSS3 Conditional Rules</a> a été lancée. Les développeurs peuvent l'essayer en passant la préférence <code>layout.css.supports-rule.enabled</code> à <code>true</code> ({{bug(649740)}})</li> <li>Le support de la pseudo-classe {{cssxref(":dir", ":dir()")}}, des sélecteurs CSS de niveau 4, permettant de sélectionner des éléments selon leur directionnalité a été lancée. ({{bug(562169)}})</li> <li>Le support de la nouvelle valeur <code>isolate-override</code> de la propriété CSS {{cssxref("unicode-bidi")}} a été lancée. ({{bug(774335)}})</li> <li>Notre implémentation de {{cssxref("box-sizing")}} préfixé prend désormais en compte {{cssxref("min-height")}} et {{cssxref("max-height")}}. Un pas de plus vers son dépréfixage. ({{bug(308801)}})</li> @@ -32,7 +32,7 @@ original_slug: Mozilla/Firefox/Versions/17 <h3 id="DOM">DOM</h3> <ul> - <li>Le support de l'interface {{domxref("CSSSupportsRule")}} définie dans la <a href="http://dev.w3.org/csswg/css3-conditional/" title="http://dev.w3.org/csswg/css3-conditional/">spécification CSS3 Conditional Rules</a> a été lancée. ({{bug(649740)}})</li> + <li>Le support de l'interface {{domxref("CSSSupportsRule")}} définie dans la <a href="http://dev.w3.org/csswg/css3-conditional/">spécification CSS3 Conditional Rules</a> a été lancée. ({{bug(649740)}})</li> <li>Le support de l'objet {{domxref("WheelEvent")}} et de l'évènement <code>wheel</code> a été lancé. ({{bug(719320)}}).</li> <li>Le support de la touche DOM Meta sur Linux est de nouveau disponible. ({{bug(751749)}}).</li> <li>Sur {{domxref("HTMLMediaElement")}}, une nouvelle méthode a été ajoutée, <code>mozGetMetadata</code>. Elle retourne un objet JavaScript dont les propriétés représentent les métadonnées à partir de la ressource du média joué comme des paires {clé: valeur}. ({{bug(763010)}}).</li> diff --git a/files/fr/mozilla/firefox/releases/2/security_changes/index.html b/files/fr/mozilla/firefox/releases/2/security_changes/index.html index 9590023d5e..47fdecfd53 100644 --- a/files/fr/mozilla/firefox/releases/2/security_changes/index.html +++ b/files/fr/mozilla/firefox/releases/2/security_changes/index.html @@ -20,7 +20,7 @@ original_slug: La_sécurité_dans_Firefox_2 <ul> <li>Firefox 2 supporte la <a class="external" href="http://fr.wikipedia.org/wiki/Cryptographie_sur_les_courbes_elliptiques">cryptographie sur courbes elliptiques</a> (ECC) dans TLS. Le support est pour l'instant limité aux courbes de 256, 384 et 521 (oui, 521 !) bits.</li> - <li>Firefox 2 supporte l'extension d'identification de nom de serveur TLS pour faciliter les connexions sécurisées sur des serveurs hébergeant plusieurs serveurs virtuels sous la même adresse réseau, suivant la <a class="external" href="http://tools.ietf.org/html/rfc3546" title="http://tools.ietf.org/html/rfc3546">RFC 3546</a>.</li> + <li>Firefox 2 supporte l'extension d'identification de nom de serveur TLS pour faciliter les connexions sécurisées sur des serveurs hébergeant plusieurs serveurs virtuels sous la même adresse réseau, suivant la <a class="external" href="http://tools.ietf.org/html/rfc3546">RFC 3546</a>.</li> <li>Lorsque Firefox 2 effectue une requête <a class="external" href="http://fr.wikipedia.org/wiki/OCSP">OSCP</a> pour valider un certificat d'un serveur Web, il utilise désormais le proxy configuré pour le trafic HTTP normal.</li> </ul> diff --git a/files/fr/mozilla/firefox/releases/3.5/index.html b/files/fr/mozilla/firefox/releases/3.5/index.html index a14bce15c4..ed67146556 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">é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">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 057280c478..168ce35f38 100644 --- a/files/fr/mozilla/firefox/releases/3.6/index.html +++ b/files/fr/mozilla/firefox/releases/3.6/index.html @@ -75,7 +75,7 @@ original_slug: Mozilla/Firefox/Versions/3.6 <dt><a class="internal" href="https://developer.mozilla.org/fr/docs/CSS/Media_queries#Fonctionnalit.C3.A9s_de_m.C3.A9dias_sp.C3.A9cifiques_.C3.A0_Mozilla" title="CSS/Mediaqueries#Fonctionnalités de médias spécifiques à Mozilla">Fonctionnalités de médias spécifiques à Mozilla</a></dt> <dd>Des fonctionnalités de médias ont été ajoutées pour des mesures spécifiques à Mozilla, afin de pouvoir utiliser des <a class="external" href="https://developer.mozilla.org/fr/docs/CSS/Media_queries" title="CSS/Media queries">media queries</a> pour vérifier plus aisément la disponibilité de fonctionnalités comme un écran tactile.</dd> <dt><a class="internal" href="https://developer.mozilla.org/en-US/docs/CSS/Scaling_background_images" title="CSS/Scaling background images">Redimensionnement d'images de fond</a></dt> - <dd>La propriété <code>background-size</code> du <a class="external" href="http://dev.w3.org/csswg/css3-background/" title="http://dev.w3.org/csswg/css3-background/#the-background-size-property">brouillon CSS 3 Backgrounds and Borders</a> est gérée sous le nom de <a href="/fr/docs/Web/CSS/-moz-background-size" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>-moz-background-size</code></a>.</dd> + <dd>La propriété <code>background-size</code> du <a class="external" href="http://dev.w3.org/csswg/css3-background/">brouillon CSS 3 Backgrounds and Borders</a> est gérée sous le nom de <a href="/fr/docs/Web/CSS/-moz-background-size" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>-moz-background-size</code></a>.</dd> <dt><a href="https://developer.mozilla.org/en-US/docs/WOFF" title="https://developer.mozilla.org/en-US/docs/WOFF">Support des polices WOFF</a></dt> <dd><a href="/fr/docs/Web/CSS/@font-face" title="La règle @ @font-face permet de définir les polices d'écriture à utiliser pour afficher le texte de pages web. Cette police peut être chargée depuis un serveur distant ou depuis l'ordinateur de l'utilisateur. Si la fonction local() est utilisée, elle indique à l'agent utilisateur de prendre en compte une police présente sur le poste de l'utilisateur."><code>@font-face</code></a> supporte désormais le format de polices Web téléchargeables WOFF</dd> <dt><a href="https://developer.mozilla.org/en-US/docs/CSS/pointer-events" title="https://developer.mozilla.org/en-US/docs/CSS/pointer-events">Evènements pointeurs</a></dt> @@ -85,7 +85,7 @@ original_slug: Mozilla/Firefox/Versions/3.6 <h4 id="Autres_changements_CSS">Autres changements CSS</h4> <ul> - <li>L'unité de longueur <a class="internal" href="https://developer.mozilla.org/fr/docs/CSS/longueur" title="CSS/longueur"><code>rem</code></a> de <a class="external" href="http://www.w3.org/TR/css3-values/#lengths" title="http://www.w3.org/TR/css3-values/#lengths">CSS3 Values and Units</a> est maintenant supportée. Voir <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=472195" title="FIXED: support css3 root em ('rem' or 're') units">bug 472195</a>.</li> + <li>L'unité de longueur <a class="internal" href="https://developer.mozilla.org/fr/docs/CSS/longueur" title="CSS/longueur"><code>rem</code></a> de <a class="external" href="http://www.w3.org/TR/css3-values/#lengths">CSS3 Values and Units</a> est maintenant supportée. Voir <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=472195" title="FIXED: support css3 root em ('rem' or 're') units">bug 472195</a>.</li> <li><a href="/fr/docs/Web/CSS/image-rendering" title="La propriété image-rendering fournit une indication au navigateur à propos de l'algorithme qui devrait être utilisé pour redimensionner les images. Elle s'applique à l'élément visé, aux images fournies via les autres propriétés CSS et aux éléments fils."><code>image-rendering</code></a> est gérée pour les images, images de fond, vidéos et canvas. Voir <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=423756" title="FIXED: Request: Switch for authors to turn on/off bilinear filtering when enlarging images">bug 423756</a>.</li> <li><a href="/fr/docs/Web/CSS/text-align" title="La propriété text-align définit la façon dont un texte en ligne (inline) est alignée dans le bloc de son élément parent. Cette propriété fonctionne comme vertical-align mais dans le sens horizontal."><code>text-align</code></a>:end est maintenant supportée. Voir <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=299837" title="FIXED: [FIX]add support for text-align: end">bug 299837</a>.</li> <li>Les changements DOM sur des éléments utilisant les types de <a href="/fr/docs/Web/CSS/display" title="La propriété display définit le type d'affichage utilisée pour le rendu d'un élément. Ce type d'affichage possède deux composantes : le type d'affichage extérieur qui définit comment la boîte participe au flux et le type d'affichage intérieur qui définit l'organisation des éléments enfants."><code>display</code></a> table fonctionnent beaucoup mieux.</li> @@ -140,7 +140,7 @@ original_slug: Mozilla/Firefox/Versions/3.6 <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> <li>L'attribut <a href="https://developer.mozilla.org/en-US/docs/DOM/document.readyState" title="https://developer.mozilla.org/en-US/docs/DOM/document.readyState"><code>document.readyState</code></a> est désormais supporté. <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=347174" title='FIXED: Implement document.readystate == "complete"'>bug 347174</a></li> <li>Gestion de l'attribut HTML5 <a href="https://developer.mozilla.org/en-US/docs/DOM/element.classList" title="https://developer.mozilla.org/en-US/docs/DOM/element.classList"><code>element.classList</code></a> pour permettre une gestion plus aisée de l'attribut class. <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=501257" title="FIXED: Implement HTML 5's HTMLElement.classList property">bug 501257</a></li> - <li><code>localName</code> et <code>namespaceURI</code> dans les documents HTML se comportent à présent comme dans les documents XHTML : <code>localName</code> est renvoyé en minuscules et la propriété <code>namespaceURI</code> pour les éléments HTML est <code>"<a href="http://www.w3.org/1999/xhtml" title="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"</code>.</li> + <li><code>localName</code> et <code>namespaceURI</code> dans les documents HTML se comportent à présent comme dans les documents XHTML : <code>localName</code> est renvoyé en minuscules et la propriété <code>namespaceURI</code> pour les éléments HTML est <code>"<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"</code>.</li> <li><a class="internal" href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS" title="DOM/element.getElementsByTagNameNS"><code>element.getElementsByTagNameNS</code></a> son argument n'est plus en minuscules, alors en lettres majuscules ASCII dans l'argument établit des chaînes contre des éléments HTML échouent. Cela est vrai aussi pour <a class="internal" href="https://developer.mozilla.org/en-US/docs/DOM/document.getElementsByTagNameNS" title="DOM/document.getElementsByTagNameNS"><code>document.getElementsByTagNameNS</code></a>.</li> <li>Ajout de la gestion des adresses dans la géolocalisation via l'interface <code><a href="/fr/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMGeoPositionAddress" title="">nsIDOMGeoPositionAddress</a></code> et d'un nouveau champ dans <code><a href="/fr/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMGeoPosition" title="">nsIDOMGeoPosition</a></code>.</li> <li>La fonction <a href="/fr/docs/Web/API/Window/getComputedStyle" title="La méthode window.getComputedStyle() donne la valeur calculée finale de toutes les propriétés CSS sur un élément."><code>window.getComputedStyle</code></a> renvoie à présent les guillemets autour des valeurs url().</li> diff --git a/files/fr/mozilla/firefox/releases/4/index.html b/files/fr/mozilla/firefox/releases/4/index.html index eb8db1df7c..20b62b8bee 100644 --- a/files/fr/mozilla/firefox/releases/4/index.html +++ b/files/fr/mozilla/firefox/releases/4/index.html @@ -608,7 +608,7 @@ Gecko 2.0 note <li>La préférence <code>accessibility.disablecache</code> n'est plus supportée, elle a seulement été utilisée à des fins de débogage et n'est plus employée.</li> <li>Les extensions dont le GUID change d'une version à une autre peuvent maintenant être mise à jour correctement.</li> <li>As a side effect of the removal of platform-specific directories in add-on bundles, you can no longer provide different default preferences for each platform.</li> - <li>Par défaut, <a class="external" href="http://blog.mozilla.com/mwu/2010/09/10/extensions-now-installed-packed/" title="http://blog.mozilla.com/mwu/2010/09/10/extensions-now-installed-packed/">les extensions ne sont plus décompressées quand elles sont installées</a>, mais sont plutôt exécutées directement à partir du fichier XPI. Les extensions peuvent utiliser la propriété <a class="internal" href="https://developer.mozilla.org/en-US/docs/Install_Manifests#unpack" title="Install_Manifests#unpack">unpack</a> dans le <a class="internal" href="https://developer.mozilla.org/fr/docs/Manifestes_d'installation" title="Manifestes_d'installation">manifeste d'installation</a> pour choisir l'ancien comportement. Les extensions qui utilisent des composants binaires, des DLLs chargées avec <a class="internal" href="https://developer.mozilla.org/en-US/docs/js-ctypes" title="js-ctypes">js-ctypes</a>, des <a class="internal" href="https://developer.mozilla.org/fr/docs/Création_de_plugins_OpenSearch_pour_Firefox" title="Création_de_plugins_OpenSearch_pour_Firefox">plugins de recherche</a>, des dictionnaires et une fenêtre d'icônes doivent préciser ce dont elles ont besoin pour être décompressées. Les extensions qui <a class="internal" href="https://developer.mozilla.org/en-US/docs/XUL_School/Local_Storage#SQLite" title="XUL_School/Local_Storage#SQLite">créent des bases de données SQLite</a>, ou font des copies de fichiers du système relatifs au répertoire de l'extension, peuvent aussi avoir besoin de modifier leur code.</li> + <li>Par défaut, <a class="external" href="http://blog.mozilla.com/mwu/2010/09/10/extensions-now-installed-packed/">les extensions ne sont plus décompressées quand elles sont installées</a>, mais sont plutôt exécutées directement à partir du fichier XPI. Les extensions peuvent utiliser la propriété <a class="internal" href="https://developer.mozilla.org/en-US/docs/Install_Manifests#unpack" title="Install_Manifests#unpack">unpack</a> dans le <a class="internal" href="https://developer.mozilla.org/fr/docs/Manifestes_d'installation" title="Manifestes_d'installation">manifeste d'installation</a> pour choisir l'ancien comportement. Les extensions qui utilisent des composants binaires, des DLLs chargées avec <a class="internal" href="https://developer.mozilla.org/en-US/docs/js-ctypes" title="js-ctypes">js-ctypes</a>, des <a class="internal" href="https://developer.mozilla.org/fr/docs/Création_de_plugins_OpenSearch_pour_Firefox" title="Création_de_plugins_OpenSearch_pour_Firefox">plugins de recherche</a>, des dictionnaires et une fenêtre d'icônes doivent préciser ce dont elles ont besoin pour être décompressées. Les extensions qui <a class="internal" href="https://developer.mozilla.org/en-US/docs/XUL_School/Local_Storage#SQLite" title="XUL_School/Local_Storage#SQLite">créent des bases de données SQLite</a>, ou font des copies de fichiers du système relatifs au répertoire de l'extension, peuvent aussi avoir besoin de modifier leur code.</li> <li>You may now include extensions that <a href="https://developer.mozilla.org/en-US/docs/Developer_Guide/Customizing_Firefox#Including_extensions_with_your_distribution_of_Firefox" title="Developer Guide/Customizing Firefox#Including extensions with your distribution of Firefox">automatically get installed at application startup</a> within a customized Firefox.</li> </ul> diff --git a/files/fr/mozilla/firefox/releases/5/index.html b/files/fr/mozilla/firefox/releases/5/index.html index 072dc7e5d8..4f0b61732d 100644 --- a/files/fr/mozilla/firefox/releases/5/index.html +++ b/files/fr/mozilla/firefox/releases/5/index.html @@ -30,7 +30,7 @@ original_slug: Mozilla/Firefox/Versions/5 <li>Spécifier des valeurs non finies lors de l'ajout de couleur arrête l'ajout via un appel à <code>addColorStop()</code> de la méthode {{domxref("CanvasGradient")}} en renvoyant désormais <code>INDEX_SIZE_ERR</code> à la place de <code>SYNTAX_ERR</code>.</li> <li>La méthode {{domxref("HTMLCanvasElement")}} <code>toDataURL()</code> now correctly lower-cases the specified MIME type before matching.</li> <li><code>getImageData()</code> accepte maintenant correctement les rectangles qui vont au-delà des limites de la zone, les pixels qui sont en dehors de la zone sont mis en noir transparent.</li> - <li><code>drawImage()</code> et <code>createImageData()</code> traitent désormais les arguments négatifs conformément à la spécification, en retournant le rectangle autour de l'axe approprié. <strong>Nous avons besoin d'un article sur <a class="external" href="http://dev.w3.org/csswg/css3-images/#default-sizing" title="http://dev.w3.org/csswg/css3-images/#default-sizing">CSS sizing</a> et son fonctionnement.</strong></li> + <li><code>drawImage()</code> et <code>createImageData()</code> traitent désormais les arguments négatifs conformément à la spécification, en retournant le rectangle autour de l'axe approprié. <strong>Nous avons besoin d'un article sur <a class="external" href="http://dev.w3.org/csswg/css3-images/#default-sizing">CSS sizing</a> et son fonctionnement.</strong></li> <li>La spécification de valeurs non-finies lors de l'appel de <code>createImageData()</code> renvoi maintenant l'exception <code>NOT_SUPPORTED_ERR</code>.</li> <li><code>createImageData()</code> et <code>getImageData()</code> retournent maintenant correctement une valeur d'un pixel en données d'image si un rectangle plus petit qu'un petit qu'un pixel est spécifié.</li> <li>La spécification d'un angle négatif lors de l'appel de <code>createRadialGradient()</code> renvoi désormais <code>INDEX_SIZE_ERR</code>.</li> @@ -89,7 +89,7 @@ original_slug: Mozilla/Firefox/Versions/5 <h3 id="MathML">MathML</h3> <ul> - <li>Support des <a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#id.3.2.5.7.3" title="http://www.w3.org/TR/MathML3/chapter3.html#id.3.2.5.7.3">opérateurs embellis</a></li> + <li>Support des <a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#id.3.2.5.7.3">opérateurs embellis</a></li> </ul> <h3 id="Outils_pour_les_développeurs">Outils pour les développeurs</h3> diff --git a/files/fr/mozilla/firefox/releases/6/index.html b/files/fr/mozilla/firefox/releases/6/index.html index 91a02833f9..b3c31b4e8e 100644 --- a/files/fr/mozilla/firefox/releases/6/index.html +++ b/files/fr/mozilla/firefox/releases/6/index.html @@ -183,7 +183,7 @@ original_slug: Mozilla/Firefox/Versions/6 <ul> <li>Le support des microrésumés a été enlevé, ils n'ont jamais été très utilisés, n'étaient pas très détectable et continuer leur support été d'apporter des améliorations à Places (favoris et historique) à l'architecture difficile.</li> - <li>WebGL supporte maintenant l'extension <a class="external" href="http://www.khronos.org/registry/gles/extensions/OES/OES_texture_float.txt" title="http://www.khronos.org/registry/gles/extensions/OES/OES_texture_float.txt"><code>OES_texture_float</code></a>.</li> + <li>WebGL supporte maintenant l'extension <a class="external" href="http://www.khronos.org/registry/gles/extensions/OES/OES_texture_float.txt"><code>OES_texture_float</code></a>.</li> <li>Le nouvel outil <a class="internal" href="https://developer.mozilla.org/fr/docs/Outils/Ardoise" title="Outils/Ardoise">Ardoise</a> offre un endroit pratique pour expérimenter du code JavaScript.</li> <li>La méthode <code>console.trace()</code> a été ajouté à <a class="internal" href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console" title="Using_the_Web_Console">ConsoleAPI</a> (voir <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=585956" title="FIXED: Implement console.trace() in web console">bug 585956</a>).</li> </ul> diff --git a/files/fr/mozilla/firefox/releases/7/index.html b/files/fr/mozilla/firefox/releases/7/index.html index 107b3c18ea..ee23e2563e 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">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/">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> @@ -83,7 +83,7 @@ original_slug: Mozilla/Firefox/Versions/7 <ul> <li>la préférence <code>network.websocket.max-connections</code> est utilisée pour déterminer le nombre maximum de connexions à WebSocket qui peuvent être ouvertes en même temps. La valeur par défaut est 200.</li> - <li>La version 8 du protocole WebSocket (comme spécifié par <a class="external" href="http://tools.ietf.org/html/draft-ietf-hybi-thewebsocketprotocol-10" title="http://tools.ietf.org/html/draft-ietf-hybi-thewebsocketprotocol-10">IETF draft 10</a>) est maintenant utilisé à la place de la version 7 du protocole utilisé par Firefox 6.</li> + <li>La version 8 du protocole WebSocket (comme spécifié par <a class="external" href="http://tools.ietf.org/html/draft-ietf-hybi-thewebsocketprotocol-10">IETF draft 10</a>) est maintenant utilisé à la place de la version 7 du protocole utilisé par Firefox 6.</li> <li>L'API WebSocket est maintenant disponible sur Firefox Mobile.</li> </ul> @@ -103,7 +103,7 @@ original_slug: Mozilla/Firefox/Versions/7 <h3 id="XML">XML</h3> <ul> - <li>En plus de la précédente prise en charge de <code>text/xsl</code>, les feuilles de style XSLT peuvent désormais utiliser les médias Internet officiels (MIME) de type <code>application/xslt+xml</code> (dans la <a class="external" href="http://www.w3.org/TR/xml-stylesheet/" title="http://www.w3.org/TR/xml-stylesheet/">feuille de style d'instruction de traitement</a> ou le <a class="external" href="http://tools.ietf.org/html/rfc5988">champ d'en-tête HTTP Link</a>).</li> + <li>En plus de la précédente prise en charge de <code>text/xsl</code>, les feuilles de style XSLT peuvent désormais utiliser les médias Internet officiels (MIME) de type <code>application/xslt+xml</code> (dans la <a class="external" href="http://www.w3.org/TR/xml-stylesheet/">feuille de style d'instruction de traitement</a> ou le <a class="external" href="http://tools.ietf.org/html/rfc5988">champ d'en-tête HTTP Link</a>).</li> </ul> </div> @@ -231,7 +231,7 @@ 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">pourrait casser les extensions</a> et les thèmes</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">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> 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 96c99d80b4..202a01ed61 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 @@ -27,7 +27,7 @@ original_slug: Web/API/IndexedDB_API/Basic_Concepts_Behind_IndexedDB <h2 id="Vue_densemble_dIndexedDB">Vue d'ensemble d'IndexedDB</h2> -<p>IndexedDB vous permet de stocker et récupérer des objets qui sont indexés avec une "clé". Tous les changements que vous faites dans la base de données sont forcément transactionnels. Comme la plupart des solutions de stockage du web, IndexedDB respecte la politique de sécurité utilisant l'origne (<a class="external" href="http://www.w3.org/Security/wiki/Same_Origin_Policy" title="http://www.w3.org/Security/wiki/Same_Origin_Policy">same-origin policy</a>). Ainsi, vous pouvez accéder aux données stockées d'un domaine, alors que vous ne pouvez pas accéder aux données de domaines différents.</p> +<p>IndexedDB vous permet de stocker et récupérer des objets qui sont indexés avec une "clé". Tous les changements que vous faites dans la base de données sont forcément transactionnels. Comme la plupart des solutions de stockage du web, IndexedDB respecte la politique de sécurité utilisant l'origne (<a class="external" href="http://www.w3.org/Security/wiki/Same_Origin_Policy">same-origin policy</a>). Ainsi, vous pouvez accéder aux données stockées d'un domaine, alors que vous ne pouvez pas accéder aux données de domaines différents.</p> <p>IndexedDB est une API <a href="https://developer.mozilla.org/fr/docs/Web/API/API_IndexedDB#Asynchronous_API" title="/en/IndexedDB#Asynchronous_API">asynchrone</a> qui peut être utilisée dans la plupart des contextes, <a href="https://developer.mozilla.org/fr/docs/Utilisation_des_web_workers" title="/fr/docs/DOM/Using_web_workers">Web Workers</a> inclus. Elle comportait également une version <a href="https://developer.mozilla.org/fr/docs/Web/API/API_IndexedDB#Synchronous_API" title="/en/IndexedDB#Synchronous_API">synchrone</a> prévue pour être utilisée dans des <a href="https://developer.mozilla.org/fr/docs/Utilisation_des_web_workers" title="/fr/docs/DOM/Using_web_workers">Web Workers</a>. mais cette option a été retirée de la spécification en raison du manque d'intérêt de la communauté Web.</p> @@ -188,7 +188,7 @@ original_slug: Web/API/IndexedDB_API/Basic_Concepts_Behind_IndexedDB <p>Spécification</p> <ul> - <li><a href="http://www.w3.org/TR/IndexedDB/" title="http://www.w3.org/TR/IndexedDB/"><span style="direction: ltr;">Indexed Database API Specification</span></a></li> + <li><a href="http://www.w3.org/TR/IndexedDB/"><span style="direction: ltr;">Indexed Database API Specification</span></a></li> </ul> <p>Référence</p> diff --git a/files/fr/orphaned/web/api/svgstylable/index.html b/files/fr/orphaned/web/api/svgstylable/index.html index f0f30a82ce..b390bf8d97 100644 --- a/files/fr/orphaned/web/api/svgstylable/index.html +++ b/files/fr/orphaned/web/api/svgstylable/index.html @@ -42,7 +42,7 @@ original_slug: Web/API/SVGStylable </tr> <tr> <th scope="row">Norme</th> - <td><a class="external" href="http://www.w3.org/TR/SVG11/types.html#InterfaceSVGStylable" title="http://www.w3.org/TR/SVG11/types.html#InterfaceSVGStylable">SVG 1.1 (2e Édition)</a></td> + <td><a class="external" href="http://www.w3.org/TR/SVG11/types.html#InterfaceSVGStylable">SVG 1.1 (2e Édition)</a></td> </tr> </tbody> </table> 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 f1538efccb..0b9d18345a 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 @@ -7,7 +7,7 @@ tags: translation_of: Web/Guide/HTML/HTML5/Introduction_to_HTML5 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><a class="external" href="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"> CanIUse</a> .</p> diff --git a/files/fr/tools/3d_view/index.html b/files/fr/tools/3d_view/index.html index 8e0bf71ced..8a6203a92e 100644 --- a/files/fr/tools/3d_view/index.html +++ b/files/fr/tools/3d_view/index.html @@ -98,5 +98,5 @@ original_slug: Outils/Vue_3D <li><a href="/fr/Tools/Page_Inspector/HTML_panel" title="HTML panel">Panneau HTML</a></li> <li><a href="/fr/Tools/Page_Inspector/Style_panel" title="en/Tools/Page_Inspector/Style panel">Panneau Style</a></li> <li><a href="/fr/Tools" title="Outils">Outils</a></li> - <li><a class="external" href="http://hacks.mozilla.org/2011/12/new-developer-tools-in-firefox-11-aurora/" title="http://hacks.mozilla.org/2011/12/new-developer-tools-in-firefox-11-aurora/">Nouveaux outils de développement dans Firefox 11 Aurora</a> (blog post)</li> + <li><a class="external" href="http://hacks.mozilla.org/2011/12/new-developer-tools-in-firefox-11-aurora/">Nouveaux outils de développement dans Firefox 11 Aurora</a> (blog post)</li> </ul> diff --git a/files/fr/tools/keyboard_shortcuts/index.html b/files/fr/tools/keyboard_shortcuts/index.html index 9f9525c213..37e0075cfc 100644 --- a/files/fr/tools/keyboard_shortcuts/index.html +++ b/files/fr/tools/keyboard_shortcuts/index.html @@ -751,7 +751,7 @@ original_slug: Outils/Raccourcis_claviers </tbody> </table> -<p><a name="mac-function-key-note"></a>1. Sur certains Mac, les touches fonctions sont reconfigurées par défaut pour une fonction particulière, comme le réglage du volume ou de la luminosité. Consultez ce <a href="http://support.apple.com/kb/HT3399" title="http://sHautport.apple.com/kb/HT3399">guide pour utiliser ces touches comme des touches fonctions standards</a>. Pour utiliser une touche reconfigurée comme une touche standard, maintenir la touche fonction enfoncée (ainsi pour ouvrir le profileur, utiliser <kbd>Maj + Function + F5</kbd>).</p> +<p><a name="mac-function-key-note"></a>1. Sur certains Mac, les touches fonctions sont reconfigurées par défaut pour une fonction particulière, comme le réglage du volume ou de la luminosité. Consultez ce <a href="http://support.apple.com/kb/HT3399">guide pour utiliser ces touches comme des touches fonctions standards</a>. Pour utiliser une touche reconfigurée comme une touche standard, maintenir la touche fonction enfoncée (ainsi pour ouvrir le profileur, utiliser <kbd>Maj + Function + F5</kbd>).</p> <div class="blockIndicator note"> <p><strong>Note:</strong> Avant Firefox 66, la combinaison <kbd>Ctrl</kbd> + <kbd>Maj</kbd> + <kbd>S</kbd> sur Windows et Linux ou <kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>S</kbd> sur macOS ouvrait/fermait le Débogueur. Depuis Firefox 66, ce n'est plus le cas</p> 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 e48c0d9233..7a8ea23caf 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 @@ -42,7 +42,7 @@ original_slug: Outils/Débogage_distant/Debugging_Firefox_for_Android_with_WebID <h3 id="Configurer_l'appareil_Android">Configurer l'appareil Android</h3> -<p>Tout d'abord, activez le débogage USB en suivant les étapes<a class="external external-icon" href="http://developer.android.com/guide/developing/device.html#setting-up" title="http://developer.android.com/guide/developing/device.html#setting-up">2 et 3 de ce lien et uniquement ce lien</a>.</p> +<p>Tout d'abord, activez le débogage USB en suivant les étapes<a class="external external-icon" href="http://developer.android.com/guide/developing/device.html#setting-up">2 et 3 de ce lien et uniquement ce lien</a>.</p> <p>Ensuite, activez le débogage distant dans Firefox pour Android : Ouvrez le navigateur, ouvre le menu et sélectionnez "Options" puis "Outils de développement" (sur certains appareils il peut être nécessaire de sélectionner "Plus" pour voir "Options"). Maintenant, cochez la case "Débogage distant" :</p> diff --git a/files/fr/tools/view_source/index.html b/files/fr/tools/view_source/index.html index 7f353884b8..9f2f23c2d3 100644 --- a/files/fr/tools/view_source/index.html +++ b/files/fr/tools/view_source/index.html @@ -76,5 +76,5 @@ original_slug: Outils/View_source <h2 id="A_voir_également">A voir également</h2> <ul> - <li><a class="external" href="http://hsivonen.iki.fi/view-source/" title="http://hsivonen.iki.fi/view-source/">HTML5 Parser-Based View Source Syntax Highlighting</a> (post de blog)</li> + <li><a class="external" href="http://hsivonen.iki.fi/view-source/">HTML5 Parser-Based View Source Syntax Highlighting</a> (post de blog)</li> </ul> diff --git a/files/fr/web/svg/attribute/color/index.html b/files/fr/web/svg/attribute/color/index.html index 5e522f0b59..461a173d1b 100644 --- a/files/fr/web/svg/attribute/color/index.html +++ b/files/fr/web/svg/attribute/color/index.html @@ -30,7 +30,7 @@ translation_of: Web/SVG/Attribute/color </tr> <tr> <th scope="row">Document normatif</th> - <td><a class="external" href="http://www.w3.org/TR/SVG11/color.html#ColorProperty" title="http://www.w3.org/TR/SVG11/color.html#ColorProperty">SVG 1.1 (2nd Edition)</a></td> + <td><a class="external" href="http://www.w3.org/TR/SVG11/color.html#ColorProperty">SVG 1.1 (2nd Edition)</a></td> </tr> </tbody> </table> diff --git a/files/fr/web/svg/attribute/height/index.html b/files/fr/web/svg/attribute/height/index.html index 848ac09f35..bb08f32bcd 100644 --- a/files/fr/web/svg/attribute/height/index.html +++ b/files/fr/web/svg/attribute/height/index.html @@ -30,14 +30,14 @@ translation_of: Web/SVG/Attribute/height </tr> <tr> <th scope="row">Documents normatif</th> - <td><a class="external" href="http://www.w3.org/TR/SVG/extend.html#ForeignObjectElementHeightAttribute" title="http://www.w3.org/TR/SVG/extend.html#ForeignObjectElementHeightAttribute">SVG 1.1 (2nd Edition): foreignObject element</a><br> - <a class="external" href="http://www.w3.org/TR/SVG/struct.html#ImageElementHeightAttribute" title="http://www.w3.org/TR/SVG/struct.html#ImageElementHeightAttribute">SVG 1.1 (2nd Edition): image element</a><br> - <a class="external" href="http://www.w3.org/TR/SVG/pservers.html#PatternElementHeightAttribute" title="http://www.w3.org/TR/SVG/pservers.html#PatternElementHeightAttribute">SVG 1.1 (2nd Edition): pattern element</a><br> - <a class="external" href="http://www.w3.org/TR/SVG/shapes.html#RectElementHeightAttribute" title="http://www.w3.org/TR/SVG/shapes.html#RectElementHeightAttribute">SVG 1.1 (2nd Edition): rect element</a><br> - <a class="external" href="http://www.w3.org/TR/SVG/struct.html#SVGElementHeightAttribute" title="http://www.w3.org/TR/SVG/struct.html#SVGElementHeightAttribute">SVG 1.1 (2nd Edition): svg element</a><br> - <a class="external" href="http://www.w3.org/TR/SVG/struct.html#UseElementHeightAttribute" title="http://www.w3.org/TR/SVG/struct.html#UseElementHeightAttribute">SVG 1.1 (2nd Edition): use element</a><br> - <a class="external" href="http://www.w3.org/TR/SVG/filters.html#FilterPrimitiveHeightAttribute" title="http://www.w3.org/TR/SVG/filters.html#FilterPrimitiveHeightAttribute">SVG 1.1 (2nd Edition): Filter primitive</a><br> - <a class="external" href="http://www.w3.org/TR/SVG/masking.html#MaskElementHeightAttribute" title="http://www.w3.org/TR/SVG/masking.html#MaskElementHeightAttribute">SVG 1.1 (2nd Edition): mask element</a></td> + <td><a class="external" href="http://www.w3.org/TR/SVG/extend.html#ForeignObjectElementHeightAttribute">SVG 1.1 (2nd Edition): foreignObject element</a><br> + <a class="external" href="http://www.w3.org/TR/SVG/struct.html#ImageElementHeightAttribute">SVG 1.1 (2nd Edition): image element</a><br> + <a class="external" href="http://www.w3.org/TR/SVG/pservers.html#PatternElementHeightAttribute">SVG 1.1 (2nd Edition): pattern element</a><br> + <a class="external" href="http://www.w3.org/TR/SVG/shapes.html#RectElementHeightAttribute">SVG 1.1 (2nd Edition): rect element</a><br> + <a class="external" href="http://www.w3.org/TR/SVG/struct.html#SVGElementHeightAttribute">SVG 1.1 (2nd Edition): svg element</a><br> + <a class="external" href="http://www.w3.org/TR/SVG/struct.html#UseElementHeightAttribute">SVG 1.1 (2nd Edition): use element</a><br> + <a class="external" href="http://www.w3.org/TR/SVG/filters.html#FilterPrimitiveHeightAttribute">SVG 1.1 (2nd Edition): Filter primitive</a><br> + <a class="external" href="http://www.w3.org/TR/SVG/masking.html#MaskElementHeightAttribute">SVG 1.1 (2nd Edition): mask element</a></td> </tr> </tbody> </table> diff --git a/files/fr/web/svg/attribute/in/index.html b/files/fr/web/svg/attribute/in/index.html index fbf020b5d7..19673d8804 100644 --- a/files/fr/web/svg/attribute/in/index.html +++ b/files/fr/web/svg/attribute/in/index.html @@ -33,7 +33,7 @@ translation_of: Web/SVG/Attribute/in </tr> <tr> <th scope="row">Document normatif</th> - <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#FilterPrimitiveInAttribute" title="http://www.w3.org/TR/SVG11/filters.html#FilterPrimitiveInAttribute">SVG 1.1 (2nd Edition)</a></td> + <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#FilterPrimitiveInAttribute">SVG 1.1 (2nd Edition)</a></td> </tr> </tbody> </table> diff --git a/files/fr/web/svg/attribute/seed/index.html b/files/fr/web/svg/attribute/seed/index.html index 3f2512fcf3..e4b985d459 100644 --- a/files/fr/web/svg/attribute/seed/index.html +++ b/files/fr/web/svg/attribute/seed/index.html @@ -30,7 +30,7 @@ translation_of: Web/SVG/Attribute/seed </tr> <tr> <th scope="row">Document normatif</th> - <td><a href="http://www.w3.org/TR/SVG11/filters.html#feTurbulenceSeedAttribute" rel="external" title="http://www.w3.org/TR/SVG11/filters.html#feTurbulenceSeedAttribute">SVG 1.1 (2nd Edition)</a></td> + <td><a href="http://www.w3.org/TR/SVG11/filters.html#feTurbulenceSeedAttribute" rel="external">SVG 1.1 (2nd Edition)</a></td> </tr> </tbody> </table> diff --git a/files/fr/web/svg/attribute/stroke-dasharray/index.html b/files/fr/web/svg/attribute/stroke-dasharray/index.html index e9842ed964..0680b8e9bc 100644 --- a/files/fr/web/svg/attribute/stroke-dasharray/index.html +++ b/files/fr/web/svg/attribute/stroke-dasharray/index.html @@ -48,7 +48,7 @@ translation_of: Web/SVG/Attribute/stroke-dasharray </tr> <tr> <th scope="row">Document normatif</th> - <td><a class="external" href="http://www.w3.org/TR/SVG/painting.html#StrokeDasharrayProperty" title="http://www.w3.org/TR/SVG/painting.html#StrokeDasharrayProperty">SVG 1.1 (2nd Edition)</a></td> + <td><a class="external" href="http://www.w3.org/TR/SVG/painting.html#StrokeDasharrayProperty">SVG 1.1 (2nd Edition)</a></td> </tr> </tbody> </table> diff --git a/files/fr/web/svg/attribute/width/index.html b/files/fr/web/svg/attribute/width/index.html index fe3a191725..6ac999e8fe 100644 --- a/files/fr/web/svg/attribute/width/index.html +++ b/files/fr/web/svg/attribute/width/index.html @@ -27,14 +27,14 @@ translation_of: Web/SVG/Attribute/width </tr> <tr> <th scope="row">Document normatif</th> - <td><a class="external" href="http://www.w3.org/TR/SVG/extend.html#ForeignObjectElementWidthAttribute" title="http://www.w3.org/TR/SVG/extend.html#ForeignObjectElementWidthAttribute">SVG 1.1 (2nd Edition): foreignObject element</a><br> - <a class="external" href="http://www.w3.org/TR/SVG/struct.html#ImageElementWidthAttribute" title="http://www.w3.org/TR/SVG/struct.html#ImageElementWidthAttribute">SVG 1.1 (2nd Edition): image element</a><br> - <a class="external" href="http://www.w3.org/TR/SVG/pservers.html#PatternElementWidthAttribute" title="http://www.w3.org/TR/SVG/pservers.html#PatternElementWidthAttribute">SVG 1.1 (2nd Edition): pattern element</a><br> - <a class="external" href="http://www.w3.org/TR/SVG/shapes.html#RectElementWidthAttribute" title="http://www.w3.org/TR/SVG/shapes.html#RectElementWidthAttribute">SVG 1.1 (2nd Edition): rect element</a><br> - <a class="external" href="http://www.w3.org/TR/SVG/struct.html#SVGElementWidthAttribute" title="http://www.w3.org/TR/SVG/struct.html#SVGElementWidthAttribute">SVG 1.1 (2nd Edition): svg element</a><br> - <a class="external" href="http://www.w3.org/TR/SVG/struct.html#UseElementWidthAttribute" title="http://www.w3.org/TR/SVG/struct.html#UseElementWidthAttribute">SVG 1.1 (2nd Edition): use element</a><br> - <a class="external" href="http://www.w3.org/TR/SVG/filters.html#FilterPrimitiveWidthAttribute" title="http://www.w3.org/TR/SVG/filters.html#FilterPrimitiveWidthAttribute">SVG 1.1 (2nd Edition): Filter primitive</a><br> - <a class="external" href="http://www.w3.org/TR/SVG/masking.html#MaskElementWidthAttribute" title="http://www.w3.org/TR/SVG/masking.html#MaskElementWidthAttribute">SVG 1.1 (2nd Edition): mask element</a></td> + <td><a class="external" href="http://www.w3.org/TR/SVG/extend.html#ForeignObjectElementWidthAttribute">SVG 1.1 (2nd Edition): foreignObject element</a><br> + <a class="external" href="http://www.w3.org/TR/SVG/struct.html#ImageElementWidthAttribute">SVG 1.1 (2nd Edition): image element</a><br> + <a class="external" href="http://www.w3.org/TR/SVG/pservers.html#PatternElementWidthAttribute">SVG 1.1 (2nd Edition): pattern element</a><br> + <a class="external" href="http://www.w3.org/TR/SVG/shapes.html#RectElementWidthAttribute">SVG 1.1 (2nd Edition): rect element</a><br> + <a class="external" href="http://www.w3.org/TR/SVG/struct.html#SVGElementWidthAttribute">SVG 1.1 (2nd Edition): svg element</a><br> + <a class="external" href="http://www.w3.org/TR/SVG/struct.html#UseElementWidthAttribute">SVG 1.1 (2nd Edition): use element</a><br> + <a class="external" href="http://www.w3.org/TR/SVG/filters.html#FilterPrimitiveWidthAttribute">SVG 1.1 (2nd Edition): Filter primitive</a><br> + <a class="external" href="http://www.w3.org/TR/SVG/masking.html#MaskElementWidthAttribute">SVG 1.1 (2nd Edition): mask element</a></td> </tr> </tbody> </table> diff --git a/files/fr/web/svg/tutorial/basic_transformations/index.html b/files/fr/web/svg/tutorial/basic_transformations/index.html index 64caa0cc7f..003a88dc05 100644 --- a/files/fr/web/svg/tutorial/basic_transformations/index.html +++ b/files/fr/web/svg/tutorial/basic_transformations/index.html @@ -77,7 +77,7 @@ original_slug: Web/SVG/Tutoriel/Transformations_de_base <p><math display="block"><semantics><mrow><mo>{</mo><mtable rowspacing="0.5ex"><mtr><mtd><msub><mi>x</mi><mstyle mathvariant="normal"><mrow><mi>new</mi><mi></mi><mi>C</mi><mi>o</mi><mi>o</mi><mi>r</mi><mi>d</mi><mi>S</mi><mi>y</mi><mi>s</mi></mrow></mstyle></msub><mo>=</mo><mi>a</mi><msub><mi>x</mi><mstyle mathvariant="normal"><mrow><mi>prev</mi><mi>C</mi><mi>o</mi><mi>o</mi><mi>r</mi><mi>d</mi><mi>S</mi><mi>y</mi><mi>s</mi></mrow></mstyle></msub><mo>+</mo><mi>c</mi><msub><mi>y</mi><mstyle mathvariant="normal"><mrow><mi>prev</mi><mi></mi><mi>C</mi><mi>o</mi><mi>o</mi><mi>r</mi><mi>d</mi><mi>S</mi><mi>y</mi><mi>s</mi></mrow></mstyle></msub><mo>+</mo><mi>e</mi></mtd></mtr><mtr><mtd><msub><mi>y</mi><mstyle mathvariant="normal"><mrow><mi>new</mi><mi></mi><mi>C</mi><mi>o</mi><mi>o</mi><mi>r</mi><mi>d</mi><mi>S</mi><mi>y</mi><mi>s</mi></mrow></mstyle></msub><mo>=</mo><mi>b</mi><msub><mi>x</mi><mstyle mathvariant="normal"><mrow><mi>prev</mi><mi></mi><mi>C</mi><mi>o</mi><mi>o</mi><mi>r</mi><mi>d</mi><mi>S</mi><mi>y</mi><mi>s</mi></mrow></mstyle></msub><mo>+</mo><mi>d</mi><msub><mi>y</mi><mstyle mathvariant="normal"><mrow><mi>prev</mi><mi>C</mi><mi>o</mi><mi>o</mi><mi>r</mi><mi>d</mi><mi>S</mi><mi>y</mi><mi>s</mi></mrow></mstyle></msub><mo>+</mo><mi>f</mi></mtd></mtr></mtable></mrow><annotation encoding="TeX">\left\{ \begin{matrix} x_{\mathrm{prevCoordSys}} = a x_{\mathrm{newCoordSys}} + c y_{\mathrm{newCoordSys}} + e \\ y_{\mathrm{prevCoordSys}} = b x_{\mathrm{newCoordSys}} + d y_{\mathrm{newCoordSys}} + f \end{matrix} \right. </annotation></semantics></math></p> -<p>Voici un <a href="/en-US/docs/Web/SVG/Attribute/transform#General_Transformation">exemple concret sur la documentation de transformation SVG</a>. Pour plus de renseignements, veuillez vous référer à <a class="external" href="http://www.w3.org/TR/SVG/coords.html#TransformMatrixDefined" title="http://www.w3.org/TR/SVG/coords.html#TransformMatrixDefined">la page de recommandation SVG</a>.</p> +<p>Voici un <a href="/en-US/docs/Web/SVG/Attribute/transform#General_Transformation">exemple concret sur la documentation de transformation SVG</a>. Pour plus de renseignements, veuillez vous référer à <a class="external" href="http://www.w3.org/TR/SVG/coords.html#TransformMatrixDefined">la page de recommandation SVG</a>.</p> <h2 class="editable" id="Effets_sur_les_systèmes_de_coordonnées"><span>Effets sur les systèmes de coordonnées</span></h2> diff --git a/files/fr/web/svg/tutorial/fills_and_strokes/index.html b/files/fr/web/svg/tutorial/fills_and_strokes/index.html index 3818fd48da..6a17f408d6 100644 --- a/files/fr/web/svg/tutorial/fills_and_strokes/index.html +++ b/files/fr/web/svg/tutorial/fills_and_strokes/index.html @@ -123,7 +123,7 @@ original_slug: Web/SVG/Tutoriel/Fills_and_Strokes <p>En plus de définir des attributs sur des objets, vous pouvez également utiliser CSS pour styliser les remplissages et les contours. Tous les attributs ne peuvent pas être définis via CSS. Ceux qui traitent le remplissage et le contour le sont généralement, <code>fill</code>, <code>stroke</code>, <code>stroke-dasharray</code>, etc... peuvent donc être définis de cette manière. Les attributs tels que <code>width</code>, <code>height</code>, ou les commandes des paths, ne peuvent pas être définis par CSS. Le plus simple est de tester pour découvrir ce qui est disponible et ce qui ne l'est pas.</p> -<div class="note style-wrap"><strong>Note:</strong> La <a class="external" href="http://www.w3.org/TR/SVG/propidx.html" title="http://www.w3.org/TR/SVG/propidx.html">spécification SVG</a> décide strictement entre les attributs qui sont des <em>propriétés</em> et les autres. Les premiers peuvent être modifiés avec CSS, les derniers non.</div> +<div class="note style-wrap"><strong>Note:</strong> La <a class="external" href="http://www.w3.org/TR/SVG/propidx.html">spécification SVG</a> décide strictement entre les attributs qui sont des <em>propriétés</em> et les autres. Les premiers peuvent être modifiés avec CSS, les derniers non.</div> <h4 id="En_ligne">En ligne</h4> @@ -159,7 +159,7 @@ original_slug: Web/SVG/Tutoriel/Fills_and_Strokes <h4 id="Dans_un_fichier_externe">Dans un fichier externe</h4> -<p>Ou vous pouvez spécifier une feuille de style externe pour vos règles CSS avec la <a class="external" href="http://www.w3.org/TR/xml-stylesheet/" title="http://www.w3.org/TR/xml-stylesheet/">syntaxe XML pour les stylesheets</a>:</p> +<p>Ou vous pouvez spécifier une feuille de style externe pour vos règles CSS avec la <a class="external" href="http://www.w3.org/TR/xml-stylesheet/">syntaxe XML pour les stylesheets</a>:</p> <pre class="brush:xml;"><?xml version="1.0" standalone="no"?> <?xml-stylesheet type="text/css" href="style.css"?> diff --git a/files/fr/web/svg/tutorial/svg_fonts/index.html b/files/fr/web/svg/tutorial/svg_fonts/index.html index eb27147dfd..6584fd5dc7 100644 --- a/files/fr/web/svg/tutorial/svg_fonts/index.html +++ b/files/fr/web/svg/tutorial/svg_fonts/index.html @@ -13,13 +13,13 @@ original_slug: Web/SVG/Tutoriel/polices_SVG <p>Lorsque SVG a été spécifié, le support des polices d'écriture pour le web n'était pas répandu dans les navigateurs. Comme l'accès au fichier de la police adéquate est cependant crucial pour afficher correctement le texte, une technologie de description des polices a été ajoutée à SVG pour offrir cette capacité. Elle n'a pas été conçue pour la compatibilité avec d'autres formats tels que le PostScript ou OTF, mais plutôt comme un moyen simple d'intégration des informations des glyphes en SVG lors de l'affichage.</p> <div class="note"><strong>Les Polices d'écritures SVG sont actuellement supportées uniquement sur Safari et le navigateur Android.</strong><br> -Internet Explorer <a href="http://blogs.msdn.com/b/ie/archive/2010/08/04/html5-modernized-fourth-ie9-platform-preview-available-for-developers.aspx">n'a pas envisagé de les implémenter</a>, la fonctionnalité a été <a href="https://www.chromestatus.com/feature/5930075908210688">supprimée de Chrome 38</a> (et Opera 25) et Firefox a <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=119490" title="https://bugzilla.mozilla.org/show_bug.cgi?id=119490">reporté sa mise en œuvre indéfiniment</a> pour se concentrer sur <a href="/en/WOFF" title="en/About WOFF">WOFF</a>. Cependant, d'autres outils comme le plugin <a class="external" href="http://www.adobe.com/svg/viewer/install/" title="http://www.adobe.com/svg/viewer/install/">Adobe SVG Viewer</a>, Batik et des modèles de document d'Inkscape supportent l'incorporation des Police d'écriture SVG.</div> +Internet Explorer <a href="http://blogs.msdn.com/b/ie/archive/2010/08/04/html5-modernized-fourth-ie9-platform-preview-available-for-developers.aspx">n'a pas envisagé de les implémenter</a>, la fonctionnalité a été <a href="https://www.chromestatus.com/feature/5930075908210688">supprimée de Chrome 38</a> (et Opera 25) et Firefox a <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=119490" title="https://bugzilla.mozilla.org/show_bug.cgi?id=119490">reporté sa mise en œuvre indéfiniment</a> pour se concentrer sur <a href="/en/WOFF" title="en/About WOFF">WOFF</a>. Cependant, d'autres outils comme le plugin <a class="external" href="http://www.adobe.com/svg/viewer/install/">Adobe SVG Viewer</a>, Batik et des modèles de document d'Inkscape supportent l'incorporation des Police d'écriture SVG.</div> <p>La base pour définir une police SVG est l'élément {{ SVGElement("font") }}.</p> <h2 id="Définir_une_police">Définir une police</h2> -<p>Quelques ingrédients sont nécessaires pour intégrer une police en SVG. Prenons un exemple de déclaration (celle <a class="external" href="http://www.w3.org/TR/SVG/fonts.html#FontElement" title="http://www.w3.org/TR/SVG/fonts.html#FontElement">de la spécification</a>), et expliquons-en les détails.</p> +<p>Quelques ingrédients sont nécessaires pour intégrer une police en SVG. Prenons un exemple de déclaration (celle <a class="external" href="http://www.w3.org/TR/SVG/fonts.html#FontElement">de la spécification</a>), et expliquons-en les détails.</p> <pre class="line-numbers language-html"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token"><</span>font</span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>Font1<span class="punctuation token">"</span></span> <span class="attr-name token">horiz-adv-x</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>1000<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>font-face</span> <span class="attr-name token">font-family</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>Super Sans<span class="punctuation token">"</span></span> <span class="attr-name token">font-weight</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>bold<span class="punctuation token">"</span></span> <span class="attr-name token">font-</span><span class="language-css style-attr token"><span class="attr-name token"><span class="attr-name token">style</span></span><span class="punctuation token">="</span><span class="attr-value token">normal</span><span class="punctuation token">"</span></span> @@ -38,7 +38,7 @@ Internet Explorer <a href="http://blogs.msdn.com/b/ie/archive/2010/08/04/html5-m <p>Nous commençons avec l'élement {{ SVGElement("font") }}. Il contient un attribut id, ce qui permet de le référencer via une URI (voir plus bas). L'attribut <code>horiz-adv-x</code> définit sa largeur moyenne, comparée aux définitions des autres glyphes individules. La valeur 1000 définit une valeur raisonnable. Plusieurs autres attributs associés précisent l'affichage de la boite qui encapsule le glyphe.</p> -<p>L'élément {{ SVGElement("font-face") }} est l'équivalent SVG de la déclaration CSS <a href="https://developer.mozilla.org/en/CSS/@font-face" title="en/css/@font-face"><code>@font-face</code></a>. Il définit les propriétés de base de la police finale, telles que 'weight', 'style', etc. Dans l'exemple ci-dessus, la première et la plus importante est <code>font-family</code> : Elle pourra alors être référencée via la propriété <code>font-family</code> présente dans les CSS et les SVG. Les attributs <code>font-weight</code> et <code>font-style</code> ont la même fonction que leurs équivalents CSS. Les attributs suivants sont des instructions de rendu, pour le moteur d'affichage des polices ; par exemple : quelle est la taille des jambages supérieurs des glyphes (<a class="external external-icon" href="http://en.wikipedia.org/wiki/Ascender_%28typography%29" title="http://en.wikipedia.org/wiki/Ascender_(typography)">ascenders</a>).</p> +<p>L'élément {{ SVGElement("font-face") }} est l'équivalent SVG de la déclaration CSS <a href="https://developer.mozilla.org/en/CSS/@font-face" title="en/css/@font-face"><code>@font-face</code></a>. Il définit les propriétés de base de la police finale, telles que 'weight', 'style', etc. Dans l'exemple ci-dessus, la première et la plus importante est <code>font-family</code> : Elle pourra alors être référencée via la propriété <code>font-family</code> présente dans les CSS et les SVG. Les attributs <code>font-weight</code> et <code>font-style</code> ont la même fonction que leurs équivalents CSS. Les attributs suivants sont des instructions de rendu, pour le moteur d'affichage des polices ; par exemple : quelle est la taille des jambages supérieurs des glyphes (<a class="external external-icon" href="http://en.wikipedia.org/wiki/Ascender_%28typography%29">ascenders</a>).</p> <p>Its child, the {{ SVGElement("font-face-src") }} element, corresponds to CSS' <code>src</code> descriptor in <code>@font-face</code> declarations. You can point to external sources for font declarations by means of its children {{ SVGElement("font-face-name") }} and {{ SVGElement("font-face-uri") }}. The above example states that if the renderer has a local font available named "Super Sans Bold", it should use this instead.</p> diff --git a/files/fr/web/svg/tutorial/tools_for_svg/index.html b/files/fr/web/svg/tutorial/tools_for_svg/index.html index 00d297f0c1..473d0ba9f8 100644 --- a/files/fr/web/svg/tutorial/tools_for_svg/index.html +++ b/files/fr/web/svg/tutorial/tools_for_svg/index.html @@ -14,7 +14,7 @@ original_slug: Web/SVG/Tutoriel/Tools_for_SVG <h2 id="Inkscape">Inkscape</h2> -<p>URL: <a class="external" href="http://www.inkscape.org" title="http://www.inkscape.org/">www.inkscape.org</a></p> +<p>URL: <a class="external" href="http://www.inkscape.org">www.inkscape.org</a></p> <p>L'un des outils fondamentaux pour travailler un format graphique est un logiciel de dessin performant. Inkscape permet de faire du dessin vectoriel, il est mis à jour régulièrement, et a le mérite d'être open source.</p> @@ -38,7 +38,7 @@ original_slug: Web/SVG/Tutoriel/Tools_for_SVG <h3 id="Autres_moteurs_de_rendu">Autres moteurs de rendu</h3> -<p>Il existe plusieurs projets qui permettent d'exporter une image tramée à partie d'une source SVG. <a class="external" href="http://ImageMagick.org" title="http://imagemagick.org/">ImageMagick</a> est l'un des outils les plus connus de traitement des images en ligne de commande. Wikipédia utilise la librairie de code Gnome <a class="external" href="http://library.gnome.org/devel/rsvg/" title="http://library.gnome.org/devel/rsvg/">rsvg</a> pour le rendu de ses images SVG.</p> +<p>Il existe plusieurs projets qui permettent d'exporter une image tramée à partie d'une source SVG. <a class="external" href="http://ImageMagick.org" title="http://imagemagick.org/">ImageMagick</a> est l'un des outils les plus connus de traitement des images en ligne de commande. Wikipédia utilise la librairie de code Gnome <a class="external" href="http://library.gnome.org/devel/rsvg/">rsvg</a> pour le rendu de ses images SVG.</p> <h2 id="Raphael_JS">Raphael JS</h2> @@ -60,7 +60,7 @@ original_slug: Web/SVG/Tutoriel/Tools_for_SVG <h2 id="Science">Science</h2> -<p>Les fameux outils d'analyse de données xfig and gnuplot supportent l'export en SVG. Pour le rendu de graphiques sur le web <a class="external" href="http://jsxgraph.uni-bayreuth.de/wp/" title="http://jsxgraph.uni-bayreuth.de/wp/">JSXGraph</a> supporte VML, SVG et canvas, proposant automatiquement l'un ou l'autre en fonction du support des navigateurs.</p> +<p>Les fameux outils d'analyse de données xfig and gnuplot supportent l'export en SVG. Pour le rendu de graphiques sur le web <a class="external" href="http://jsxgraph.uni-bayreuth.de/wp/">JSXGraph</a> supporte VML, SVG et canvas, proposant automatiquement l'un ou l'autre en fonction du support des navigateurs.</p> <p>SVG est souvent utilisé dans les applications GIS (Geographic Information System) à la fois comme format de stockage et de rendu. Cf <a class="external" href="http://carto.net">carto.net</a> pour davantage de détails.</p> |