Skip to content

Traduction transitioning-state.md #66

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged

Conversation

forresst
Copy link

@forresst forresst commented Jun 6, 2017

No description provided.


All of these are either already stored as raw numbers or can be converted into numbers. Once we do that, we can animate these state changes using 3rd-party libraries to tween state, in combination with Vue's reactivity and component systems.
Tous ces éléments sont déjà stockés comme des chiffres bruts, ou peuvent être convertis en nombres. Dès que nous le faisons, nous pouvons animer ces modifications de l'état à l'aide de bibliothèques tierces vers un état intermédiaire, en combinant la réactivité de Vue et les systèmes de composants.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

stockés sous forme de nombres (je trouve "chiffre" confusant ici vu qu'on parle de nombres juste après)

Dès que nous le faisons => Dès lors,

en combinaison avec

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ok

Copy link
Member

@sylvainpolletvillard sylvainpolletvillard left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

1ère relecture

@@ -95,7 +95,7 @@ new Vue({
</script>
{% endraw %}

When you update the number, the change is animated below the input. This makes for a nice demo, but what about something that isn't directly stored as a number, like any valid CSS color for example? Here's how we could accomplish this with the addition of [Color.js](https://github.com/brehaut/color-js):
Lorsque vous mettez à jour le nombre, la modification est animée en dessous de l'input. Cela fait une belle démonstration, mais qu'en est-il de quelque chose qui n'est pas directement stocké comme un nombre, comme n'importe quelle couleur CSS valide par exemple ? Voici comment nous pourrions accomplir cela avec l'ajout de [Color.js](https://github.com/brehaut/color-js):

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

quelque-chose

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ok


Just as with Vue's transition components, the data backing state transitions can be updated in real time, which is especially useful for prototyping! Even using a simple SVG polygon, you can achieve many effects that would be difficult to conceive of until you've played with the variables a little.
Tout comme pour les composants de transition de Vue, les données de la sauvegarde des transitions de l'état peuvent être mises à jour en temps réel, ce qui est particulièrement utile pour le prototypage ! Même en utilisant un polygone SVG simple, vous pouvez obtenir de nombreux effets qui seraient difficile à concevoir tant que vous n'avez pas un peu joué avec les variables.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the data backing state transitions => pas évident celui-là... perso je dirais "les transitions d'état de données" ; généralement on parle de sauvegarde quand on utilise le verbe "back" avec la préposition "up", mais sans cette préposition je ne pense pas que ce soit ça, d'autant que je ne vois pas où une sauvegarde se fait techniquement. Ici je pense que par "backing" il entend plus un rôle d'assistanat, de soutien en tâche de fond, comme quoi ces transitions sont gérées par Vue en arrière-plan sans qu'on ait à s'en soucier.

Copy link
Author

@forresst forresst Jun 6, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oui je suis d'accord avec toi. Tu le traduirai comment alors ? (Je parle de backing)

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

éventuellement "les transitions d'état de données en arrière-plan", mais je trouve que ça apporte plus de confusion que de sens

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ok je garde seulement "les transitions d'état de données"

@@ -545,4 +545,4 @@ new Vue({
</script>
{% endraw %}

Within child components, we can use any combination of transition strategies that have been covered on this page, along with those offered by Vue's [built-in transition system](transitions.html). Together, there are very few limits to what can be accomplished.
Dans les composants enfants, nous pouvons utiliser n'importe quelle combinaison de stratégies de transition qui ont été couvertes sur cette page, ainsi que celles offertes par le [système intégré de transition](transitions.html) de Vue. En utilisant les deux, il existe très peu de limites à ce qui peut être accompli.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

qui ont été abordées dans cette page

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ok

@forresst
Copy link
Author

forresst commented Jun 6, 2017

MAJ faites suite à la 1ere relecture de sylvainpolletvillard

@MachinisteWeb MachinisteWeb changed the title Traduction transitioning-state.md Traduction transitioning-state.md Jun 12, 2017
Copy link
Member

@MachinisteWeb MachinisteWeb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pas grand chose. Bien joué !

@@ -1,21 +1,21 @@
---
title: Transitioning State (En)
title: Etat de transition
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

État

@@ -105,10 +105,10 @@ When you update the number, the change is animated below the input. This makes f
<input
v-model="colorQuery"
v-on:keyup.enter="updateColor"
placeholder="Enter a color"
placeholder="Entrez une couleur"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Entrer une couleur

(pour la consistance avec « Mettre à jour » (qui n'est pas « Mettez à jour »)

@@ -185,10 +185,10 @@ new Vue({
<input
v-model="colorQuery"
v-on:keyup.enter="updateColor"
placeholder="Enter a color"
placeholder="Entrez une couleur"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Entrer

@forresst
Copy link
Author

MAJ faites suite à la 1ere relecture de Haeresis

@MachinisteWeb
Copy link
Member

Et ici aussi pour moi @forresst !

@forresst
Copy link
Author

@haeresis j'avais déjà fait le nécessaire. J'ai oublié quelque chose ?

@MachinisteWeb MachinisteWeb merged commit ab2dad3 into vuejs-fr:master Jun 16, 2017
@forresst forresst deleted the translate-transitionning-state branch June 16, 2017 08:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants