From 2f0974b2b04a7d7cd73a0f1fc463b1f2738a52bb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tom=C3=A1s=20Malbr=C3=A1n?= Date: Sun, 15 Sep 2013 16:10:49 -0300 Subject: [PATCH 1/3] Spanish strings and sample translations for Sprint 31 --- samples/es/Primeros Pasos/index.html | 68 ++++++++++++++-------------- src/nls/es/strings.js | 57 +++++++++++++---------- 2 files changed, 66 insertions(+), 59 deletions(-) diff --git a/samples/es/Primeros Pasos/index.html b/samples/es/Primeros Pasos/index.html index 157cd7efe74..2143a16a72a 100644 --- a/samples/es/Primeros Pasos/index.html +++ b/samples/es/Primeros Pasos/index.html @@ -19,7 +19,7 @@

¡Ésta es tu guía!

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 + 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.

@@ -30,7 +30,7 @@

¡Ésta es tu guía!

Brackets es un editor diferente. La gran diferencia es que está escrito en JavaScript, HTML y CSS. Esto significa que la mayoría de quienes - usan Brackets tiene las habilidades necesarias para modificar y extender el editor. De hecho, nosotros + usan 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 @@ -43,17 +43,17 @@

Estamos intentando algunas cosas nuevas

-->

Edición rápida de CSS y JavaScript

- 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 Cmd/Ctrl + E para abrir un editor rápido en - línea con todo el contenido CSS relacionado. Ajusta tu CSS y pulsa ESC para volver a tu HTML, o simplemente - mantén las reglas CSS abiertas para que pasen a formar parte de tu editor de HTML. Si pulsas ESC + 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 Cmd/Ctrl + E para abrir un editor rápido en + línea con todo el contenido CSS relacionado. Ajusta tu CSS y pulsa ESC para volver a tu HTML, o simplemente + mantén las reglas CSS abiertas para que pasen a formar parte de tu editor de HTML. Si pulsas ESC fuera de un editor rápido, todos se cerrarán a la vez.

- ¿Quieres verlo funcionando? Coloca tu cursor sobe la etiqueta y pulsa Cmd/Ctrl + E. - Deberías ver aparecer un editor rápido de CSS más arriba. A la derecha verás un listado de todas las reglas CSS - relacionadas con esta etiqueta. Simplemente desplázate entre las reglas con Alt + Arriba/Abajo para + ¿Quieres verlo funcionando? Coloca tu cursor sobe la etiqueta y pulsa Cmd/Ctrl + E. + Deberías ver aparecer un editor rápido de CSS más arriba. A la derecha verás un listado de todas las reglas CSS + relacionadas con esta etiqueta. Simplemente desplázate entre las reglas con Alt + Arriba/Abajo para encontrar la que quieres modificar. @@ -63,71 +63,71 @@

Edición rápida de CSS y JavaScript

Puedes usar el mismo atajo en JavaScript para ver el cuerpo de una función colocando el ratón sobre - el nombre de la llamada a la función que quieras examinar. Por ahora, no se pueden anidar editores en línea, por + el nombre de la llamada a la función que quieras examinar. Por ahora, no se pueden anidar editores en línea, por lo que sólo puedes usar la característica de Edición Rápida cuando el cursor está en un editor "completo".

-

Visualiza cambios en archivos CSS en vivo en el navegador

+

Visualiza cambios en archivos HTML y CSS en vivo en el navegador

- ¿Conoces 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, + ¿Conoces 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.

¡Brackets abrirá una conexión en vivo con tu navegador local y le enviará los cambios en el - archivo CSS conforme escribas! Puede que ya estés haciendo algo parecido con las herramientas de desarrollo - del navegador, pero con Brackets ya no necesitas copiar y pegar las reglas CSS final de vuelta a tu editor. + archivo HTML y CSS conforme escribas! Puede que ya estés haciendo algo parecido con las herramientas de desarrollo + del navegador, pero con Brackets ya no necesitas copiar y pegar el código final de vuelta a tu editor. ¡Tu código se ejecuta en el navegador, pero vive en tu editor!

Resaltado en vivo de elementos HTML y reglas CSS

- Brackets te ayuda a ver cómo los cambios en HTML y CSS afectan a tu página. Cuando tu cursor se encuentre - sobre una regla de CSS, Brackets resaltará todos los elementos afectados en el navegador. Del mismo modo, - cuando estés editando un archivo HTML, Brackets también resaltará los elementos correspondientes en tu + Brackets te ayuda a ver cómo los cambios en HTML y CSS afectan a tu página. Cuando tu cursor se encuentre + sobre una regla de CSS, Brackets resaltará todos los elementos afectados en el navegador. Del mismo modo, + cuando estés editando un archivo HTML, Brackets también resaltará los elementos correspondientes en tu navegador.

Si tienes instalado Google Chrome, puedes probarlo tú mismo. Haz click sobre el icono del rayo de la esquina superior derecha o presiona Cmd/Ctrl + Alt + P. Cuando Desarrollo en Vivo está - funcionando en un documento HTML, todos los documentos CSS relacionados se pueden editar en + 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 la etiqueta que se encuentra un poco más arriba. Observa - cómo aparece el resaltado azul alrededor de la imagen en Chrome. Luego, utiliza Cmd/Ctrl + E - para abrir las reglas de CSS existentes. Intenta cambiar el tamaño del borde de 1 a 10 píxeles o el color - del fondo de "dimgray" a "hotpink". Si Brackets y tu navegador están funcionando en paralelo, verás los + Ahora, coloca el cursor sobre la etiqueta que se encuentra un poco más arriba. Observa + cómo aparece el resaltado azul alrededor de la imagen en Chrome. Luego, utiliza Cmd/Ctrl + E + para abrir las reglas de CSS existentes. Intenta cambiar el tamaño del borde de 1 a 10 píxeles o 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?

- 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 en el navegador cuando guardas. En - estos momentos 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 + Actualmente, Brackets sólo soporta Desarrollo en Vivo para HTML y CSS. Aún así, en la versión actual, los cambios + en ficheros JavaScript son detectados y recargados automáticamente en el navegador cuando guardas. En + estos momentos estamos trabajando en añadir soporte para Desarrollo en Vivo para 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.

Vista Rápida

- 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 + 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 el cursor sobre la dirección de una imagen en Brackets, + automática. Lo mismo sirve para imágenes: simplemente pasa el cursor sobre la dirección de una imagen en Brackets, y éste mostrará una vista en miniatura de la misma.

Para probar la previsualización tú mismo, coloca el cursor en la etiqueta al principio de este - documento y pulsa Cmd/Ctrl + E para abrir un editor CSS. Ahora, simplemente mueve el ratón sobre - cualquiera de los colores dentro del CSS. También puedes verlo funcionando en gradientes abriendo un editor - de CSS en la etiqueta pasando el cursor por cualquiera de los valores para las 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 + documento y pulsa Cmd/Ctrl + E para abrir un editor CSS. Ahora, simplemente mueve el ratón sobre + cualquiera de los colores dentro del CSS. También puedes verlo funcionando en gradientes abriendo un editor + de CSS en la etiqueta pasando el cursor por cualquiera de los valores para las imágenes de fondo. + Para probar la vista previa de imágenes, coloca el cursor sobre la imagen con la captura de pantalla incluida antes en este documento. diff --git a/src/nls/es/strings.js b/src/nls/es/strings.js index 626f21575a0..8af4791950f 100644 --- a/src/nls/es/strings.js +++ b/src/nls/es/strings.js @@ -86,13 +86,14 @@ define({ "LIVE_DEV_SERVER_NOT_READY_MESSAGE" : "Error iniciando el servidor HTTP para Desarrollo en Vivo. Vuelve a intentarlo, por favor.", "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.

En esta versión preliminar de {APP_NAME}, Desarollo en Vivo sólo funciona para cambios de archivos CSS y únicamente con Google Chrome. ¡Pronto estará disponible también para HTML y JavaScript!

(No volverás a ver este mensaje.)", - "LIVE_DEVELOPMENT_TROUBLESHOOTING" : "Consulta Resolución de Problemas de conexión en Desarrollo en Vivo para más información.", + "LIVE_DEVELOPMENT_TROUBLESHOOTING" : "Para más información, consulta Resolución de Problemas de conexión en Desarrollo en Vivo.", "LIVE_DEV_STATUS_TIP_NOT_CONNECTED" : "Desarrollo en Vivo", "LIVE_DEV_STATUS_TIP_PROGRESS1" : "Desarrollo en Vivo: Conectando\u2026", "LIVE_DEV_STATUS_TIP_PROGRESS2" : "Desarrollo en Vivo: Inicializando\u2026", "LIVE_DEV_STATUS_TIP_CONNECTED" : "Terminar Desarrollo en Vivo", - "LIVE_DEV_STATUS_TIP_OUT_OF_SYNC" : "Desarrollo en Vivo: Haz click para desconectar (Guarda el archivo para actualizar)", + "LIVE_DEV_STATUS_TIP_OUT_OF_SYNC" : "Desarrollo en Vivo (guarda el archivo para actualizar)", + "LIVE_DEV_STATUS_TIP_SYNC_ERROR" : "Desarrollo en Vivo (no se esta actualizando debido a un error de sintaxis)", "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS" : "Desarrollo en Vivo se ha detenido porque se han abierto las herramientas de desarrollo", "LIVE_DEV_DETACHED_TARGET_CLOSED" : "Desarrollo en Vivo se ha detenido porque se ha cerrado la página en el navegador", @@ -120,7 +121,12 @@ define({ "BUTTON_ALL" : "Todos\u2026", "BUTTON_STOP" : "Parar", "BUTTON_REPLACE" : "Reemplazar", - + + "BUTTON_NEXT" : "\u25B6", + "BUTTON_PREV" : "\u25C0", + "BUTTON_NEXT_HINT" : "Siguiente coincidencia", + "BUTTON_PREV_HINT" : "Anterior coincidencia", + "OPEN_FILE" : "Abrir archivo", "SAVE_FILE_AS" : "Guardar archivo", "CHOOSE_FOLDER" : "Elige una carpeta", @@ -144,9 +150,7 @@ define({ "FIND_IN_FILES_MATCHES" : "coincidencias", "FIND_IN_FILES_MORE_THAN" : "Más de ", "FIND_IN_FILES_PAGING" : "{0}—{1}", - "FIND_IN_FILES_FILE_PATH" : "Archivo: {0}", - "FIND_IN_FILES_LINE" : "línea: {0}", - + "FIND_IN_FILES_FILE_PATH" : "{0} {2} {1}", "ERROR_FETCHING_UPDATE_INFO_TITLE" : "Error obteniendo información sobre actualizaciones", "ERROR_FETCHING_UPDATE_INFO_MSG" : "Ocurrió un problema al obtener la información sobre las últimas actualizaciones desde el servidor. Por favor, asegúrate de estar conectado a internet y vuelve a intentarlo.", @@ -176,11 +180,21 @@ define({ "STATUSBAR_INDENT_TOOLTIP_TABS" : "Haz click para usar tabulaciones en la sangría", "STATUSBAR_INDENT_SIZE_TOOLTIP_SPACES" : "Haz click para cambiar el número de espacios usados en la sangría", "STATUSBAR_INDENT_SIZE_TOOLTIP_TABS" : "Haz click para cambiar el ancho de las tabulaciones", - "STATUSBAR_SPACES" : "Espacios", - "STATUSBAR_TAB_SIZE" : "Tamaño de tabulador", + "STATUSBAR_SPACES" : "Espacios:", + "STATUSBAR_TAB_SIZE" : "Tamaño de tabulador:", "STATUSBAR_LINE_COUNT_SINGULAR" : "\u2014 {0} Línea", "STATUSBAR_LINE_COUNT_PLURAL" : "\u2014 {0} Líneas", + // CodeInspection: errors/warnings + "ERRORS_PANEL_TITLE" : "Errores de {0}", + "SINGLE_ERROR" : "1 Error de {0}", + "MULTIPLE_ERRORS" : "{1} Errores de {0}", + "NO_ERRORS" : "No hay errores de {0}. ¡Buen trabajo!", + "LINT_DISABLED" : "La inspección de código esta deshabilitado", + "NO_LINT_AVAILABLE" : "No hay inspección de código disponible para {0}", + "NOTHING_TO_LINT" : "No hay nada para inspeccionar", + + /** * Command Name Constants */ @@ -199,7 +213,6 @@ define({ "CMD_FILE_SAVE_ALL" : "Guardar todo", "CMD_FILE_SAVE_AS" : "Guardar como\u2026", "CMD_LIVE_FILE_PREVIEW" : "Desarrollo en Vivo", - "CMD_LIVE_HIGHLIGHT" : "Resaltado en Desarrollo en Vivo", "CMD_PROJECT_SETTINGS" : "Configuración del proyecto\u2026", "CMD_FILE_RENAME" : "Renombrar", "CMD_FILE_DELETE" : "Eliminar", @@ -250,6 +263,8 @@ define({ "CMD_TOGGLE_LINE_NUMBERS" : "Mostrar números de línea", "CMD_TOGGLE_ACTIVE_LINE" : "Resaltar línea actual", "CMD_TOGGLE_WORD_WRAP" : "Habilitar ajuste de línea", + "CMD_LIVE_HIGHLIGHT" : "Resaltado en Desarrollo en Vivo", + "CMD_VIEW_TOGGLE_INSPECTION" : "Inspeccionar el código al guardar", "CMD_SORT_WORKINGSET_BY_ADDED" : "Ordenar por Añadido", "CMD_SORT_WORKINGSET_BY_NAME" : "Ordenar por Nombre", "CMD_SORT_WORKINGSET_BY_TYPE" : "Ordenar por Tipo", @@ -260,6 +275,7 @@ define({ "CMD_QUICK_OPEN" : "Apertura rápida", "CMD_GOTO_LINE" : "Ir a la línea", "CMD_GOTO_DEFINITION" : "Búsqueda rápida de definición", + "CMD_GOTO_FIRST_PROBLEM" : "Ir al primer Error/Advertencia", "CMD_TOGGLE_QUICK_EDIT" : "Edición rápida", "CMD_TOGGLE_QUICK_DOCS" : "Documentación rápida", "CMD_QUICK_EDIT_PREV_MATCH" : "Coincidencia anterior", @@ -280,12 +296,6 @@ define({ "CMD_TWITTER" : "{TWITTER_NAME} en Twitter", "CMD_ABOUT" : "Acerca de {APP_TITLE}", - - // Special commands invoked by the native shell - "CMD_CLOSE_WINDOW" : "Cerrar ventana", - "CMD_ABORT_QUIT" : "Cancelar salida", - "CMD_BEFORE_MENUPOPUP" : "Antes del Menú Emergente", - // Strings for main-view.html "EXPERIMENTAL_BUILD" : "versión experimental", "DEVELOPMENT_BUILD" : "versión de desarrollo", @@ -402,6 +412,7 @@ define({ "UNIT_PIXELS" : "píxeles", + // extensions/default/DebugCommands "DEBUG_MENU" : "Desarrollo", "CMD_SHOW_DEV_TOOLS" : "Mostrar herramientas para desarrolladores", @@ -420,9 +431,7 @@ define({ "LANGUAGE_CANCEL" : "Cancelar", "LANGUAGE_SYSTEM_DEFAULT" : "Idioma predeterminado", - /** - * Locales - */ + // Locales (used by Debug > Switch Language) "LOCALE_CS" : "Checo", "LOCALE_DE" : "Alemán", "LOCALE_EN" : "Inglés", @@ -436,6 +445,7 @@ define({ "LOCALE_PT_BR" : "Portugués, Brasil", "LOCALE_PT_PT" : "Portugués", "LOCALE_RU" : "Ruso", + "LOCALE_SK" : "Eslovaco", "LOCALE_SV" : "Sueco", "LOCALE_TR" : "Turco", "LOCALE_ZH_CN" : "Chino, simplificado", @@ -456,17 +466,14 @@ define({ "NO_ARGUMENTS" : "", // extensions/default/JSLint - "CMD_JSLINT" : "Habilitar JSLint", - "CMD_JSLINT_FIRST_ERROR" : "Ir al primer error de JSLint", - "JSLINT_ERRORS" : "Errores de JSLint", - "JSLINT_ERROR_INFORMATION" : "1 Error de JSLint", - "JSLINT_ERRORS_INFORMATION" : "{0} Errores de JSLint", - "JSLINT_NO_ERRORS" : "No hay errores de JSLint. ¡Buen trabajo!", - "JSLINT_DISABLED" : "JSLint está deshabilitado o no soporta el archivo actual", + "JSLINT_NAME" : "JSLint", // extensions/default/QuickView "CMD_ENABLE_QUICK_VIEW" : "Vista rápida con cursor", + // extensions/default/RecentProjects + "CMD_TOGGLE_RECENT_PROJECTS" : "Proyectos recientes", + // extensions/default/WebPlatformDocs "DOCS_MORE_LINK" : "Más" }); From dd6c4835c2341eedc87e494cec902917df1d6389 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tom=C3=A1s=20Malbr=C3=A1n?= Date: Tue, 17 Sep 2013 00:48:49 -0300 Subject: [PATCH 2/3] Changes after Review --- samples/es/Primeros Pasos/index.html | 2 +- src/nls/es/strings.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/samples/es/Primeros Pasos/index.html b/samples/es/Primeros Pasos/index.html index 2143a16a72a..6315990f8f2 100644 --- a/samples/es/Primeros Pasos/index.html +++ b/samples/es/Primeros Pasos/index.html @@ -51,7 +51,7 @@

Edición rápida de CSS y JavaScript

- ¿Quieres verlo funcionando? Coloca tu cursor sobe la etiqueta y pulsa Cmd/Ctrl + E. + ¿Quieres verlo funcionando? Coloca tu cursor sobe la etiqueta y oprime Cmd/Ctrl + E. Deberías ver aparecer un editor rápido de CSS más arriba. A la derecha verás un listado de todas las reglas CSS relacionadas con esta etiqueta. Simplemente desplázate entre las reglas con Alt + Arriba/Abajo para encontrar la que quieres modificar. diff --git a/src/nls/es/strings.js b/src/nls/es/strings.js index 8af4791950f..e3ea2a5ec7c 100644 --- a/src/nls/es/strings.js +++ b/src/nls/es/strings.js @@ -93,7 +93,7 @@ define({ "LIVE_DEV_STATUS_TIP_PROGRESS2" : "Desarrollo en Vivo: Inicializando\u2026", "LIVE_DEV_STATUS_TIP_CONNECTED" : "Terminar Desarrollo en Vivo", "LIVE_DEV_STATUS_TIP_OUT_OF_SYNC" : "Desarrollo en Vivo (guarda el archivo para actualizar)", - "LIVE_DEV_STATUS_TIP_SYNC_ERROR" : "Desarrollo en Vivo (no se esta actualizando debido a un error de sintaxis)", + "LIVE_DEV_STATUS_TIP_SYNC_ERROR" : "Desarrollo en Vivo (no se está actualizando debido a un error de sintaxis)", "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS" : "Desarrollo en Vivo se ha detenido porque se han abierto las herramientas de desarrollo", "LIVE_DEV_DETACHED_TARGET_CLOSED" : "Desarrollo en Vivo se ha detenido porque se ha cerrado la página en el navegador", From dfcdc217ba546e047e90eae80257a5832a8fc0d6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tom=C3=A1s=20Malbr=C3=A1n?= Date: Tue, 17 Sep 2013 00:53:37 -0300 Subject: [PATCH 3/3] Missed some review comments --- samples/es/Primeros Pasos/index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/samples/es/Primeros Pasos/index.html b/samples/es/Primeros Pasos/index.html index 6315990f8f2..1253fd921fd 100644 --- a/samples/es/Primeros Pasos/index.html +++ b/samples/es/Primeros Pasos/index.html @@ -45,7 +45,7 @@

Edición rápida de CSS y JavaScript

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 Cmd/Ctrl + E para abrir un editor rápido en - línea con todo el contenido CSS relacionado. Ajusta tu CSS y pulsa ESC para volver a tu HTML, o simplemente + línea con todo el contenido CSS relacionado. Ajusta tu CSS y oprime ESC para volver a tu HTML, o simplemente mantén las reglas CSS abiertas para que pasen a formar parte de tu editor de HTML. Si pulsas ESC fuera de un editor rápido, todos se cerrarán a la vez.

@@ -73,7 +73,7 @@

Edición rápida de CSS y JavaScript

Visualiza cambios en archivos HTML y CSS en vivo en el navegador

¿Conoces 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, + editor, oprimes guardar, cambias al navegador y recargas para por fin poder ver el resultado? Con Brackets, ya no tienes que hacerlo.

@@ -124,7 +124,7 @@

Vista Rápida

Para probar la previsualización tú mismo, coloca el cursor en la etiqueta al principio de este - documento y pulsa Cmd/Ctrl + E para abrir un editor CSS. Ahora, simplemente mueve el ratón sobre + documento y oprime Cmd/Ctrl + E para abrir un editor CSS. Ahora, simplemente mueve el ratón sobre cualquiera de los colores dentro del CSS. También puedes verlo funcionando en gradientes abriendo un editor de CSS en la etiqueta pasando el cursor por cualquiera de los valores para las imágenes de fondo. Para probar la vista previa de imágenes, coloca el cursor sobre la imagen con la captura de pantalla incluida