Skip to content
This repository has been archived by the owner on Sep 6, 2021. It is now read-only.

Spanish strings for sprint 24 #3536

Merged
merged 5 commits into from
Apr 25, 2013
Merged

Spanish strings for sprint 24 #3536

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
7c07ad4
Spanish strings for sprint 24
jbalsas Apr 22, 2013
ce098e1
Spanish updates for Getting Started
jbalsas Apr 22, 2013
07cc14e
Spanish translation fixes after review
jbalsas Apr 24, 2013
bc555e7
Review fixes and latest string translations
jbalsas Apr 25, 2013
42a4f46
Recover missing string
jbalsas Apr 25, 2013
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
257 changes: 145 additions & 112 deletions samples/es/Primeros Pasos/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,120 +10,153 @@
</head>
<body>

<h1>PRIMEROS PASOS CON BRACKETS</h1>
<h2>¡Ésta es tu guía!</h2>

<!--
HECHO CON <3 Y JAVASCRIPT
-->

<p>
Bienvenido a una versión preliminar de Brackets, un nuevo editor de código abierto para la nueva
generación de Internet. Somos unos apasionados de los estándares y queremos construir mejores
herramientas para JavaScript, HTML, CSS y el resto de tecnologías web relacionadas. Éste es nuestro
humilde comienzo.
</p>

<!--
¿QUÉ ES BRACKETS?
-->
<p>
<em>Estás viendo una versión preliminar de Brackets.</em>
En muchos aspectos, Brackets es otro tipo de editor. La gran diferencia es que está escrito en
JavaScript. Y es que, aunque Brackets no esté listo todavía para tu uso diario, nosotros lo estamos
utilizando todos los días para construir Brackets.
</p>


<h2>Estamos intentando algunas cosas nuevas</h2>

<!--
LA RELACIÓN ENTRE HTML, CSS Y JAVASCRIPT
-->
<h3>Edición rápida de CSS y JavaScript</h3>
<p>
Mientras estás escribiendo HTML, usa el atajo de teclado <kbd>Cmd/Ctrl + E</kbd> para abrir un editor
rápido en línea con todo el CSS relacionado. Ajusta tu CSS, pulsa <kbd>ESC</kbd> y de vuelta
al HTML. O simplemente mantén las reglas CSS abiertas para que pasen a formar parte de tu editor de HTML. Si
pulsas <kbd>ESC</kbd> fuera de un editor rápido, todas se cerrarán a la vez. Ya no es necesario estar cambiando
de documentos continuamente.
</p>

<samp>
¿Quieres verlo funcionando? Coloca tu cursor sobe el tag <!-- <samp> --> superior y pulsa
<kbd>Cmd/Ctrl + E</kbd>. Deberías ver aparecer un editor rápido de CSS por encima. A la derecha
verás un listado de todas las reglas CSS relacionadas con este tag. Simplemente desplázate entre las
reglas con <kbd>Alt + Up/Down</kbd> para encontrar la que quieres modificar.
</samp>

<a href="screenshots/quick-edit.png">
<img alt="Una captura de pantalla con un Editor Rápido de CSS" src="screenshots/quick-edit.png" />
</a>

<!--
LIVE PREVIEW
-->
<h3>Visualiza cambios CSS en vivo en el navegador</h3>
<p>
¿Te suena de algo ese baile de "guardar/recargar" que llevamos años haciendo? ¿Ése en el que haces
cambios en tu editor, pulsas guardar, cambias al navegador y recargas para por fin poder ver el
resultado? Con Brackets, ya no tienes que hacerlo.
</p>
<p>
¡Brackets abrirá una <em>conexión en vivo</em> con tu navegador local y le enviará los cambios en el
CSS conforme escribas! Puede que ya estés haciendo algo parecido con herramientas basadas en navegador,
pero con Brackets ya no necesitas copiar y pegar el CSS final de vuelta a tu editor. ¡Tu código se
ejecuta en el navegador, pero vive en tu editor!
</p>
<h1>PRIMEROS PASOS CON BRACKETS</h1>
<h2>¡Ésta es tu guía!</h2>

<h3>Localiza elementos HTML y reglas CSS en vivo</h3>
<p>
Para ayudarte a visualizar la relación entre tu CSS y HTML, cuando tu cursor se encuentre sobre
una regla de CSS, Brackets resaltará todos los elementos afectados en el navegador. Además, cuando
estés editando un archivo HTML, Brackets también destacará los elementos correspondientes en tu
navegador.
</p>

<samp>
Si tienes instalado Google Chrome, puedes probarlo tú mismo. Pulsa en el icono del rayo de la
esquina superior derecha o presiona <kbd>Cmd/Ctrl + Alt + P</kbd>. Cuando Desarrollo en Vivo está
funcionando en un documento HTML, todos los documentos CSS relacionados se pueden editar en
tiempo real. El icono pasará de gris a dorado cuando Brackets consiga establecer una conexión
con tu navegador.

Ahora, coloca el cursor sobre el tag <!-- <img> --> que se encuentra un poco más arriba. Fíjate cómo
aparece el resaltado azul alrededor de la imagen en Chrome. Luego, utiliza <kbd>Cmd/Ctrl + E</kbd>
para abrir las reglas de CSS existentes. Intenta cambiar el tamaño del borde de 1 a 10 píxeles o
cambia el color del fondo de "dimgray" a "hotpink". Si Brackets y tu navegador están funcionando en
paralelo, verás los cambios reflejados de manera instantánea en tu navegador. Genial, ¿verdad?
</samp>
<!--
HECHO CON <3 Y JAVASCRIPT
-->

<p>
Bienvenido a una versión preliminar de Brackets, un nuevo editor de código abierto para la nueva
generación de Internet. Somos unos apasionados de los estándares y queremos construir mejores
herramientas para JavaScript, HTML, CSS y el resto de tecnologías web. Éste es nuestro humilde
comienzo.
</p>

<!--
¿QUÉ ES BRACKETS?
-->
<p>
<em>Brackets es un editor diferente.</em>
La gran diferencia es que está escrito en JavaScript, HTML y CSS. Esto significa que la mayoría de gente
Copy link
Contributor

Choose a reason for hiding this comment

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

Replace "gente" with "ustedes" or "vosotros" and in the next line "tiene" -> "tienen"

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I don't really like interjecting the reader here like that... what about "la mayoría de quienes usan Brackets..." ?

Copy link
Contributor

Choose a reason for hiding this comment

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

That is good too.

usando Brackets tiene las habilidades necesarias para modificar y extender el editor. De hecho, nosotros
lo usamos todos los días para desarrollar Brackets. También tiene algunas características únicas como
Edición Rápida, Desarrollo en Vivo y más que no encontrarás en otros editores.
Sigue leyendo para saber más sobre cómo sacar provecho de estas características
</p>

<p class="note">
Actualmente, Brackets sólo soporta Desarrollo en Vivo para CSS. En estos momentos estamos trabajando en
añadir soporte para Desarrollo en Vivo de HTML y JavaScript. En la versión actual, no podrás ver tus cambios
en HTML hasta que guardes el archivo. Las actualizaciones automáticas sólo son posibles en Google Chrome en
estos momentos. Queremos trasladar esta funcionalidad a todos los grandes navegadores, y estamos deseando
poder trabajar con ellos para conseguirlo.
</p>

<!--
HAZNOS SABER LO QUE PIENSAS
-->
<h2>Involúcrate</h2>
<p>
Brackets es un proyecto de código abierto. Desarrolladores web de todo el mundo están contribuyendo
a construir un mejor editor de código. Haznos saber lo que piensas, comparte tus ideas o contribuye
directamente al proyecto.
</p>
<ul>
<li><a href="http://brackets.io">Brackets.io</a></li>
<li><a href="http://blog.brackets.io">Blog del equipo de Brackets</a></li>
<li><a href="http://github.com/adobe/brackets">Brackets en GitHub</a></li>
<li><a href="http://github.com/adobe/brackets/wiki">Wiki de Brackets</a></li>
<li><a href="http://groups.google.com/group/brackets-dev">Lista de correo de los desarrolladores de Brackets</a></li>
<li><a href="https://twitter.com/#!/brackets">@Brackets en Twitter</a></li>
<li>Habla con los desarrolladores de Brackets por IRC en #brackets en Freenode</li>
</ul>
<h2>Estamos intentando algunas cosas nuevas</h2>

<!--
LA RELACIÓN ENTRE HTML, CSS Y JAVASCRIPT
-->
<h3>Edición rápida de CSS y JavaScript</h3>
<p>
Se acabó el estar saltando de documento en documento perdiendo de vista lo que estás haciendo. Mientras
estás escribiendo HTML, usa el atajo de teclado <kbd>Cmd/Ctrl + E</kbd> para abrir un editor rápido en
línea con todo el CSS relacionado. Ajusta tu CSS y pulsa <kbd>ESC</kbd> para volver a tu HTML, o simplemente
Copy link
Contributor

Choose a reason for hiding this comment

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

I would add here... "con todo el contenido CSS relaciado"

mantén las reglas CSS abiertas para que pasen a formar parte de tu editor de HTML. Si pulsas <kbd>ESC</kbd>
fuera de un editor rápido, todas se cerrarán a la vez.
Copy link
Contributor

Choose a reason for hiding this comment

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

"todas" -> "todos"

</p>

<samp>
¿Quieres verlo funcionando? Coloca tu cursor sobe el tag <!-- <samp> --> superior y pulsa
Copy link
Contributor

Choose a reason for hiding this comment

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

Replace "tag" -> "etiqueta"

<kbd>Cmd/Ctrl + E</kbd>. Deberías ver aparecer un editor rápido de CSS por encima. A la derecha
Copy link
Contributor

Choose a reason for hiding this comment

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

"por encima" -> "más arriba" So it is more clear that the inline editor opens above this line and not on top of the tag.

verás un listado de todas las reglas CSS relacionadas con este tag. Simplemente desplázate entre las
Copy link
Contributor

Choose a reason for hiding this comment

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

"tag" -> "etiqueta"

reglas con <kbd>Alt + Up/Down</kbd> para encontrar la que quieres modificar.
Copy link
Contributor

Choose a reason for hiding this comment

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

"Up/Down" -> "Arriba/Abajo"

</samp>

<a href="screenshots/quick-edit.png">
<img alt="Una captura de pantalla con un Editor Rápido de CSS" src="screenshots/quick-edit.png" />
</a>

<p>
Puedes usar el mismo atajo en Javascript para ver el cuerpo de una función colocando el ratón sobre
Copy link
Contributor

Choose a reason for hiding this comment

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

"Javascript" -> "JavaScript"

el nombre de la función que quieras examinar. Por ahora, no se pueden anidar editores en línea, por
Copy link
Contributor

Choose a reason for hiding this comment

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

Change this to "... el nombre de la llamada a una función". So that it is more clear that is not over the function definition.

lo que sólo puedes usar la característica de Edición Rápida cuando el cursor está en un editor "completo".
</p>

<!--
LIVE PREVIEW
-->
<h3>Visualiza cambios CSS en vivo en el navegador</h3>
Copy link
Contributor

Choose a reason for hiding this comment

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

Maybe "Visualiza cambios en los archivos CSS en vivo en el navegador" would make it sound better.

<p>
¿Te suena de algo ese baile de "guardar/recargar" que llevamos años haciendo? ¿Ése en el que haces
Copy link
Contributor

Choose a reason for hiding this comment

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

I don't like how "Te suena de algo..." sounds, seems like something is wrong, but "Te suena a algo..." doesnt seem that much better, maybe just use "Conoces ese baile..." that seems more correct to the original text.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I remember struggling with this back in the day. I tried to go with something not so literal as "Conoces..." but if you feel the other option has some bad connotations, we can go with it.

I can't think of any other choice, so I'll change this to "Conoces..." for now

cambios en tu editor, pulsas guardar, cambias al navegador y recargas para por fin poder ver el
resultado? Con Brackets, ya no tienes que hacerlo.
</p>
<p>
¡Brackets abrirá una <em>conexión en vivo</em> con tu navegador local y le enviará los cambios en el
CSS conforme escribas! Puede que ya estés haciendo algo parecido con herramientas basadas en navegador,
Copy link
Contributor

Choose a reason for hiding this comment

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

People will understand it, but the sentence sound weird in spanish with the CSS... maybe something like: "...los cambios en el archivo CSS conforme escrbias!"

Same as in the next line... but I would replace it with: "... ya no necesitas copiar y pegar las reglas CSS de vuelta en tu editor." or similar.

pero con Brackets ya no necesitas copiar y pegar el CSS final de vuelta a tu editor. ¡Tu código se
ejecuta en el navegador, pero vive en tu editor!
</p>

<h3>Live Highlight HTML elements and CSS rules</h3>
<p>
Brackets makes it easy to see how your changes in HTML and CSS will affect the page. When your cursor
is on a CSS rule, Brackets will highlight all affected elements in the browser. Similarly, when editing
an HTML file, Brackets will highlight the corresponding HTML elements in the browser.
</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

Remove this h3 and p

Copy link
Contributor Author

Choose a reason for hiding this comment

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

oops ;)


<h3>Localiza elementos HTML y reglas CSS en vivo</h3>
Copy link
Contributor

Choose a reason for hiding this comment

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

A better translation might be: "Resaltado en vivo de los elementos HTML y las reglas CSS"

<p>
Brackets te ayuda a ver cómo los cambios en HTML y CSS afectan a tu página. Cuando tu cursor se encuentre
se encuentre sobre una regla de CSS, Brackets resaltará todos los elementos afectados en el navegador. Del
Copy link
Contributor

Choose a reason for hiding this comment

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

Repeated "se encuentre".

mismo modo, cuando estés editando un archivo HTML, Brackets también destacará los elementos correspondientes
Copy link
Contributor

Choose a reason for hiding this comment

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

Use "resaltará" instead of "destacará" for better consistency.

en tu navegador.
</p>

<samp>
Si tienes instalado Google Chrome, puedes probarlo tú mismo. Pulsa en el icono del rayo de la
Copy link
Contributor

Choose a reason for hiding this comment

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

Instead of "Pulsa en el icono" it might be better "Haz click sobre el ícono", since you need to use the mouse here.

esquina superior derecha o presiona <kbd>Cmd/Ctrl + Alt + P</kbd>. Cuando Desarrollo en Vivo está
funcionando en un documento HTML, todos los documentos CSS relacionados se pueden editar en
tiempo real. El icono pasará de gris a dorado cuando Brackets consiga establecer una conexión
con tu navegador.

Ahora, coloca el cursor sobre el tag <!-- <img> --> que se encuentra un poco más arriba. Fíjate cómo
Copy link
Contributor

Choose a reason for hiding this comment

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

"tag" -> "etiqueta"
"Fíjate" -> "Note"

Copy link
Contributor Author

Choose a reason for hiding this comment

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

How about using "Observa" instead?

aparece el resaltado azul alrededor de la imagen en Chrome. Luego, utiliza <kbd>Cmd/Ctrl + E</kbd>
para abrir las reglas de CSS existentes. Intenta cambiar el tamaño del borde de 1 a 10 píxeles o
cambia el color del fondo de "dimgray" a "hotpink". Si Brackets y tu navegador están funcionando en
Copy link
Contributor

Choose a reason for hiding this comment

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

"cambia" -> "cambiar"

paralelo, verás los cambios reflejados de manera instantánea en tu navegador. Genial, ¿verdad?
</samp>

<p class="note">
Actualmente, Brackets sólo soporta Desarrollo en Vivo para CSS. Aún así, en la versión actual, los cambios
en ficheros HTML y Javascript son detectados y recargados automáticamente cuando guardas. En estos momentos
Copy link
Contributor

Choose a reason for hiding this comment

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

I would change this to something more line "...los cambios en los archivos HTML y JavaScript son recargados automáticamente en el navegador cuando guardas". Adding in the browser just so that is clear that the editor doesn't change/reload the code.

estamos trabajando en añadir soporte para Desarrollo en Vivo de HTML y JavaScript. Además, las actualizaciones
automáticas sólo son posibles en Google Chrome, pero esperamos poder trasladar próximamente esta funcionalidad
a todos los grandes navegadores.
</p>

<h3>Previsualización con cursor</h3>
Copy link
Contributor

Choose a reason for hiding this comment

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

This will be change to "Quick View" so "Vista Rápida" could be the new translation.

<p>
Para aquellos que todavía no han memorizado las equivalencias de color entre HEX y RGB, Brackets permite ver
exactamente qué color se está utilizando rápida y fácilmente. Tanto en CSS como en HTML, simplemente mueve el
cursor sobre cualquier valor de color o gradiente y Brackets mostrará una previsualización del mismo de manera
automática. Lo mismo sirve para imágenes. Simplemente pasa sobre el link de una imagen en Brackets, y éste
Copy link
Contributor

Choose a reason for hiding this comment

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

Instead of "link" we can use "dirección" or "vínculo", but I like the first option better.

mostrará una vista en miniatura de la misma.
</p>

<samp>
Para probar la previsualización tú mismo, coloca el cursor en el tag <!-- <body> --> al principio de este
documento y pulsa <kbd>Cmd/Ctrl + E</kbd> para abrir un editor CSS. Ahora, simplemente mueve el ratón sobre
cualquiera de los colores en dentro del CSS. También puedes verlo funcionando en gradientes abriendo un
editor de CSS en el tag HTML al principio de esta página, pasando por cualquiera de los valores para las
Copy link
Contributor

Choose a reason for hiding this comment

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

Change "tag" here and in line 133 to "etiqueta"

imágenes de fondo. Para probar la vista previa de imágenes, coloca el cursor sobre la imagen con la captura
de pantalla incluída antes en este documento.
</samp>

<!--
HAZNOS SABER LO QUE PIENSAS
-->
<h2>Involúcrate</h2>
<p>
Brackets es un proyecto de código abierto. Desarrolladores web de todo el mundo están contribuyendo
a construir un mejor editor de código. Haznos saber lo que piensas, comparte tus ideas o contribuye
directamente al proyecto.
</p>
<ul>
<li><a href="http://brackets.io">Brackets.io</a></li>
<li><a href="http://blog.brackets.io">Blog del equipo de Brackets</a></li>
<li><a href="http://github.com/adobe/brackets">Brackets en GitHub</a></li>
<li><a href="https://github.com/adobe/brackets/wiki/Brackets-Extensions">Extensiones para Brackets</a></li>
<li><a href="http://github.com/adobe/brackets/wiki">Wiki de Brackets</a></li>
<li><a href="http://groups.google.com/group/brackets-dev">Lista de correo de los desarrolladores de Brackets</a></li>
<li><a href="https://twitter.com/#!/brackets">@Brackets en Twitter</a></li>
<li>Habla con los desarrolladores de Brackets por IRC en #brackets en Freenode</li>
</ul>

</body>
</html>
Expand Down
5 changes: 5 additions & 0 deletions samples/es/Primeros Pasos/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,10 @@
html {
background-color: #eeeeee;
background-image: linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
background-image: -o-linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 18%, rgb(153,153,153) 59%, rgb(238,238,238) 80%);
}

body {
Expand Down
Loading