From b52221bb6d3225912e801cc87c74f970cbef58b6 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 27 Jul 2021 11:04:20 -0400 Subject: remove link 'title' attributes that's just the 'href' (fr, part 2) (#1731) --- files/fr/learn/forms/advanced_form_styling/index.html | 10 +++++----- .../fr/learn/forms/basic_native_form_controls/index.html | 4 ++-- files/fr/learn/forms/form_validation/index.html | 2 +- .../forms/how_to_build_custom_form_controls/index.html | 4 ++-- .../learn/forms/how_to_structure_a_web_form/index.html | 4 ++-- .../learn/forms/html_forms_in_legacy_browsers/index.html | 12 ++++++------ files/fr/learn/forms/styling_web_forms/index.html | 6 +++--- .../html/howto/author_fast-loading_html_pages/index.html | 8 ++++---- files/fr/mozilla/firefox/releases/12/index.html | 4 ++-- files/fr/mozilla/firefox/releases/15/index.html | 6 +++--- files/fr/mozilla/firefox/releases/17/index.html | 4 ++-- .../firefox/releases/2/security_changes/index.html | 2 +- files/fr/mozilla/firefox/releases/3.5/index.html | 2 +- files/fr/mozilla/firefox/releases/3.6/index.html | 6 +++--- files/fr/mozilla/firefox/releases/4/index.html | 2 +- files/fr/mozilla/firefox/releases/5/index.html | 4 ++-- files/fr/mozilla/firefox/releases/6/index.html | 2 +- files/fr/mozilla/firefox/releases/7/index.html | 8 ++++---- .../basic_concepts_behind_indexeddb/index.html | 4 ++-- files/fr/orphaned/web/api/svgstylable/index.html | 2 +- .../guide/html/html5/introduction_to_html5/index.html | 2 +- files/fr/tools/3d_view/index.html | 2 +- files/fr/tools/keyboard_shortcuts/index.html | 2 +- .../debugging_firefox_for_android_with_webide/index.html | 2 +- files/fr/tools/view_source/index.html | 2 +- files/fr/web/svg/attribute/color/index.html | 2 +- files/fr/web/svg/attribute/height/index.html | 16 ++++++++-------- files/fr/web/svg/attribute/in/index.html | 2 +- files/fr/web/svg/attribute/seed/index.html | 2 +- files/fr/web/svg/attribute/stroke-dasharray/index.html | 2 +- files/fr/web/svg/attribute/width/index.html | 16 ++++++++-------- .../fr/web/svg/tutorial/basic_transformations/index.html | 2 +- files/fr/web/svg/tutorial/fills_and_strokes/index.html | 4 ++-- files/fr/web/svg/tutorial/svg_fonts/index.html | 6 +++--- files/fr/web/svg/tutorial/tools_for_svg/index.html | 6 +++--- 35 files changed, 82 insertions(+), 82 deletions(-) (limited to 'files/fr') 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

L'évolution récente du HTML et des CSS a étendu l'expressivité des CSS :

{{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")}}

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) {
  • SmashingMagazine : Form-Field Validation: The Errors-Only Approach
  • SmashingMagazine : Web Form Validation: Best Practices and Tutorials
  • Six Revision : Best Practices for Hints and Validation in Web Forms
    • -
  • A List Apart : Inline Validation in Web Forms
    • +
  • A List Apart : Inline Validation in Web Forms
    • 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 () {

    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 !

    -

    Heureusement, il existe une solution et elle s'appelle ARIA. ARIA signifie « Accessible Rich Internet Application » et c'est une norme W3C 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.

    +

    Heureusement, il existe une solution et elle s'appelle ARIA. ARIA signifie « Accessible Rich Internet Application » et c'est une norme W3C 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.

    L'attribut role

    @@ -786,7 +786,7 @@ window.addEventListener('load', function () { highlightOption(select, optionList[index]); }; -

    Voici le résultat final de toutes ces modifications (vous obtiendrez un meilleur ressenti en les testant avec une technique d'assistance comme NVDA ou VoiceOver) :

    +

    Voici le résultat final de toutes ces modifications (vous obtiendrez un meilleur ressenti en les testant avec une technique d'assistance comme NVDA ou VoiceOver) :

    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

    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.

    -

    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 Jaws ou NVDA énonceront le contenu de la légende avant d'indiquer l'étiquette de chaque widget.

    +

    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 Jaws ou NVDA énonceront le contenu de la légende avant d'indiquer l'étiquette de chaque widget.

    Voici un petit exemple :

    @@ -289,7 +289,7 @@ original_slug: Web/Guide/HTML/Formulaires/Comment_structurer_un_formulaire_HTML

    Voir aussi

    {{PreviousMenuNext("Web/Guide/HTML/Formulaires/Mon_premier_formulaire_HTML", "Web/Guide/HTML/Formulaires/Les_blocs_de_formulaires_natifs", "Web/Guide/HTML/Formulaires")}}

    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 ---
    {{LearnSidebar}}{{PreviousMenuNext("Web/Guide/HTML/Formulaires/Sending_forms_through_JavaScript", "Web/Guide/HTML/Formulaires/Apparence_des_formulaires_HTML", "Web/Guide/HTML/Formulaires")}}
    -

    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 version ESR, 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 ».

    +

    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 version ESR, 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 ».

    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.

    @@ -21,7 +21,7 @@ original_slug: Web/Guide/HTML/Formulaires/HTML_forms_in_legacy_browsers
  • Microsoft : Documentation sur la prise en charge de la norme par Internet Explorer
  • WebKit : comme il y a plusieurs versions de ce moteur, les choses se compliquent : @@ -32,7 +32,7 @@ original_slug: Web/Guide/HTML/Formulaires/HTML_forms_in_legacy_browsers @@ -45,7 +45,7 @@ original_slug: Web/Guide/HTML/Formulaires/HTML_forms_in_legacy_browsers

    La simplification élégante est la meilleure amie du développeur Web

    -

    Une simplification élégante et des améliorations progressives 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.

    +

    Une simplification élégante et des améliorations progressives 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.

    Voyons quelques exemples relatifs aux formulaires en HTML.

    @@ -163,7 +163,7 @@ input.button {

    Dans de nombreux cas, une bonne prothèse d'émulation (« polyfill ») peut aider en fournissant une API manquante. Un « polyfill » 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.

    -

    La meilleure façon de remplir un trou d'API manquante consiste à utiliser la bibliothèque Modernizr et son projet dérivé : YepNope. 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.

    +

    La meilleure façon de remplir un trou d'API manquante consiste à utiliser la bibliothèque Modernizr et son projet dérivé : YepNope. 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.

    Voici un exemple :

    @@ -189,7 +189,7 @@ input.button {

    L'équipe de Modernizr fait une maintenance opportune de grande liste de « polyfills ». Prenez celui dont vous avez besoin.

    -

    Note : 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  la documentation de Modernizr.

    +

    Note : 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  la documentation de Modernizr.

    Faites attention aux performances

    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

    Pourquoi est-ce si difficile de modifier l'apparence des formulaires avec CSS ?

    -

    Dans la jeunesse du Web — aux alentours de 1995 — les formulaires ont été ajoutés au HTML dans la spécification HTML 2. À 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.

    +

    Dans la jeunesse du Web — aux alentours de 1995 — les formulaires ont été ajoutés au HTML dans la spécification HTML 2. À 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.

    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é.

    @@ -191,8 +191,8 @@ original_slug: Web/Guide/HTML/Formulaires/Apparence_des_formulaires_HTML
    1. L'image de fond de la carte postale — téléchargez cette image et sauvegardez‑la dans le même répertoire que votre fichier HTML de travail.
      2. -
    2. Une police de machine à écrire : « Secret Typewriter » de fontsquirrel.com — téléchargez le fichier TTF dans le même répertoire que ci‑dessus.
      3. -
    3. Une police d'écriture manuelle :  « Journal » de fontsquirrel.com — téléchargez le fichier TTF dans le même répertoire que ci‑dessus.
      4. +
    4. Une police de machine à écrire : « Secret Typewriter » de fontsquirrel.com — téléchargez le fichier TTF dans le même répertoire que ci‑dessus.
      5. +
    5. Une police d'écriture manuelle :  « Journal » de fontsquirrel.com — téléchargez le fichier TTF dans le même répertoire que ci‑dessus.

     

    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

    JavaScript

    @@ -68,7 +68,7 @@ original_slug: Mozilla/Firefox/Versions/15 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

    CSS

    • - +
    NormeSVG 1.1 (2e Édition)SVG 1.1 (2e Édition)
    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 --- -

    HTML5 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.

    +

    HTML5 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.

    É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 : HTML5. Pour obtenir davantage d'informations sur le support de HTML5 par de multiples navigateurs, jetez un coup d'œil sur le site CanIUse .

    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
  • Panneau HTML
  • Panneau Style
  • Outils
    • -
  • Nouveaux outils de développement dans Firefox 11 Aurora (blog post)
    • +
  • Nouveaux outils de développement dans Firefox 11 Aurora (blog post)
    • 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 -

    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 guide pour utiliser ces touches comme des touches fonctions standards. Pour utiliser une touche reconfigurée comme une touche standard, maintenir la touche fonction enfoncée (ainsi pour ouvrir le profileur, utiliser Maj + Function + F5).

    +

    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 guide pour utiliser ces touches comme des touches fonctions standards. Pour utiliser une touche reconfigurée comme une touche standard, maintenir la touche fonction enfoncée (ainsi pour ouvrir le profileur, utiliser Maj + Function + F5).

    Note: Avant Firefox 66, la combinaison Ctrl + Maj + S sur Windows et Linux ou Cmd + Opt + S sur macOS ouvrait/fermait le Débogueur. Depuis Firefox 66, ce n'est plus le cas

    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

    Configurer l'appareil Android

    -

    Tout d'abord, activez le débogage USB en suivant les étapes2 et 3 de ce lien et uniquement ce lien.

    +

    Tout d'abord, activez le débogage USB en suivant les étapes2 et 3 de ce lien et uniquement ce lien.

    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" :

    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

    A voir également

    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 Document normatif - SVG 1.1 (2nd Edition) + SVG 1.1 (2nd Edition) 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 Documents normatif - SVG 1.1 (2nd Edition): foreignObject element
    - SVG 1.1 (2nd Edition): image element
    - SVG 1.1 (2nd Edition): pattern element
    - SVG 1.1 (2nd Edition): rect element
    - SVG 1.1 (2nd Edition): svg element
    - SVG 1.1 (2nd Edition): use element
    - SVG 1.1 (2nd Edition): Filter primitive
    - SVG 1.1 (2nd Edition): mask element + SVG 1.1 (2nd Edition): foreignObject element
    + SVG 1.1 (2nd Edition): image element
    + SVG 1.1 (2nd Edition): pattern element
    + SVG 1.1 (2nd Edition): rect element
    + SVG 1.1 (2nd Edition): svg element
    + SVG 1.1 (2nd Edition): use element
    + SVG 1.1 (2nd Edition): Filter primitive
    + SVG 1.1 (2nd Edition): mask element 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 Document normatif - SVG 1.1 (2nd Edition) + SVG 1.1 (2nd Edition) 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 Document normatif - SVG 1.1 (2nd Edition) + SVG 1.1 (2nd Edition) 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 Document normatif - SVG 1.1 (2nd Edition) + SVG 1.1 (2nd Edition) 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 Document normatif - SVG 1.1 (2nd Edition): foreignObject element
    - SVG 1.1 (2nd Edition): image element
    - SVG 1.1 (2nd Edition): pattern element
    - SVG 1.1 (2nd Edition): rect element
    - SVG 1.1 (2nd Edition): svg element
    - SVG 1.1 (2nd Edition): use element
    - SVG 1.1 (2nd Edition): Filter primitive
    - SVG 1.1 (2nd Edition): mask element + SVG 1.1 (2nd Edition): foreignObject element
    + SVG 1.1 (2nd Edition): image element
    + SVG 1.1 (2nd Edition): pattern element
    + SVG 1.1 (2nd Edition): rect element
    + SVG 1.1 (2nd Edition): svg element
    + SVG 1.1 (2nd Edition): use element
    + SVG 1.1 (2nd Edition): Filter primitive
    + SVG 1.1 (2nd Edition): mask element 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

    {xnewCoordSys=axprevCoordSys+cyprevCoordSys+eynewCoordSys=bxprevCoordSys+dyprevCoordSys+f\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.

    -

    Voici un exemple concret sur la documentation de transformation SVG. Pour plus de renseignements, veuillez vous référer à la page de recommandation SVG.

    +

    Voici un exemple concret sur la documentation de transformation SVG. Pour plus de renseignements, veuillez vous référer à la page de recommandation SVG.

    Effets sur les systèmes de coordonnées

    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

    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, fill, stroke, stroke-dasharray, etc... peuvent donc être définis de cette manière. Les attributs tels que width, height, 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.

    -
    Note: La spécification SVG décide strictement entre les attributs qui sont des propriétés et les autres. Les premiers peuvent être modifiés avec CSS, les derniers non.
    +
    Note: La spécification SVG décide strictement entre les attributs qui sont des propriétés et les autres. Les premiers peuvent être modifiés avec CSS, les derniers non.

    En ligne

    @@ -159,7 +159,7 @@ original_slug: Web/SVG/Tutoriel/Fills_and_Strokes

    Dans un fichier externe

    -

    Ou vous pouvez spécifier une feuille de style externe pour vos règles CSS avec la syntaxe XML pour les stylesheets:

    +

    Ou vous pouvez spécifier une feuille de style externe pour vos règles CSS avec la syntaxe XML pour les stylesheets:

    <?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
 
    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.
    
 
 
    Les Polices d'écritures SVG sont actuellement supportées uniquement sur Safari et le navigateur Android.
    
-Internet Explorer n'a pas envisagé de les implémenter, la fonctionnalité a été supprimée de Chrome 38 (et Opera 25) et Firefox a reporté sa mise en œuvre indéfiniment pour se concentrer sur WOFF. Cependant, d'autres outils comme le plugin Adobe SVG Viewer, Batik et des modèles de document d'Inkscape supportent l'incorporation des Police d'écriture SVG.
    
+Internet Explorer n'a pas envisagé de les implémenter, la fonctionnalité a été supprimée de Chrome 38 (et Opera 25) et Firefox a reporté sa mise en œuvre indéfiniment pour se concentrer sur WOFF. Cependant, d'autres outils comme le plugin Adobe SVG Viewer, Batik et des modèles de document d'Inkscape supportent l'incorporation des Police d'écriture SVG.

    La base pour définir une police SVG est l'élément {{ SVGElement("font") }}.

    Définir une police

    -

    Quelques ingrédients sont nécessaires pour intégrer une police en SVG. Prenons un exemple de déclaration (celle de la spécification), et expliquons-en les détails.

    +

    Quelques ingrédients sont nécessaires pour intégrer une police en SVG. Prenons un exemple de déclaration (celle de la spécification), et expliquons-en les détails.

    <font id="Font1" horiz-adv-x="1000">
   <font-face font-family="Super Sans" font-weight="bold" font-style="normal"
@@ -38,7 +38,7 @@ Internet Explorer horiz-adv-x 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.
    
 
-
    L'élément  {{ SVGElement("font-face") }} est l'équivalent SVG de la déclaration CSS  @font-face. 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  font-family : Elle pourra alors être référencée via la propriété font-family présente dans les CSS et les SVG. Les attributs font-weight et font-style 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 (ascenders).
    
+
    L'élément  {{ SVGElement("font-face") }} est l'équivalent SVG de la déclaration CSS  @font-face. 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  font-family : Elle pourra alors être référencée via la propriété font-family présente dans les CSS et les SVG. Les attributs font-weight et font-style 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 (ascenders).
    
 
 
    Its child, the {{ SVGElement("font-face-src") }} element, corresponds to CSS' src descriptor in @font-face 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.
    
 
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
 
 
    Inkscape
    
 
-
    URL: www.inkscape.org
    
+
    URL: www.inkscape.org
    
 
 
    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.
    
 
@@ -38,7 +38,7 @@ original_slug: Web/SVG/Tutoriel/Tools_for_SVG
 
 
    Autres moteurs de rendu
    
 
-
    Il existe plusieurs projets qui permettent d'exporter une image tramée à partie d'une source SVG. ImageMagick est l'un des outils les plus connus de traitement des images en ligne de commande.  Wikipédia utilise la librairie de code Gnome rsvg pour le rendu de ses images SVG.
    
+
    Il existe plusieurs projets qui permettent d'exporter une image tramée à partie d'une source SVG. ImageMagick est l'un des outils les plus connus de traitement des images en ligne de commande.  Wikipédia utilise la librairie de code Gnome rsvg pour le rendu de ses images SVG.
    
 
 
    Raphael JS
    
 
@@ -60,7 +60,7 @@ original_slug: Web/SVG/Tutoriel/Tools_for_SVG
 
 
    Science
    
 
-
    Les fameux outils d'analyse de données xfig and gnuplot supportent l'export en SVG. Pour le rendu de graphiques sur le web JSXGraph supporte VML, SVG et canvas, proposant automatiquement l'un ou l'autre en fonction du support des navigateurs.
    
+
    Les fameux outils d'analyse de données xfig and gnuplot supportent l'export en SVG. Pour le rendu de graphiques sur le web JSXGraph supporte VML, SVG et canvas, proposant automatiquement l'un ou l'autre en fonction du support des navigateurs.
    
 
 
    SVG est souvent utilisé dans les applications GIS (Geographic Information System) à la fois comme format de stockage et de rendu. Cf carto.net pour davantage de détails.
    
 
-- 
cgit v1.2.3-54-g00ecf