Skip to content

Commit

Permalink
Merge branch 'main' into fr/prettier/webextensions
Browse files Browse the repository at this point in the history
  • Loading branch information
queengooborg committed Jul 26, 2023
2 parents e8cad4e + 0eb24e1 commit b83b1a5
Show file tree
Hide file tree
Showing 2,180 changed files with 47,801 additions and 35,743 deletions.
8 changes: 7 additions & 1 deletion .markdownlint-cli2.jsonc
Original file line number Diff line number Diff line change
Expand Up @@ -228,5 +228,11 @@
}
},
"customRules": ["markdownlint-rule-search-replace"],
"ignores": ["node_modules", "**/conflicting/**", "**/orphaned/**", ".github/"]
"ignores": [
"node_modules",
".git",
".github",
"**/conflicting/**",
"**/orphaned/**"
]
}
21 changes: 6 additions & 15 deletions .prettierignore
Original file line number Diff line number Diff line change
Expand Up @@ -20,20 +20,21 @@ build/
/files/fr/glossary/grid_lines/index.md
/files/fr/glossary/main_axis/index.md
/files/fr/learn/server-side/django/forms/index.md
/files/pt-br/learn/server-side/django/forms/index.md
/files/ru/learn/server-side/django/forms/index.md
/files/ru/learn/server-side/django/introduction/index.md
/files/ru/learn/html/introduction_to_html/the_head_metadata_in_html/index.md
/files/zh-cn/learn/css/howto/css_faq/index.md
/files/zh-cn/learn/server-side/django/forms/index.md

# A full pass on all Markdown files is being performed.
# The following folders still need a full pass:

# es
/files/es/web/api/**/*.md
/files/es/web/css/**/*.md
/files/es/web/html/**/*.md
/files/es/web/http/**/*.md
/files/es/web/javascript/**/*.md
/files/es/web/javascript/reference/**/*.md

# fr
/files/fr/web/api/**/*.md
/files/fr/web/css/**/*.md
/files/fr/web/html/**/*.md
/files/fr/web/javascript/**/*.md
Expand All @@ -54,7 +55,6 @@ build/
/files/ja/web/svg/**/*.md

# ko
/files/ko/games/**/*.md
/files/ko/glossary/**/*.md
/files/ko/learn/**/*.md
/files/ko/learn/css/**/*.md
Expand All @@ -75,9 +75,6 @@ build/
/files/ko/web/svg/**/*.md

# pt-br
/files/pt-br/learn/html/**/*.md
/files/pt-br/learn/javascript/**/*.md
/files/pt-br/learn/server-side/**/*.md
/files/pt-br/web/api/**/*.md
/files/pt-br/web/css/**/*.md
/files/pt-br/web/html/**/*.md
Expand All @@ -86,10 +83,6 @@ build/
/files/pt-br/web/svg/**/*.md

# ru
/files/ru/learn/css/**/*.md
/files/ru/learn/html/**/*.md
/files/ru/learn/javascript/**/*.md
/files/ru/learn/server-side/**/*.md
/files/ru/web/api/**/*.md
/files/ru/web/css/**/*.md
/files/ru/web/html/**/*.md
Expand All @@ -98,8 +91,6 @@ build/
/files/ru/web/svg/**/*.md

# zh-cn
/files/zh-cn/learn/javascript/**/*.md
/files/zh-cn/learn/server-side/**/*.md
/files/zh-cn/web/api/**/*.md
/files/zh-cn/web/css/**/*.md
/files/zh-cn/web/html/**/*.md
Expand Down
4 changes: 2 additions & 2 deletions files/es/_redirects.txt
Original file line number Diff line number Diff line change
Expand Up @@ -1873,8 +1873,8 @@
/es/docs/Web/CSS/Referencia_CSS/Extensiones_Mozilla /es/docs/Web/CSS/Mozilla_Extensions
/es/docs/Web/CSS/Referencia_CSS/background-blend-mode /es/docs/Web/CSS/background-blend-mode
/es/docs/Web/CSS/Referencia_CSS/mix-blend-mode /es/docs/Web/CSS/mix-blend-mode
/es/docs/Web/CSS/Selectores_CSS /es/docs/Web/CSS/CSS_Selectors
/es/docs/Web/CSS/Selectores_CSS/Usando_la_pseudo-clase_:target_en_selectores /es/docs/Web/CSS/CSS_Selectors/Using_the_:target_pseudo-class_in_selectors
/es/docs/Web/CSS/Selectores_CSS /es/docs/Web/CSS/CSS_selectors
/es/docs/Web/CSS/Selectores_CSS/Usando_la_pseudo-clase_:target_en_selectores /es/docs/Web/CSS/CSS_selectors/Using_the_:target_pseudo-class_in_selectors
/es/docs/Web/CSS/Selectores_atributo /es/docs/Web/CSS/Attribute_selectors
/es/docs/Web/CSS/Selectores_hermanos_adyacentes /es/docs/Web/CSS/Adjacent_sibling_combinator
/es/docs/Web/CSS/Selectores_hermanos_generales /es/docs/Web/CSS/General_sibling_combinator
Expand Down
28 changes: 14 additions & 14 deletions files/es/_wikihistory.json
Original file line number Diff line number Diff line change
Expand Up @@ -6811,20 +6811,6 @@
"jota1410"
]
},
"Web/CSS/CSS_Selectors": {
"modified": "2019-07-09T01:16:13.123Z",
"contributors": [
"missmakita",
"blanchart",
"Benji1337",
"metal-gogo",
"kikolevante"
]
},
"Web/CSS/CSS_Selectors/Using_the_:target_pseudo-class_in_selectors": {
"modified": "2020-07-31T07:57:08.167Z",
"contributors": ["blanchart", "israel-munoz"]
},
"Web/CSS/CSS_Types": {
"modified": "2019-03-18T21:35:39.343Z",
"contributors": ["lajaso"]
Expand Down Expand Up @@ -7069,6 +7055,20 @@
"modified": "2019-03-23T22:32:38.884Z",
"contributors": ["javichito"]
},
"Web/CSS/CSS_selectors": {
"modified": "2019-07-09T01:16:13.123Z",
"contributors": [
"missmakita",
"blanchart",
"Benji1337",
"metal-gogo",
"kikolevante"
]
},
"Web/CSS/CSS_selectors/Using_the_:target_pseudo-class_in_selectors": {
"modified": "2020-07-31T07:57:08.167Z",
"contributors": ["blanchart", "israel-munoz"]
},
"Web/CSS/CSS_text": {
"modified": "2019-03-23T22:36:23.444Z",
"contributors": ["pekechis"]
Expand Down
4 changes: 2 additions & 2 deletions files/es/learn/accessibility/html/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -393,8 +393,8 @@ El siguiente es un ejemplo mucho mejor:

```html example-good
<div>
<label for="combre">Entra tu nombre:</label>
<input type="text" id="combre" name="nombre" />
<label for="nombre">Entra tu nombre:</label>
<input type="text" id="nombre" name="nombre" />
</div>
```

Expand Down
2 changes: 1 addition & 1 deletion files/es/web/api/animation/effect/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: Animation.effect
slug: Web/API/Animation/effect
---

{{ APIRef("Web Animations") }}
{{ APIRef("Web Animations") }}

La propiedad `Animation.effect` de la [Web Animations API](/es/docs/Web/API/Web_Animations_API) obtiene y establece el efecto objetivo de una animación. El efecto objetivo puede ser un objeto efecto de un tipo basado en {{domxref("AnimationEffectReadOnly")}}, como {{domxref("KeyframeEffect")}}, o `null`.

Expand Down
8 changes: 3 additions & 5 deletions files/es/web/api/animation/finish/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -45,11 +45,9 @@ interfaceElement.addEventListener("mousedown", function() {
El siguiente ejemplo finaliza todas las animaciones en un solo elemento, independientemente de su dirección de reproducción.

```js
elem.getAnimations().forEach(
function(animation){
return animation.finish();
}
);
elem.getAnimations().forEach(function (animation) {
return animation.finish();
});
```

## Especificaciones
Expand Down
4 changes: 2 additions & 2 deletions files/es/web/api/animation/finish_event/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,8 +41,8 @@ hide(endingUI);

// Cuando los créditos se hayan desvanecido,
// volvemos a agregar los eventos de puntero cuando terminen.
bringUI.onfinish = function() {
endingUI.style.pointerEvents = 'auto';
bringUI.onfinish = function () {
endingUI.style.pointerEvents = "auto";
};
```

Expand Down
16 changes: 6 additions & 10 deletions files/es/web/api/animation/finished/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,16 +26,12 @@ El siguiente código espera a que todas las animaciones que se ejecutan en el el

```js
Promise.all(
elem.getAnimations().map(
function(animation) {
return animation.finished
}
)
).then(
function() {
return elem.remove();
}
);
elem.getAnimations().map(function (animation) {
return animation.finished;
}),
).then(function () {
return elem.remove();
});
```

## Especificaciones
Expand Down
21 changes: 11 additions & 10 deletions files/es/web/api/animation/pause/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,15 +34,16 @@ Lanza un `InvalidStateError` si el {{domxref("Animation.currentTime", "currentTi

```js
// animación de la magdalena que lentamente se está comiendo
var nommingCake = document.getElementById('eat-me_sprite').animate(
[
{ transform: 'translateY(0)' },
{ transform: 'translateY(-80%)' }
], {
fill: 'forwards',
easing: 'steps(4, end)',
duration: aliceChange.effect.timing.duration / 2
});
var nommingCake = document
.getElementById("eat-me_sprite")
.animate(
[{ transform: "translateY(0)" }, { transform: "translateY(-80%)" }],
{
fill: "forwards",
easing: "steps(4, end)",
duration: aliceChange.effect.timing.duration / 2,
},
);

// realmente solo debe funcionar al hacer click, así que se pausa inicialmente:
nommingCake.pause();
Expand All @@ -52,7 +53,7 @@ Adicionalmente, al restablecer:

```js
// Una función multiusos para pausar las animaciones de Alicia, el pastelito y la botella que dice "drink me."
var stopPlayingAlice = function() {
var stopPlayingAlice = function () {
aliceChange.pause();
nommingCake.pause();
drinking.pause();
Expand Down
25 changes: 12 additions & 13 deletions files/es/web/api/animation/play/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -27,29 +27,28 @@ En el ejemplo [Growing/Shrinking Alice Game](https://codepen.io/rachelnabors/pen

```js
// El pastel tiene su propia animación:
var nommingCake = document.getElementById('eat-me_sprite').animate(
[
{ transform: 'translateY(0)' },
{ transform: 'translateY(-80%)' }
], {
fill: 'forwards',
easing: 'steps(4, end)',
duration: aliceChange.effect.timing.duration / 2
});
var nommingCake = document
.getElementById("eat-me_sprite")
.animate(
[{ transform: "translateY(0)" }, { transform: "translateY(-80%)" }],
{
fill: "forwards",
easing: "steps(4, end)",
duration: aliceChange.effect.timing.duration / 2,
},
);

// Pausa la animación del pastel para que no se reproduzca inmediatamente.
nommingCake.pause();

// Esta función se reproducirá cuando el usuario haga click o toque
var growAlice = function() {

var growAlice = function () {
// Reproduce la animación de Alicia.
aliceChange.play();

// Reproduce la animación del pastel.
nommingCake.play();

}
};

// Cuando el usuario hace click o toca, llama a growAlice, para reproducir todas las animaciones.
cake.addEventListener("mousedown", growAlice, false);
Expand Down
20 changes: 9 additions & 11 deletions files/es/web/api/animation/playbackrate/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,10 +28,10 @@ Toma un número que puede ser 0, negativo o positivo. Los valores negativos invi
En el ejemplo [Growing/Shrinking Alice Game](https://codepen.io/rachelnabors/pen/PNYGZQ?editors=0010) , hacer click o tocar la botella, hace que la animación de crecimiento de Alicia (`aliceChange`) se invierta para reducirse:

```js
var shrinkAlice = function() {
var shrinkAlice = function () {
aliceChange.playbackRate = -1;
aliceChange.play();
}
};

// Con un toque o un click, Alicia se encogerá.
bottle.addEventListener("mousedown", shrinkAlice, false);
Expand All @@ -41,10 +41,10 @@ bottle.addEventListener("touchstart", shrinkAlice, false);
Por el contrario, hacer click en el pastel hace que "crezca" reproduciendo `aliceChange` hacia adelante otra vez:

```js
var growAlice = function() {
var growAlice = function () {
aliceChange.playbackRate = 1;
aliceChange.play();
}
};

// Con un toque o un click, Alicia crecerá.
cake.addEventListener("mousedown", growAlice, false);
Expand All @@ -54,23 +54,21 @@ cake.addEventListener("touchstart", growAlice, false);
En otro ejemplo, [Red Queen's Race Game](https://codepen.io/rachelnabors/pen/PNGGaV?editors=0010), Alicia y La Reina Roja están ralentizandose constantemente:

```js
setInterval( function() {

setInterval(function () {
// Asegúrate de que la velocidad de reproducción nunca descienda por debajo de .4

if (redQueen_alice.playbackRate > .4) {
redQueen_alice.playbackRate *= .9;
if (redQueen_alice.playbackRate > 0.4) {
redQueen_alice.playbackRate *= 0.9;
}

}, 3000);
```

Pero hacer click o hacer tapping(pasar el puntero) sobre ellos hace que aceleren multiplicando su `playbackRate` (velocidad de reproducción):

```js
var goFaster = function() {
var goFaster = function () {
redQueen_alice.playbackRate *= 1.1;
}
};

document.addEventListener("click", goFaster);
document.addEventListener("touchstart", goFaster);
Expand Down
26 changes: 11 additions & 15 deletions files/es/web/api/animation/playstate/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,29 +37,25 @@ En el ejemplo [Growing/Shrinking Alice Game](https://codepen.io/rachelnabors/pen
```js
// Configurando las animaciones de lágrimas

tears.forEach(function(el) {
el.animate(
tearsFalling,
{
delay: getRandomMsRange(-1000, 1000), // cada lágrima aleatoria
duration: getRandomMsRange(2000, 6000), // cada lágrima aleatoria
iterations: Infinity,
easing: "cubic-bezier(0.6, 0.04, 0.98, 0.335)"
});
el.playState = 'paused';
tears.forEach(function (el) {
el.animate(tearsFalling, {
delay: getRandomMsRange(-1000, 1000), // cada lágrima aleatoria
duration: getRandomMsRange(2000, 6000), // cada lágrima aleatoria
iterations: Infinity,
easing: "cubic-bezier(0.6, 0.04, 0.98, 0.335)",
});
el.playState = "paused";
});


// Reproduce las lágrimas cayendo cuando el final necesita mostrarlas.

tears.forEach(function(el) {
el.playState = 'playing';
tears.forEach(function (el) {
el.playState = "playing";
});


// Reinicia la animación de las lágrimas y la detiene.

tears.forEach(function(el) {
tears.forEach(function (el) {
el.playState = "paused";
el.currentTime = 0;
});
Expand Down
4 changes: 2 additions & 2 deletions files/es/web/api/animation/ready/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ var readyPromise = Animation.ready;
Un {{jsxref("Promise")}} que se resuelve cuando la animación esta lista para reproducirse. Por lo general, se usará una construcción similar a esta usando una promise lista:

```js
animation.ready.then(function() {
animation.ready.then(function () {
// Hace lo que sea necesario cuando
// la animación está lista para reproducirse
});
Expand All @@ -32,7 +32,7 @@ En el siguiente ejemplo, el estado de la animación será `running(reproduciendo

```js
animation.pause();
animation.ready.then(function() {
animation.ready.then(function () {
// Displays 'running'
alert(animation.playState);
});
Expand Down
Loading

0 comments on commit b83b1a5

Please sign in to comment.