зеркало из https://github.com/mozilla/brackets.git
Translated Getting Started document.
Added "es" to the urls selector and added es/urls.js pointing to the translated document
This commit is contained in:
Chema
Родитель
643a73fbea
Коммит
b4f9d9db42
|
|
@ -0,0 +1,142 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>PRIMEROS PASOS CON BRACKETS</title>
|
||||
<meta name="description" content="Una guía interactiva de primeros pasos para Brackets.">
|
||||
<link rel="stylesheet" href="main.css">
|
||||
</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/brackets-quick-edit.png">
|
||||
<img alt="Una captura de pantalla con un Editor Rápido de CSS" src="screenshots/brackets-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>
|
||||
|
||||
<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 y 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>
|
||||
|
||||
<p class="note">
|
||||
Actualmente, Brackets sólo soporta Desarrollo en Vivo para CSS. Añadiremos soporte para Desarrollo en
|
||||
Vivo de HTML y JavaScript en próximas versionas. 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>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<!--
|
||||
|
||||
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
|
||||
[:::::::::::::: ::::::::::::::]
|
||||
[:::::::::::::: ::::::::::::::]
|
||||
[::::::[[[[[[[: :]]]]]]]::::::]
|
||||
[:::::[ ]:::::]
|
||||
[:::::[ ]:::::]
|
||||
[:::::[ ]:::::]
|
||||
[:::::[ ]:::::]
|
||||
[:::::[ CODE THE WEB ]:::::]
|
||||
[:::::[ http://brackets.io ]:::::]
|
||||
[:::::[ ]:::::]
|
||||
[:::::[ ]:::::]
|
||||
[:::::[ ]:::::]
|
||||
[:::::[ ]:::::]
|
||||
[::::::[[[[[[[: :]]]]]]]::::::]
|
||||
[:::::::::::::: ::::::::::::::]
|
||||
[:::::::::::::: ::::::::::::::]
|
||||
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
|
||||
|
||||
-->
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
html {
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0 auto;
|
||||
padding: 2em;
|
||||
max-width: 800px;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 1.5em;
|
||||
color: #333333;
|
||||
background-color: #ffffff;
|
||||
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
|
||||
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
samp
|
||||
{
|
||||
/* hide <samp> from the browser so we can show cool features in Edge Code */
|
||||
display: none;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
border: 1px solid black;
|
||||
background-color: dimgray;
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
max-width: 95%;
|
||||
}
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 510 KiB |
|
|
@ -75,7 +75,7 @@ define({
|
|||
"LIVE_DEVELOPMENT_RELAUNCH_TITLE" : "Conectando con el navegador",
|
||||
"LIVE_DEVELOPMENT_ERROR_MESSAGE" : "Para poder iniciar el modo de Desarrollo en Vivo, Chrome debe ser iniciado habilitando la depuración remota.<br /><br />¿Quieres reiniciar Chrome y habilitar la depuración remota?",
|
||||
"LIVE_DEV_NEED_HTML_MESSAGE" : "Abre un archivo HTML para poder iniciar el modo de Desarrollo en Vivo.",
|
||||
"LIVE_DEVELOPMENT_INFO_TITLE" : "Bienvenido a Desarrollo en Vivo!",
|
||||
"LIVE_DEVELOPMENT_INFO_TITLE" : "¡Bienvenido a Desarrollo en Vivo!",
|
||||
"LIVE_DEVELOPMENT_INFO_MESSAGE" : "Desarrollo en Vivo conecta {APP_NAME} con tu navegador. Lanza una vista previa de tu archivo HTML en el navegador y la actualiza a medida que modificas tu código.<br /><br />En esta versión preliminar de {APP_NAME}, Desarollo en Vivo sólo funciona para cambios de <strong>archivos CSS</strong> y únicamente con <strong>Google Chrome</strong>. ¡Pronto estará disponible también para HTML y JavaScript!<br /><br />(No volverás a ver este mensaje.)",
|
||||
|
||||
"LIVE_DEV_STATUS_TIP_NOT_CONNECTED" : "Desarrollo en Vivo",
|
||||
|
|
|
|||
|
|
@ -0,0 +1,30 @@
|
|||
/*
|
||||
* Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
|
||||
*
|
||||
* Permission is hereby granted, free of charge, to any person obtaining a
|
||||
* copy of this software and associated documentation files (the "Software"),
|
||||
* to deal in the Software without restriction, including without limitation
|
||||
* the rights to use, copy, modify, merge, publish, distribute, sublicense,
|
||||
* and/or sell copies of the Software, and to permit persons to whom the
|
||||
* Software is furnished to do so, subject to the following conditions:
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be included in
|
||||
* all copies or substantial portions of the Software.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
|
||||
* DEALINGS IN THE SOFTWARE.
|
||||
*
|
||||
*/
|
||||
|
||||
/*jslint vars: true, plusplus: true, devel: true, nomen: true, indent: 4, maxerr: 50 */
|
||||
/*global define */
|
||||
|
||||
define({
|
||||
// Relative to the samples folder
|
||||
"GETTING_STARTED" : "es/Primeros Pasos"
|
||||
});
|
||||
|
|
@ -34,6 +34,7 @@ define(function (require, exports, module) {
|
|||
// TODO: dynamically populate the local prefix list below?
|
||||
module.exports = {
|
||||
root: true,
|
||||
"fr": true
|
||||
"fr": true,
|
||||
"es": true
|
||||
};
|
||||
});
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче