Skip to content
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

Spanish translation of Media chapter #1181

Merged
merged 5 commits into from
Aug 12, 2020
Merged

Spanish translation of Media chapter #1181

merged 5 commits into from
Aug 12, 2020

Conversation

garcaplay
Copy link
Contributor

Makes progress on #498

Hi! Finished the translation of the Media chapter to Spanish. I had a problem with the word "viper" in the paragraph of line 81, which I consulted with some colleagues, but none of them could find what the authors meant with it. Therefore, I've left it as "viper" in the translated text as it might be some technical vocabulary that does not have a direct translation into Spanish.

@garcaplay garcaplay added the translation world wide web label Aug 9, 2020
@garcaplay garcaplay self-assigned this Aug 9, 2020
@tunetheweb tunetheweb added this to TODO in 2020 via automation Aug 9, 2020
@tunetheweb tunetheweb added this to the 2019 Backlog milestone Aug 9, 2020
@tunetheweb
Copy link
Member

I had a problem with the word "viper" in the paragraph of line 81, which I consulted with some colleagues, but none of them could find what the authors meant with it. Therefore, I've left it as "viper" in the translated text as it might be some technical vocabulary that does not have a direct translation into Spanish.

I have no idea what they mean either! 😀 Surprised I didn't spot that before. Have raised #1182 for this and asked authors to comment. In meantime will review the rest of it.

Copy link
Member

@tunetheweb tunetheweb left a comment

Choose a reason for hiding this comment

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

Looks very good - great use of <i lang="en"></>!

Just a few minor things to fix.

description: Capítulo Multimedia del 2019 Web Almanac que cubre los tamaños y formatos de archivo de imagen, las imágenes adaptables (responsive), los client hints, el lazy loading, la accesibilidad y los vídeos.
authors: [colinbendell, dougsillars]
reviewers: [ahmadawais, eeeps]
translators: []
Copy link
Member

Choose a reason for hiding this comment

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

Give yourself some credit! 😀

Suggested change
translators: []
translators: [garcaplay]

Comment on lines 22 to 23
<a href="/static/images/2019/media/fig1_bytes_images_and_vídeo_versus_other.png">
<img src="/static/images/2019/media/fig1_bytes_images_and_vídeo_versus_other.png" alt="Figura 1. Bytes por página web: imagen y vídeo frente a otros." aria-labelledby="fig1-caption" aria-describedby="fig1-description" width="600" height="371" data-width="600" data-height="371" data-seamless data-frameborder="0" data-scrolling="no" data-iframe="https://docs.google.com/spreadsheets/d/e/2PACX-1vSViHIntdF6-bHAI0cl1HelY_X8rR4lf0P3W2Y8I5SyVMxG-ptggTHfWA0qrrU47RvuAydLE6Zex6L3/pubchart?oid=1189524305&format=interactive">
Copy link
Member

Choose a reason for hiding this comment

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

Looks like you've changed video to vídeo in filename. Need to change that back:

Suggested change
<a href="/static/images/2019/media/fig1_bytes_images_and_vídeo_versus_other.png">
<img src="/static/images/2019/media/fig1_bytes_images_and_vídeo_versus_other.png" alt="Figura 1. Bytes por página web: imagen y vídeo frente a otros." aria-labelledby="fig1-caption" aria-describedby="fig1-description" width="600" height="371" data-width="600" data-height="371" data-seamless data-frameborder="0" data-scrolling="no" data-iframe="https://docs.google.com/spreadsheets/d/e/2PACX-1vSViHIntdF6-bHAI0cl1HelY_X8rR4lf0P3W2Y8I5SyVMxG-ptggTHfWA0qrrU47RvuAydLE6Zex6L3/pubchart?oid=1189524305&format=interactive">
<a href="/static/images/2019/media/fig1_bytes_images_and_video_versus_other.png">
<img src="/static/images/2019/media/fig1_bytes_images_and_video_versus_other.png" alt="Figura 1. Bytes por página web: imagen y vídeo frente a otros." aria-labelledby="fig1-caption" aria-describedby="fig1-description" width="600" height="371" data-width="600" data-height="371" data-seamless data-frameborder="0" data-scrolling="no" data-iframe="https://docs.google.com/spreadsheets/d/e/2PACX-1vSViHIntdF6-bHAI0cl1HelY_X8rR4lf0P3W2Y8I5SyVMxG-ptggTHfWA0qrrU47RvuAydLE6Zex6L3/pubchart?oid=1189524305&format=interactive">

Comment on lines 359 to 360
<a href="/static/images/2019/media/fig20_vídeo_files_by_extension.png">
<img src="/static/images/2019/media/fig20_vídeo_files_by_extension.png" alt="Figura 20. Recuento de archivos de vídeo por extensión." aria-labelledby="fig20-caption" aria-describedby="fig20-description" width="600" height="371" data-width="600" data-height="371" data-seamless data-frameborder="0" data-scrolling="no" data-iframe="https://docs.google.com/spreadsheets/d/e/2PACX-1vSViHIntdF6-bHAI0cl1HelY_X8rR4lf0P3W2Y8I5SyVMxG-ptggTHfWA0qrrU47RvuAydLE6Zex6L3/pubchart?oid=999894252&format=interactive">
Copy link
Member

Choose a reason for hiding this comment

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

Looks like you've changed video to vídeo in filename. Need to change that back,

Suggested change
<a href="/static/images/2019/media/fig20_vídeo_files_by_extension.png">
<img src="/static/images/2019/media/fig20_vídeo_files_by_extension.png" alt="Figura 20. Recuento de archivos de vídeo por extensión." aria-labelledby="fig20-caption" aria-describedby="fig20-description" width="600" height="371" data-width="600" data-height="371" data-seamless data-frameborder="0" data-scrolling="no" data-iframe="https://docs.google.com/spreadsheets/d/e/2PACX-1vSViHIntdF6-bHAI0cl1HelY_X8rR4lf0P3W2Y8I5SyVMxG-ptggTHfWA0qrrU47RvuAydLE6Zex6L3/pubchart?oid=999894252&format=interactive">
<a href="/static/images/2019/media/fig20_video_files_by_extension.png">
<img src="/static/images/2019/media/fig20_video_files_by_extension.png" alt="Figura 20. Recuento de archivos de vídeo por extensión." aria-labelledby="fig20-caption" aria-describedby="fig20-description" width="600" height="371" data-width="600" data-height="371" data-seamless data-frameborder="0" data-scrolling="no" data-iframe="https://docs.google.com/spreadsheets/d/e/2PACX-1vSViHIntdF6-bHAI0cl1HelY_X8rR4lf0P3W2Y8I5SyVMxG-ptggTHfWA0qrrU47RvuAydLE6Zex6L3/pubchart?oid=999894252&format=interactive">

Comment on lines 385 to 386
<a href="/static/images/2019/media/fig22_html_vídeo_tag_attributes_usage.png">
<img src="/static/images/2019/media/fig22_html_vídeo_tag_attributes_usage.png" alt="Figura 22. Uso de los atributos de la etiqueta HTML de vídeo." aria-labelledby="fig21-caption" aria-describedby="fig21-description" width="600" height="371" data-width="600" data-height="371" data-seamless data-frameborder="0" data-scrolling="no" data-iframe="https://docs.google.com/spreadsheets/d/e/2PACX-1vSViHIntdF6-bHAI0cl1HelY_X8rR4lf0P3W2Y8I5SyVMxG-ptggTHfWA0qrrU47RvuAydLE6Zex6L3/pubchart?oid=593556050&format=interactive">
Copy link
Member

Choose a reason for hiding this comment

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

Looks like you've changed video to vídeo in filename. Need to change that back:

Suggested change
<a href="/static/images/2019/media/fig22_html_vídeo_tag_attributes_usage.png">
<img src="/static/images/2019/media/fig22_html_vídeo_tag_attributes_usage.png" alt="Figura 22. Uso de los atributos de la etiqueta HTML de vídeo." aria-labelledby="fig21-caption" aria-describedby="fig21-description" width="600" height="371" data-width="600" data-height="371" data-seamless data-frameborder="0" data-scrolling="no" data-iframe="https://docs.google.com/spreadsheets/d/e/2PACX-1vSViHIntdF6-bHAI0cl1HelY_X8rR4lf0P3W2Y8I5SyVMxG-ptggTHfWA0qrrU47RvuAydLE6Zex6L3/pubchart?oid=593556050&format=interactive">
<a href="/static/images/2019/media/fig22_html_video_tag_attributes_usage.png">
<img src="/static/images/2019/media/fig22_html_video_tag_attributes_usage.png" alt="Figura 22. Uso de los atributos de la etiqueta HTML de vídeo." aria-labelledby="fig21-caption" aria-describedby="fig21-description" width="600" height="371" data-width="600" data-height="371" data-seamless data-frameborder="0" data-scrolling="no" data-iframe="https://docs.google.com/spreadsheets/d/e/2PACX-1vSViHIntdF6-bHAI0cl1HelY_X8rR4lf0P3W2Y8I5SyVMxG-ptggTHfWA0qrrU47RvuAydLE6Zex6L3/pubchart?oid=593556050&format=interactive">

Comment on lines 403 to 404
<a href="/static/images/2019/media/fig23_top_javascript_vídeo_players.png">
<img src="/static/images/2019/media/fig23_top_javascript_vídeo_players.png" alt="Figura 23. Top de reproductores de vídeo de JavaScript." aria-labelledby="fig23-caption" aria-describedby="fig23-description" width="600" height="371" data-width="600" data-height="371" data-seamless data-frameborder="0" data-scrolling="no" data-iframe="https://docs.google.com/spreadsheets/d/e/2PACX-1vSViHIntdF6-bHAI0cl1HelY_X8rR4lf0P3W2Y8I5SyVMxG-ptggTHfWA0qrrU47RvuAydLE6Zex6L3/pubchart?oid=215677194&format=interactive">
Copy link
Member

Choose a reason for hiding this comment

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

Looks like you've changed video to vídeo in filename. Need to change that back:

Suggested change
<a href="/static/images/2019/media/fig23_top_javascript_vídeo_players.png">
<img src="/static/images/2019/media/fig23_top_javascript_vídeo_players.png" alt="Figura 23. Top de reproductores de vídeo de JavaScript." aria-labelledby="fig23-caption" aria-describedby="fig23-description" width="600" height="371" data-width="600" data-height="371" data-seamless data-frameborder="0" data-scrolling="no" data-iframe="https://docs.google.com/spreadsheets/d/e/2PACX-1vSViHIntdF6-bHAI0cl1HelY_X8rR4lf0P3W2Y8I5SyVMxG-ptggTHfWA0qrrU47RvuAydLE6Zex6L3/pubchart?oid=215677194&format=interactive">
<a href="/static/images/2019/media/fig23_top_javascript_video_players.png">
<img src="/static/images/2019/media/fig23_top_javascript_video_players.png" alt="Figura 23. Top de reproductores de vídeo de JavaScript." aria-labelledby="fig23-caption" aria-describedby="fig23-description" width="600" height="371" data-width="600" data-height="371" data-seamless data-frameborder="0" data-scrolling="no" data-iframe="https://docs.google.com/spreadsheets/d/e/2PACX-1vSViHIntdF6-bHAI0cl1HelY_X8rR4lf0P3W2Y8I5SyVMxG-ptggTHfWA0qrrU47RvuAydLE6Zex6L3/pubchart?oid=215677194&format=interactive">

<figcaption id="fig13-caption">Figura 13. Estimación de la mejora del rendimiento de la página tras la optimización de imagen de <i lang="en">Lighthouse</i>.</figcaption>
</figure>

### Imágenes adaptables (<i lang="en">responsive</i>)
Copy link
Member

Choose a reason for hiding this comment

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

We generally don't put the <i lang="en"></i> elements in headings as it messes up the automatically created short links. See discussion here: #656

Suggested change
### Imágenes adaptables (<i lang="en">responsive</i>)
### Imágenes adaptables


Los <i lang="en">Client Hints</i> relacionados con la red, `downlink`, `rtt`, y `ect`, solamente están disponibles en Android Chrome.

### <i lang="en">Lazy loading</i>
Copy link
Member

Choose a reason for hiding this comment

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

We generally don't put the <i lang="en"></i> elements in headings as it messes up the automatically created short links. See discussion here: #656

Suggested change
### <i lang="en">Lazy loading</i>
### Lazy loading

2020 automation moved this from TODO to In progress Aug 9, 2020

Si tuviéramos una imagen que ocupase perfectamente la totalidad de la pantalla, el ratio de relleno de píxeles sería de 1x. Por supuesto, rara vez una página web ocupa la pantalla completa con una única imagen. El contenido multimedia suele mezclarse con el diseño y otro tipo de contenido. Un valor superior a 1x significa que el diseño requiere que el usuario haga scroll para ver el resto de la imagen.

<p class="note">Nota: esto es únicamente analizando el diseño CSS para tanto el <i lang="en">viper</i> como para la cantidad de contenido del diseño. No está evaluándose la efectividad de las imágenes <i lang="en">responsive</i> o la efectividad de facilitar un contenido con alto DPR.</p>
Copy link
Member

Choose a reason for hiding this comment

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

Authors confirmed in #1182 that it was a typo and should be DPR:

Suggested change
<p class="note">Nota: esto es únicamente analizando el diseño CSS para tanto el <i lang="en">viper</i> como para la cantidad de contenido del diseño. No está evaluándose la efectividad de las imágenes <i lang="en">responsive</i> o la efectividad de facilitar un contenido con alto DPR.</p>
<p class="note">Nota: esto es únicamente analizando el diseño CSS para tanto el DPR como para la cantidad de contenido del diseño. No está evaluándose la efectividad de las imágenes <i lang="en">responsive</i> o la efectividad de facilitar un contenido con alto DPR.</p>

@tunetheweb tunetheweb changed the title Media es Spanish translation of Media chapter Aug 11, 2020
@garcaplay
Copy link
Contributor Author

Thanks for the review @bazzadp
Going to make those changes asap and give an update here ;) (didn't thought on the urls when applied the replace all in the "video" word, my apologies for that)

@garcaplay
Copy link
Contributor Author

@bazzadp branch updated (with the corresponding translator credit added this time). I've taken the liberty to change also the "viper" word to "DPR" in the English version.

@tunetheweb tunetheweb merged commit 845fcbc into main Aug 12, 2020
2020 automation moved this from In progress to Done Aug 12, 2020
@tunetheweb tunetheweb deleted the media-es branch August 12, 2020 19:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
translation world wide web
Projects
No open projects
2020
  
Done
Development

Successfully merging this pull request may close these issues.

None yet

2 participants