From 9697aeab7d1f7b4fd249e5c4cf8dbf3c8e9e0b14 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Wed, 7 Jul 2021 12:40:08 -0400 Subject: remove wiki.developer.mozilla.org links (es) (#1443) Part of #1440 --- files/es/glossary/key/index.html | 2 +- files/es/glossary/synchronous/index.html | 2 +- .../accessibility_troubleshooting/index.html | 12 ++++++------ files/es/learn/accessibility/html/index.html | 8 ++++---- .../building_blocks/backgrounds_and_borders/index.html | 2 +- .../handling_different_text_directions/index.html | 4 ++-- .../css/building_blocks/overflowing_content/index.html | 2 +- .../css/building_blocks/values_and_units/index.html | 4 ++-- files/es/learn/css/css_layout/flexbox/index.html | 2 +- files/es/learn/css/css_layout/index.html | 14 +++++++------- files/es/learn/forms/form_validation/index.html | 2 +- .../test_your_skills_colon__html5_controls/index.html | 2 +- .../test_your_skills_colon__other_controls/index.html | 2 +- .../adding_vector_graphics_to_the_web/index.html | 2 +- .../responsive_images/index.html | 2 +- .../javascript/objects/object_prototypes/index.html | 4 ++-- .../vue_getting_started/index.html | 2 +- files/es/mdn/contribute/getting_started/index.html | 4 ++-- .../webextensions/your_first_webextension/index.html | 8 ++++---- files/es/tools/about_colon_debugging/index.html | 18 +++++++++--------- files/es/web/api/file/index.html | 6 +++--- files/es/web/api/htmlinputelement/index.html | 16 ++++++++-------- files/es/web/api/intersection_observer_api/index.html | 2 +- files/es/web/api/window/requestidlecallback/index.html | 2 +- .../api/xmlhttprequest/using_xmlhttprequest/index.html | 2 +- files/es/web/css/@media/pointer/index.html | 2 +- files/es/web/css/_doublecolon_after/index.html | 6 +++--- files/es/web/css/_doublecolon_before/index.html | 4 ++-- files/es/web/css/_doublecolon_cue/index.html | 2 +- files/es/web/css/_doublecolon_first-letter/index.html | 4 ++-- files/es/web/css/_doublecolon_first-line/index.html | 2 +- files/es/web/css/background/index.html | 16 ++++++++-------- files/es/web/css/cascade/index.html | 2 +- files/es/web/css/display/index.html | 4 ++-- files/es/web/css/float/index.html | 2 +- files/es/web/css/index.html | 18 +++++++++--------- files/es/web/css/position/index.html | 2 +- files/es/web/css/specificity/index.html | 10 +++++----- files/es/web/html/element/iframe/index.html | 2 +- files/es/web/html/element/template/index.html | 4 ++-- .../headers/access-control-expose-headers/index.html | 2 +- files/es/web/http/headers/etag/index.html | 2 +- files/es/web/http/status/index.html | 2 +- .../reference/global_objects/isnan/index.html | 2 +- .../reference/global_objects/number/index.html | 2 +- .../global_objects/object/fromentries/index.html | 4 ++-- .../reference/global_objects/promise/then/index.html | 2 +- .../reference/statements/for...of/index.html | 2 +- files/es/web/tutorials/index.html | 4 ++-- .../using_templates_and_slots/index.html | 4 ++-- 50 files changed, 116 insertions(+), 116 deletions(-) (limited to 'files') diff --git a/files/es/glossary/key/index.html b/files/es/glossary/key/index.html index be1524acf3..4497eec7da 100644 --- a/files/es/glossary/key/index.html +++ b/files/es/glossary/key/index.html @@ -16,5 +16,5 @@ original_slug: Glossary/Clave diff --git a/files/es/glossary/synchronous/index.html b/files/es/glossary/synchronous/index.html index d4382e0855..6952a86f4d 100644 --- a/files/es/glossary/synchronous/index.html +++ b/files/es/glossary/synchronous/index.html @@ -21,5 +21,5 @@ original_slug: Glossary/Sincronico diff --git a/files/es/learn/accessibility/accessibility_troubleshooting/index.html b/files/es/learn/accessibility/accessibility_troubleshooting/index.html index 2509ef8aa5..dc2692a4f9 100644 --- a/files/es/learn/accessibility/accessibility_troubleshooting/index.html +++ b/files/es/learn/accessibility/accessibility_troubleshooting/index.html @@ -134,11 +134,11 @@ translation_of: Learn/Accessibility/Accessibility_troubleshooting

En este módulo

diff --git a/files/es/learn/accessibility/html/index.html b/files/es/learn/accessibility/html/index.html index 1b2fb1af25..51029e5887 100644 --- a/files/es/learn/accessibility/html/index.html +++ b/files/es/learn/accessibility/html/index.html @@ -255,7 +255,7 @@ Esta es la segunda subsección de mi documento. Creo que es más interesante que

Después puedes pulsar Enter / Return para seguir un enlace enfocado o pulsar un botón (hemos incluido algo de JavaScript para que los botones lancen un mensaje), o comenzar a escribir para introducir texto en un campo de texto. Otros elementos de formulario tienen diferentes controles; por ejemplo, el elemento {{htmlelement ("select")}} puede mostrar sus opciones y alternar entre usar las teclas de flecha arriba y abajo.

-

Note: Diferentes navegadores pueden tener diferentes opciones de control de teclado disponibles. Consulta Using native keyboard accessibility para obtener más detalles.

+

Note: Diferentes navegadores pueden tener diferentes opciones de control de teclado disponibles. Consulta Using native keyboard accessibility para obtener más detalles.

Básicamente, obtienes este comportamiento gratis, solo con el uso de los elementos apropiados. Por ejemplo:

@@ -537,7 +537,7 @@ Esta es la segunda subsección de mi documento. Creo que es más interesante que @@ -551,7 +551,7 @@ Esta es la segunda subsección de mi documento. Creo que es más interesante que @@ -567,7 +567,7 @@ Esta es la segunda subsección de mi documento. Creo que es más interesante que

¡Pon a prueba tus habilidades!

-

Ha llegado al final de este artículo, pero ¿recuerdas la información más importante? Consulta Test your skills: HTML Accessibility para verificar que has retenido esta información antes de continuar.

+

Ha llegado al final de este artículo, pero ¿recuerdas la información más importante? Consulta Test your skills: HTML Accessibility para verificar que has retenido esta información antes de continuar.

Resumen

diff --git a/files/es/learn/css/building_blocks/backgrounds_and_borders/index.html b/files/es/learn/css/building_blocks/backgrounds_and_borders/index.html index a44c392720..cbc8fe71c7 100644 --- a/files/es/learn/css/building_blocks/backgrounds_and_borders/index.html +++ b/files/es/learn/css/building_blocks/backgrounds_and_borders/index.html @@ -272,7 +272,7 @@ background-position: 10px 20px, top right;

Pon a prueba tus habilidades

-

Hemos cubierto mucho terreno en este artículo. ¿Recuerdas la información más relevante? Encontrarás más pruebas para verificar que retienes la información antes de seguir adelante en Test your skills: Backgrounds and Borders.

+

Hemos cubierto mucho terreno en este artículo. ¿Recuerdas la información más relevante? Encontrarás más pruebas para verificar que retienes la información antes de seguir adelante en Test your skills: Backgrounds and Borders.

Resumen

diff --git a/files/es/learn/css/building_blocks/handling_different_text_directions/index.html b/files/es/learn/css/building_blocks/handling_different_text_directions/index.html index 4f1e9a7143..8ecbc4c6b3 100644 --- a/files/es/learn/css/building_blocks/handling_different_text_directions/index.html +++ b/files/es/learn/css/building_blocks/handling_different_text_directions/index.html @@ -107,7 +107,7 @@ original_slug: Learn/CSS/Building_blocks/Manejando_diferentes_direcciones_de_tex

{{EmbedGHLiveSample("css-examples/learn/writing-modes/logical-mbp.html", '100%', 1200)}}

-

Existe un gran número de propiedades cuando consideras cada uno de los bordes que puedes hacer a mano, y puedes ver todas las propiedades asignadas en la página de MDN para propiedades Lógicas y Valores

+

Existe un gran número de propiedades cuando consideras cada uno de los bordes que puedes hacer a mano, y puedes ver todas las propiedades asignadas en la página de MDN para propiedades Lógicas y Valores

Valores lógicos

@@ -131,7 +131,7 @@ original_slug: Learn/CSS/Building_blocks/Manejando_diferentes_direcciones_de_tex

¡Prueba tus habilidades!

-

Tenemos mucho terreno cubierto en este artículo, pero puedes recordad la información más importante? Puedes encontrar algunas pruebas adicionales para verificar que has retenido esta información antes de seguir adelante: Prueba tus habilidades: modos de escritura.

+

Tenemos mucho terreno cubierto en este artículo, pero puedes recordad la información más importante? Puedes encontrar algunas pruebas adicionales para verificar que has retenido esta información antes de seguir adelante: Prueba tus habilidades: modos de escritura.

Resumen

diff --git a/files/es/learn/css/building_blocks/overflowing_content/index.html b/files/es/learn/css/building_blocks/overflowing_content/index.html index 4c5b173d08..0488b660cf 100644 --- a/files/es/learn/css/building_blocks/overflowing_content/index.html +++ b/files/es/learn/css/building_blocks/overflowing_content/index.html @@ -91,7 +91,7 @@ original_slug: Learn/CSS/Building_blocks/Contenido_desbordado

Pon a prueba tus conocimientos

-

Hay mucho que absorber en esta lección. ¿Recuerdas la información más importante? Para comprobarlo, ve a Test your skills: overflow.

+

Hay mucho que absorber en esta lección. ¿Recuerdas la información más importante? Para comprobarlo, ve a Test your skills: overflow.

Resumen

diff --git a/files/es/learn/css/building_blocks/values_and_units/index.html b/files/es/learn/css/building_blocks/values_and_units/index.html index c72e131a90..f472eb1a2a 100644 --- a/files/es/learn/css/building_blocks/values_and_units/index.html +++ b/files/es/learn/css/building_blocks/values_and_units/index.html @@ -340,7 +340,7 @@ original_slug: Learn/CSS/Building_blocks/Valores_y_unidades_CSS

En los ejemplos anteriores hemos visto casos en que se usan palabras clave como valores (por ejemplo, palabras clave para <color>, como red, black, rebeccapurple y goldenrod). Estas palabras clave normalmente se describen como identificadores, un valor especial que el CSS entiende. Como tales, no se escriben entre comillas (es decir, no se tratan como cadenas).

-

Hay casos en el CSS en que debes usar cadenas, por ejemplo, al especificar el contenido que generas. En este caso, el valor se escribe entre comillas para mostrar que se trata de una cadena de caracteres. En el ejemplo siguiente hemos usado palabras clave para el color, sin entrecomillar, y también una cadena caracteres, de contenido generado, entrecomillada.

+

Hay casos en el CSS en que debes usar cadenas, por ejemplo, al especificar el contenido que generas. En este caso, el valor se escribe entre comillas para mostrar que se trata de una cadena de caracteres. En el ejemplo siguiente hemos usado palabras clave para el color, sin entrecomillar, y también una cadena caracteres, de contenido generado, entrecomillada.

{{EmbedGHLiveSample("css-examples/learn/values-units/strings-idents.html", '100%', 550)}} 

@@ -356,7 +356,7 @@ original_slug: Learn/CSS/Building_blocks/Valores_y_unidades_CSS

Pon a prueba tus conocimientos

-

Hemos cubierto mucho terreno en este artículo. ¿Recuerdas la información más importante? Encontrarás más pruebas para comprobar que retienes esa información antes de seguir en Test your skills: Values and units.

+

Hemos cubierto mucho terreno en este artículo. ¿Recuerdas la información más importante? Encontrarás más pruebas para comprobar que retienes esa información antes de seguir en Test your skills: Values and units.

Resumen

diff --git a/files/es/learn/css/css_layout/flexbox/index.html b/files/es/learn/css/css_layout/flexbox/index.html index 5d2b8cdf36..4bfde0827c 100644 --- a/files/es/learn/css/css_layout/flexbox/index.html +++ b/files/es/learn/css/css_layout/flexbox/index.html @@ -309,7 +309,7 @@ article:nth-of-type(3) {

Pon a prueba tus habilidades

-

Hemos cubierto mucho terreno en este artículo. ¿Recuerdas la información más importante? Encontrarás más pruebas para comprobar si retienes esta información antes de seguir en Test your skills: Flexbox.

+

Hemos cubierto mucho terreno en este artículo. ¿Recuerdas la información más importante? Encontrarás más pruebas para comprobar si retienes esta información antes de seguir en Test your skills: Flexbox.

Resumen

diff --git a/files/es/learn/css/css_layout/index.html b/files/es/learn/css/css_layout/index.html index afa1b0f9a0..87898e5080 100644 --- a/files/es/learn/css/css_layout/index.html +++ b/files/es/learn/css/css_layout/index.html @@ -45,7 +45,7 @@ translation_of: Learn/CSS/CSS_layout
Introducción a la maquetación CSS
En este artículo repasaremos algunas de las características de la maquetación con CSS que ya hemos tratado en módulos previos, como los diferentes valores de {{cssxref("display")}} ; e introduciremos algunos de los conceptos que estudiaremos a lo largo del módulo.
-
Normal flow
+
Normal flow
Los elementos en las páginas web se presentan de acuerdo con el flujo normal, hasta que hacemos algo que cambie eso. Este artículo explica las bases del flujo normal para aprender como cambiarlo.
Flexbox
Flexbox  es una muy reciente tecnología que, soportada ya por numerosos navegadores, está lista para su uso generalizado. Flexbox proporciona las herramientas necesarias para crear rápidamente maquetaciones flexibles y complejas, así como otras funcionalidades que tradicionalmente eran de difícil implementación con CSS. Este artículo explica su funcionamiento básico.
@@ -53,19 +53,19 @@ translation_of: Learn/CSS/CSS_layout
Los sistemas de cuadrícula son otra funcionalidad muy utilizada para la maquetación CSS, que tiende a ser implementada mediante floats u otras funciones de maquetación. Visualizas tu maquetación como un número fijo de columnas donde vas incluyendo tu contenido. En este artículo exploraremos la idea básica detrás de un sistema de cuadrícula, y terminaremos experimentando con CSS Grid, una incipiente nueva característica que permite diseñar una cuadricula Web con gran facilidad
Floats
Inicialmente utilizado para imágenes flotantes dentro de bloques de texto, la propiedad {{cssxref("float")}} se ha convertido en una de las herramientas más utilizadas para crear maquetaciones de varias columnas en páginas web. Con la venida de Flexbox y Grid se ha regresado a su propósito original, como lo explica este artículo.
-
Posicionamiento
+
Posicionamiento
El posicionamiento te permite sacar elementos del flujo normal de maquetación del documento para hacer que se comporten de manera diferente, p.ej: colocando unos encima de otros, o fijándolos a un lugar de la ventana principal. Este artículo explica los diferentes valores para  {{cssxref("position")}} y cómo utilizarlos.
Ejemplos prácticos de posicionamiento
Una vez cubiertas las nociones básicas de posicionamiento en el artículo anterior, vamos ahora a construir un par de ejemplos reales, para explicar las cosas que puedes hacer con el posicionamiento.
-
Diseño Multi-columna
+
Diseño Multi-columna
El diseño multi-columna te proporciona un método de maquetación de contenido en columnas, como lo podrías ver en un periódico. Este artículo explica como usar esta característica.
-
Responsive design
+
Responsive design
A medida que han aparecido diversos tamaños de pantalla en dispositivos habilitados para la web, apareció un conjunto de practicas que permiten a las páginas web alterar su diseño y apariencia para adaptarse a diferentes anchos de pantalla, resoluciones, etc.Este se conoce como Responsive design (RWD) y es una idea que cambió la forma en que diseñamos páginas web multi-dispositivos, y en este artículo te ayudaremos a entender las principales técnicas que necesitas saber para dominarlo.
-
Guía de consulta de medios para principiantes
+
Guía de consulta de medios para principiantes
CSS Media Query te proporciona una forma de aplicar CSS solo cuando el entorno del navegador y el dispositivo coincide con las reglas que especificaste, por ejemplo "la ventana principal es más ancha de 480 pixels". Las consultas de medios son una parte clave del responsive web design, ya que te permiten crear diferentes diseños dependiendo del tamaño de la ventana principal, así como también puede ser usado para detectar otras cosas acerca del entorno en donde tu página web se está ejecutando, por ejemplo si el usuario está usando una pantalla táctil en lugar de un ratón. En esta guía, aprenderás primero acerca de la sintaxis usada en las consultas de medios, y luego pasar a usarlos en un ejemplo donde se muestra cómo un diseño simple puede hacerse responsive.
-
Métodos de diseño heredados
+
Métodos de diseño heredados
Los sistemas Grid son una característica muy común usada en el diseño CSS, y antes del diseño Grid CSS, tendían a ser implementados usando floats u otras características de diseño. Imagina tu diseño como un conjunto de números de columnas (p.ej. 4, 5 o 12), y luego acomoda tus columnas de contenido dentro de esas columnas imaginarias. En este artículo vamos a explorar cómo funcionan estos métodos para que entiendas como eran usados si trabajas en un proyecto más antiguo. 
-
Soporte a navegadores antiguos
+
Soporte a navegadores antiguos
En este modulo recomendamos usar Flexbox y Grid como principal método de diseño. Siempre habrán personas que visiten tu página web desde navegadores antiguos, o navegadores que no soportan los métodos que usaste. Este siempre ha sido el caso en la web: a medida que se desarrollan nuevas características, los distintos navegadores priorizan diferentes cosas. Este artículo explica como usar técnicas modernas para la web sin dejar por fuera a los usuarios de tecnologías antiguas. 
diff --git a/files/es/learn/forms/form_validation/index.html b/files/es/learn/forms/form_validation/index.html index c5a4d4f0dc..8bfb1c050d 100644 --- a/files/es/learn/forms/form_validation/index.html +++ b/files/es/learn/forms/form_validation/index.html @@ -806,7 +806,7 @@ addEvent(form, "submit", function () {

Prueba tus habilidades!

-

Has llegado al final de este artículo pero ¿puedes recordar la información más importante?Puedes encontrar pruebas adicionales para comprovar que has comprendido la información antes de que continue — visita Prueba tus habilidades: Validación de formularios.

+

Has llegado al final de este artículo pero ¿puedes recordar la información más importante?Puedes encontrar pruebas adicionales para comprovar que has comprendido la información antes de que continue — visita Prueba tus habilidades: Validación de formularios.

Resumen

diff --git a/files/es/learn/forms/test_your_skills_colon__html5_controls/index.html b/files/es/learn/forms/test_your_skills_colon__html5_controls/index.html index da67e807c8..47b9907949 100644 --- a/files/es/learn/forms/test_your_skills_colon__html5_controls/index.html +++ b/files/es/learn/forms/test_your_skills_colon__html5_controls/index.html @@ -17,7 +17,7 @@ original_slug: Learn/HTML/Forms/Prueba_tus_habilidades:_controles_HTML5

Nota: Puedes intentar resolver esta prueba en los editores interactivos más abajo, sin embargo, puede ser útil descargar el código y usar una herramienta en línea como CodePen, jsFiddle, o Glitch para trabajar en las tareas.

- Si te atascas, pide ayuda — mira la sección Evaluación o ayuda adicional al final de esta página.

+ Si te atascas, pide ayuda — mira la sección Evaluación o ayuda adicional al final de esta página.

Controles HTML5 1

diff --git a/files/es/learn/forms/test_your_skills_colon__other_controls/index.html b/files/es/learn/forms/test_your_skills_colon__other_controls/index.html index 4e3e8a0c45..5bc43b661d 100644 --- a/files/es/learn/forms/test_your_skills_colon__other_controls/index.html +++ b/files/es/learn/forms/test_your_skills_colon__other_controls/index.html @@ -11,7 +11,7 @@ original_slug: Learn/HTML/Forms/Prueba_tus_habilidades:_Otros_controles

Nota: Puedes intentar resolver esta prueba en los editores interactivos más abajo, sin embargo, puede ser útil descargar el código y usar una herramienta en línea como CodePen, jsFiddle, o Glitch para trabajar en las tareas.

- Si te atascas, pide ayuda — mira la sección Evaluación o ayuda adicional al final de esta página.

+ Si te atascas, pide ayuda — mira la sección Evaluación o ayuda adicional al final de esta página.

Otros controles 1

diff --git a/files/es/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html b/files/es/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html index 5169cfc976..3f600b49e5 100644 --- a/files/es/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html +++ b/files/es/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html @@ -184,7 +184,7 @@ background-size: contain;

Cómo incrustar un SVG con un {{htmlelement("iframe")}}

-

Puede abrir imágenes SVG en su navegador al igual que las páginas web. Entonces, incrustar un documento SVG con un <iframe> se realiza tal como lo estudiamos en De <object> a <iframe> — otras tecnologías de incrustación.

+

Puede abrir imágenes SVG en su navegador al igual que las páginas web. Entonces, incrustar un documento SVG con un <iframe> se realiza tal como lo estudiamos en De <object> a <iframe> — otras tecnologías de incrustación.

Aquí hay una revisión rápida:

diff --git a/files/es/learn/html/multimedia_and_embedding/responsive_images/index.html b/files/es/learn/html/multimedia_and_embedding/responsive_images/index.html index ef66e0fd14..564af55f47 100644 --- a/files/es/learn/html/multimedia_and_embedding/responsive_images/index.html +++ b/files/es/learn/html/multimedia_and_embedding/responsive_images/index.html @@ -46,7 +46,7 @@ translation_of: Learn/HTML/Multimedia_and_embedding/Responsive_images

Una mejora sería mostrar una versión recortada de la imagen que muestra los detalles importantes de la imagen cuando el sitio se ve en una pantalla estrecha. Se podría mostrar una segunda imagen recortada para un dispositivo de pantalla de ancho medio, como una tableta. A esto se le conoce comúnmente como el problema de cambio de resolución.

-

Además, no es necesario incrustar imágenes más grandes en la página si se está viendo en una pantalla móvil. Y, a la inversa, una imagen rasterizada pequeña comienza a verse más pixelada cuando se muestra mayor que su tamaño original (una imagen rasterizada es un conjunto determinado de píxeles de ancho y de alto, como vimos cuando vimos los gráficos vectoriales). Esto se denomina problema de cambio de resolución.

+

Además, no es necesario incrustar imágenes más grandes en la página si se está viendo en una pantalla móvil. Y, a la inversa, una imagen rasterizada pequeña comienza a verse más pixelada cuando se muestra mayor que su tamaño original (una imagen rasterizada es un conjunto determinado de píxeles de ancho y de alto, como vimos cuando vimos los gráficos vectoriales). Esto se denomina problema de cambio de resolución.

Por el contrario, no es necesario mostrar una imagen grande en una pantalla significativamente más pequeña que el tamaño para el que fue diseñada. Hacerlo puede desperdiciar ancho de banda; en particular, los usuarios de dispositivos móviles no quieren desperdiciar ancho de banda descargando una imagen grande destinada al escritorio, cuando una imagen pequeña sería suficiente para su dispositivo. Idealmente, tendría varias resoluciones disponibles y serviría el tamaño apropiado según el dispositivo que acceda a los datos en el sitio web.

diff --git a/files/es/learn/javascript/objects/object_prototypes/index.html b/files/es/learn/javascript/objects/object_prototypes/index.html index 852dd5e70e..64a2b4fb1b 100644 --- a/files/es/learn/javascript/objects/object_prototypes/index.html +++ b/files/es/learn/javascript/objects/object_prototypes/index.html @@ -77,7 +77,7 @@ translation_of: Learn/JavaScript/Objects/Object_prototypes 
person1.valueOf()
-

Este método valueOf() simplemente retornará el valor del objeto sobre el que se llama - ¡pruébalo y verás! En este caso, lo que pasa es que:

+

Este método valueOf() simplemente retornará el valor del objeto sobre el que se llama - ¡pruébalo y verás! En este caso, lo que pasa es que:

diff --git a/files/es/mozilla/add-ons/webextensions/your_first_webextension/index.html b/files/es/mozilla/add-ons/webextensions/your_first_webextension/index.html index 1a2ad67967..6f5d6866bf 100644 --- a/files/es/mozilla/add-ons/webextensions/your_first_webextension/index.html +++ b/files/es/mozilla/add-ons/webextensions/your_first_webextension/index.html @@ -10,7 +10,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/Tu_primera_WebExtension
{{AddonSidebar}}
-

Si estás familiarizado/a con los conceptos básicos de las extensiones de navegador, omite esta sección y ve a cómo se ponen juntos los archivos. Entonces, usa la documentación de referencia para empezar a construir tu extensión. Visita el Firefox Extension Workshop para aprender más sobre el flujo de trabajo para probar y publicar extensiones para Firefox.

+

Si estás familiarizado/a con los conceptos básicos de las extensiones de navegador, omite esta sección y ve a cómo se ponen juntos los archivos. Entonces, usa la documentación de referencia para empezar a construir tu extensión. Visita el Firefox Extension Workshop para aprender más sobre el flujo de trabajo para probar y publicar extensiones para Firefox.

En este artículo abordaremos la creación de una extensión para Firefox, desde el comienzo hasta el final. La extensión solo agrega un borde rojo a cualquiera de las páginas cargadas desde "mozilla.org" o cualquiera de sus subdominios.

@@ -154,8 +154,8 @@ cd borderify diff --git a/files/es/tools/about_colon_debugging/index.html b/files/es/tools/about_colon_debugging/index.html index d79402d197..c847a43e32 100644 --- a/files/es/tools/about_colon_debugging/index.html +++ b/files/es/tools/about_colon_debugging/index.html @@ -156,11 +156,11 @@ translation_of: 'Tools/about:debugging'

Si instala una extensión de esta manera, ¿qué sucede cuando actualiza la extensión?

@@ -176,7 +176,7 @@ translation_of: 'Tools/about:debugging'

Al igual que sucede con las extensiones cargadas temporalmente, el enlace junto a la URL del manifiesto abre el manifiesto cargado en una nueva pestaña.

-

Nota: Se recomienda que use la caja de herramientas del navegador, no el depurador de complementos, para depurar extensiones web. Vea Depuración de WebExtensions para todos los detalles.

+

Nota: Se recomienda que use la caja de herramientas del navegador, no el depurador de complementos, para depurar extensiones web. Vea Depuración de WebExtensions para todos los detalles.

La sección Complementos en about:debugging enumera todas las extensiones web que están instaladas actualmente. Al lado de cada entrada hay un botón etiquetado Inspeccionar.

@@ -187,16 +187,16 @@ translation_of: 'Tools/about:debugging'

Si hace clic en Inspeccionar, el depurador de complementos comenzará en una nueva pestaña.

-

Consulte la página del depurador de complementos para ver todas las cosas que puede hacer con esta herramienta.

+

Consulte la página del depurador de complementos para ver todas las cosas que puede hacer con esta herramienta.

Workers

Esta sección muestra todos los Workers que tienes registrados en tu Firefox, clasificados de la siguiente manera:

Puede conectar las herramientas de desarrollador a cada trabajador y enviar notificaciones push a los trabajadores del servicio.

@@ -227,7 +227,7 @@ translation_of: 'Tools/about:debugging'

Envío de eventos push a service workers

-

Para depurar notificaciones push, puede establecer un punto de interrupción en el detector de eventos push. Sin embargo, también puede depurar notificaciones push localmente, sin necesidad del servidor. Haga clic en el botón Push para enviar un evento push al trabajador del servicio.

+

Para depurar notificaciones push, puede establecer un punto de interrupción en el detector de eventos push. Sin embargo, también puede depurar notificaciones push localmente, sin necesidad del servidor. Haga clic en el botón Push para enviar un evento push al trabajador del servicio.

Trabajadores de servicio no compatibles

diff --git a/files/es/web/api/file/index.html b/files/es/web/api/file/index.html index 006125622e..f23d046297 100644 --- a/files/es/web/api/file/index.html +++ b/files/es/web/api/file/index.html @@ -17,7 +17,7 @@ translation_of: Web/API/File

Un objeto File es una especie específica de {{DOMxRef("Blob")}}, y puede ser utilizada en cualquier contexto que un Blob puede ser usado. En particular, {{DOMxRef("FileReader")}}, {{DOMxRef("URL.createObjectURL()")}}, {{DOMxRef("ImageBitmapFactories.createImageBitmap()", "createImageBitmap()")}}, y {{DOMxRef("XMLHttpRequest", "", "send()")}} aceptan tanto Blobs y Files.

-

Ver Utilizando archivos desde aplicaciones web (Using files from web applications) para más información y ejemplos.

+

Ver Utilizando archivos desde aplicaciones web (Using files from web applications) para más información y ejemplos.

{{InheritanceDiagram}}

@@ -34,7 +34,7 @@ translation_of: Web/API/File
{{DOMxRef("File.lastModified")}}{{ReadOnlyInline}}
Retorna el último tiempo que el archivo se modifico, en milisegundos desde la época de UNIX (1 de enero de 1970 a medianoche).
{{DOMxRef("File.lastModifiedDate")}} {{Deprecated_Inline}}{{ReadOnlyInline}} {{Gecko_MinVersion_Inline("15.0")}}
-
Retorna la última fecha (en un objeto {{JSxRef("Date")}}Date) de modificación del archivo referenciada por el objeto File.
+
Retorna la última fecha (en un objeto {{JSxRef("Date")}}Date) de modificación del archivo referenciada por el objeto File.
{{DOMxRef("File.name")}}{{ReadOnlyInline}}
Retorna el nombre del archivo referenciada por el objeto File.
{{DOMxRef("File.webkitRelativePath")}} {{Non-standard_Inline}}{{ReadOnlyInline}}
@@ -45,7 +45,7 @@ translation_of: Web/API/File
{{DOMxRef("File.size")}}{{ReadOnlyInline}}
Retorna el tamaño del archivo en bytes.
{{DOMxRef("File.type")}}{{ReadOnlyInline}}
-
Retorna el tipo MIME del archivo.
+
Retorna el tipo MIME del archivo.

Métodos

diff --git a/files/es/web/api/htmlinputelement/index.html b/files/es/web/api/htmlinputelement/index.html index 049ddd7942..9bc67624b3 100644 --- a/files/es/web/api/htmlinputelement/index.html +++ b/files/es/web/api/htmlinputelement/index.html @@ -373,23 +373,23 @@ translation_of: Web/API/HTMLInputElement

Eventos

-

Responde a este elemento usando addEventListener() o asignando una respuesta a la propiedad oneventname de esta interface:

+

Responde a este elemento usando addEventListener() o asignando una respuesta a la propiedad oneventname de esta interface:

-
input
+
input
Se activa cuando el value de un elemento {{HTMLElement("input")}}, {{HTMLElement("select")}}, o {{HTMLElement("textarea")}} ha sido modificado.
-

Nota: Esto es actualmente gatillado en la interface {{domxref("HTMLElement")}} y también aplica a los elementos contenteditable, pero lo hemos listado acá porque es más utilizado con los elementos de entrada de formularios.

+

Nota: Esto es actualmente gatillado en la interface {{domxref("HTMLElement")}} y también aplica a los elementos contenteditable, pero lo hemos listado acá porque es más utilizado con los elementos de entrada de formularios.

-

También disponible por la propiedad manipuladora oninput.

+

También disponible por la propiedad manipuladora oninput.

-
invalid
+
invalid
Fired when an element does not satisfy its constraints during constraint validation.
-
Also available via the oninvalid event handler property.
-
search
+
Also available via the oninvalid event handler property.
+
search
Fired when a search is initiated on an {{HTMLElement("input")}} of type="search".
-
Also available via the onsearch event handler property.
+
Also available via the onsearch event handler property.

Especificaciones

diff --git a/files/es/web/api/intersection_observer_api/index.html b/files/es/web/api/intersection_observer_api/index.html index d96bb02280..832656d56f 100644 --- a/files/es/web/api/intersection_observer_api/index.html +++ b/files/es/web/api/intersection_observer_api/index.html @@ -290,7 +290,7 @@ function intersectionCallback(entries) {
  • Starting at the target's immediate parent block and moving outward, each containing block's clipping (if any) is applied to the intersection rectangle. A block's clipping is determined based on the intersection of the two blocks and the clipping mode (if any) specified by the {{cssxref("overflow")}} property. Setting overflow to anything but visible causes clipping to occur.
  • If one of the containing elements is the root of a nested browsing context (such as the document contained in an {{HTMLElement("iframe")}}, the intersection rectangle is clipped to the containing context's viewport, and recursion upward through the containers continues with the container's containing block. So if the top level of an <iframe> is reached, the intersection rectangle is clipped to the frame's viewport, then the frame's parent element is the next block recursed through toward the intersection root.
  • When recursion upward reaches the intersection root, the resulting rectangle is mapped to the intersection root's coordinate space.
    • -
  • The resulting rectangle is then updated by intersecting it with the root intersection rectangle.
    • +
  • The resulting rectangle is then updated by intersecting it with the root intersection rectangle.
  • This rectangle is, finally, mapped to the coordinate space of the target's {{domxref("document")}}.
    • diff --git a/files/es/web/api/window/requestidlecallback/index.html b/files/es/web/api/window/requestidlecallback/index.html index ba4351f818..daa283a28e 100644 --- a/files/es/web/api/window/requestidlecallback/index.html +++ b/files/es/web/api/window/requestidlecallback/index.html @@ -38,7 +38,7 @@ translation_of: Web/API/Window/requestIdleCallback

    Ejemplos

    -

    Ver ejemplo en el artículo Planificación Cooperativa de la API de Tareas en segundo plano.

    +

    Ver ejemplo en el artículo Planificación Cooperativa de la API de Tareas en segundo plano.

    Especificaciones

    diff --git a/files/es/web/api/xmlhttprequest/using_xmlhttprequest/index.html b/files/es/web/api/xmlhttprequest/using_xmlhttprequest/index.html index c3d2b48e7f..ce08ba50be 100644 --- a/files/es/web/api/xmlhttprequest/using_xmlhttprequest/index.html +++ b/files/es/web/api/xmlhttprequest/using_xmlhttprequest/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/XMLHttpRequest/Using_XMLHttpRequest ---

    {{APIRef("XMLHttpRequest")}}

    -

    En esta guía le echaremos un vistazo a cómo usar {{domxref("XMLHttpRequest")}} para enviar solicitudes HTTP con el objetivo de intercambiar datos entre el sitio web y el servidor. Se incluyen ejemplos, tanto para los casos de uso comunes de XMLHttpRequest, como para los más inusuales.

    +

    En esta guía le echaremos un vistazo a cómo usar {{domxref("XMLHttpRequest")}} para enviar solicitudes HTTP con el objetivo de intercambiar datos entre el sitio web y el servidor. Se incluyen ejemplos, tanto para los casos de uso comunes de XMLHttpRequest, como para los más inusuales.

    Para enviar una solicitud HTTP, cree un objeto XMLHttpRequest, abra una URL y envíe la solicitud. Una vez que la transacción haya sido completada, el objeto contendrá información útil tal como el cuerpo de la respuesta y el estado HTTP del resultado.

    diff --git a/files/es/web/css/@media/pointer/index.html b/files/es/web/css/@media/pointer/index.html index f7fca78ca6..49f8bdae01 100644 --- a/files/es/web/css/@media/pointer/index.html +++ b/files/es/web/css/@media/pointer/index.html @@ -5,7 +5,7 @@ translation_of: Web/CSS/@media/pointer ---
    {{cssref}}
    -

    La caracteristica pointer CSS comprueba si el usuario tiene un dispositivo de puntero (como el ratón), y si es así, cuán preciso es el dispositivo de puntero primario.

    +

    La caracteristica pointer CSS comprueba si el usuario tiene un dispositivo de puntero (como el ratón), y si es así, cuán preciso es el dispositivo de puntero primario.

    Nota: Si quieres comprobar la precisión de cualquier dispositivo apuntador, usa any-pointer en su lugar.

    diff --git a/files/es/web/css/_doublecolon_after/index.html b/files/es/web/css/_doublecolon_after/index.html index 79604cbf01..76277a8f2c 100644 --- a/files/es/web/css/_doublecolon_after/index.html +++ b/files/es/web/css/_doublecolon_after/index.html @@ -14,7 +14,7 @@ translation_of: 'Web/CSS/::after'
    -

    En CSS, ::after crea un pseudo-elemento que es el último hijo del elemento seleccionado. Es comunmente usado para añadir contenido cosmético a un elemento con la propiedad {{CSSxRef("content")}}.Es en linea (inline) de forma predeterminada.

    +

    En CSS, ::after crea un pseudo-elemento que es el último hijo del elemento seleccionado. Es comunmente usado para añadir contenido cosmético a un elemento con la propiedad {{CSSxRef("content")}}.Es en linea (inline) de forma predeterminada.

    /* Añdade una flecha después de los enlaces */
 a::after {
@@ -22,7 +22,7 @@ translation_of: 'Web/CSS/::after'
 }
    -

    Nota: Los pseudo-elementos generados por  ::before y ::after son contenidos por la caja de formato del elemento, y por lo tanto no aplica a elementos reemplazados como los elementos {{HTMLElement("img")}}, o {{HTMLElement("br")}}.

    +

    Nota: Los pseudo-elementos generados por  ::before y ::after son contenidos por la caja de formato del elemento, y por lo tanto no aplica a elementos reemplazados como los elementos {{HTMLElement("img")}}, o {{HTMLElement("br")}}.

    @@ -31,7 +31,7 @@ translation_of: 'Web/CSS/::after' {{CSSSyntax}}
    -

    Nota: CSS3 introdujo la notación ::after (con doble dos puntos) para distinguir pseudo-clases de pseudo-elementos. Los navegadores también aceptan :after, añadido en CSS2.

    +

    Nota: CSS3 introdujo la notación ::after (con doble dos puntos) para distinguir pseudo-clases de pseudo-elementos. Los navegadores también aceptan :after, añadido en CSS2.

    Ejemplos

    diff --git a/files/es/web/css/_doublecolon_before/index.html b/files/es/web/css/_doublecolon_before/index.html index 14692b829e..ae1f316228 100644 --- a/files/es/web/css/_doublecolon_before/index.html +++ b/files/es/web/css/_doublecolon_before/index.html @@ -19,7 +19,7 @@ translation_of: 'Web/CSS/::before' }
    -

    Nota: Los pseudoelementos generados por ::before y ::after son contenidos por la caja de formato del elemento, y por lo tanto, no aplica a elementos de reemplazo como los elementos {{htmlelement("img")}}, o {{htmlelement("br")}}.

    +

    Nota: Los pseudoelementos generados por ::before y ::after son contenidos por la caja de formato del elemento, y por lo tanto, no aplica a elementos de reemplazo como los elementos {{htmlelement("img")}}, o {{htmlelement("br")}}.

    Sintaxis

    @@ -27,7 +27,7 @@ translation_of: 'Web/CSS/::before' {{csssyntax}}
    -

    Nota: CSS3 introdujo la notación ::before (con doble dos puntos) para diferenciar pseudo-clases con pseudo-elementos. Los navegadores aceptan :before, añadido en CSS2.

    +

    Nota: CSS3 introdujo la notación ::before (con doble dos puntos) para diferenciar pseudo-clases con pseudo-elementos. Los navegadores aceptan :before, añadido en CSS2.

    Ejemplos

    diff --git a/files/es/web/css/_doublecolon_cue/index.html b/files/es/web/css/_doublecolon_cue/index.html index ea72ee47e4..f36a280a32 100644 --- a/files/es/web/css/_doublecolon_cue/index.html +++ b/files/es/web/css/_doublecolon_cue/index.html @@ -16,7 +16,7 @@ translation_of: 'Web/CSS/::cue' ---
    {{CSSRef}}
    -

    El pseudo-elemento CSS ::cue señala las pistas de texto WebVTT dentro del elemento seleccionado. Esto puede ser usado para estilizar subtítulos y otras pistas de texto multimedia con pistas de texto.

    +

    El pseudo-elemento CSS ::cue señala las pistas de texto WebVTT dentro del elemento seleccionado. Esto puede ser usado para estilizar subtítulos y otras pistas de texto multimedia con pistas de texto.

    ::cue {
   color: yellow;
diff --git a/files/es/web/css/_doublecolon_first-letter/index.html b/files/es/web/css/_doublecolon_first-letter/index.html
index 3eaac26adf..50fda43613 100644
--- a/files/es/web/css/_doublecolon_first-letter/index.html
+++ b/files/es/web/css/_doublecolon_first-letter/index.html
@@ -10,7 +10,7 @@ translation_of: 'Web/CSS/::first-letter'
 ---
 
    {{CSSRef}}
    
 
-
    El pseudo-elemento ::first-letter aplica estilos a la primera letra de la primera línea un elemento de bloque, sólo cuando no es precedido de otro contenido (como imágenes o tablas).
    
+
    El pseudo-elemento ::first-letter aplica estilos a la primera letra de la primera línea un elemento de bloque, sólo cuando no es precedido de otro contenido (como imágenes o tablas).
    
 
 
    /* Selecciona la primera letra de <p> */
 p::first-letter {
@@ -26,7 +26,7 @@ p::first-letter {
 
 
 
    
-
    CSS3 introdujo la notación::first-letter (con doble dos puntos) para distinguir pseudo-clases de pseudo-elementos. Los navegadores también aceptan:first-letter, introducido en CSS2.
    
+
    CSS3 introdujo la notación::first-letter (con doble dos puntos) para distinguir pseudo-clases de pseudo-elementos. Los navegadores también aceptan:first-letter, introducido en CSS2.
    
 
    
 
 
    Propiedades permitidas
    
diff --git a/files/es/web/css/_doublecolon_first-line/index.html b/files/es/web/css/_doublecolon_first-line/index.html
index 39babdb7a9..bb07810888 100644
--- a/files/es/web/css/_doublecolon_first-line/index.html
+++ b/files/es/web/css/_doublecolon_first-line/index.html
@@ -18,7 +18,7 @@ p::first-line {
 }
    
 
 
    
-
    CSS3 introdujo la notación ::first-line (con doble dos puntos) para distinguir pseudo-clases de pseudo-elementos. Los navegadores también aceptan :first-line, añadido en CSS2.
    
+
    CSS3 introdujo la notación ::first-line (con doble dos puntos) para distinguir pseudo-clases de pseudo-elementos. Los navegadores también aceptan :first-line, añadido en CSS2.
    
 
    
 
 
    Propiedades permitidas
    
diff --git a/files/es/web/css/background/index.html b/files/es/web/css/background/index.html
index d982708096..32c8ca1ce6 100644
--- a/files/es/web/css/background/index.html
+++ b/files/es/web/css/background/index.html
@@ -41,16 +41,16 @@ background: no-repeat center/80% url("../img/image.png");

    Valores

    diff --git a/files/es/web/css/cascade/index.html b/files/es/web/css/cascade/index.html index 6860a8ba39..87b99bd61c 100644 --- a/files/es/web/css/cascade/index.html +++ b/files/es/web/css/cascade/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/Cascade

    ¿Cuáles entidades CSS participan en la cascada?

    -

    Solo las declaraciones CSS, es decir pares de propiedad/valor, participan en la cascada. Esto significa que las at-rules que contienen entidades distintas de las declaraciones, como una regla @font-face que contiene descriptores, no participan en la cascada. En estos casos, solo la regla-at en su conjunto participa en la cascada: aquí, la @font-face identificada por su descriptor de familia de tipografías. Si se definen varias reglas @font-face con el mismo descriptor, solo se considera la @font-face, como conjunto, más adecuada. 

    +

    Solo las declaraciones CSS, es decir pares de propiedad/valor, participan en la cascada. Esto significa que las at-rules que contienen entidades distintas de las declaraciones, como una regla @font-face que contiene descriptores, no participan en la cascada. En estos casos, solo la regla-at en su conjunto participa en la cascada: aquí, la @font-face identificada por su descriptor de familia de tipografías. Si se definen varias reglas @font-face con el mismo descriptor, solo se considera la @font-face, como conjunto, más adecuada. 

    Mientras que las declaraciones contenidas en la mayoría de las reglas-at -como aquellas en @media, @document o @support - participan en la cascada, las declaraciones contenidas en @keyframes no. Como con @font-face, solo la regla-at en su conjunto se selecciona a través del algoritmo en cascada.

    diff --git a/files/es/web/css/display/index.html b/files/es/web/css/display/index.html index 488bb5f101..aea5ef10ed 100644 --- a/files/es/web/css/display/index.html +++ b/files/es/web/css/display/index.html @@ -9,9 +9,9 @@ translation_of: Web/CSS/display ---
    {{CSSRef}}
    -

    La propiedad CSS display especifica si un elemento es tratado como block or inline element y el diseño usado por sus hijos, como flow layout(Diseño de Flujo), grid(Cuadricula) o flex(Flexible). 

    +

    La propiedad CSS display especifica si un elemento es tratado como block or inline element y el diseño usado por sus hijos, como flow layout(Diseño de Flujo), grid(Cuadricula) o flex(Flexible). 

    -

    Formalmente la propiedad display establece los tipos de visualización interna y externa de un elemento. La tipo externa establece la participacion de un elemento en flow layout; la tipo interna establece el layout(Diseño) de los hijos. Algunos valores de display estan totalmente definidos con sus especificaciones propias; por ejemplo el detalle de que pasa cuando display: flex es declarado y definido en la especificacion de Modelo Flexible de Caja(Flexible Box Model specification) de CSS. Vea la siguientes tablas para mas especificaciones individuales.

    +

    Formalmente la propiedad display establece los tipos de visualización interna y externa de un elemento. La tipo externa establece la participacion de un elemento en flow layout; la tipo interna establece el layout(Diseño) de los hijos. Algunos valores de display estan totalmente definidos con sus especificaciones propias; por ejemplo el detalle de que pasa cuando display: flex es declarado y definido en la especificacion de Modelo Flexible de Caja(Flexible Box Model specification) de CSS. Vea la siguientes tablas para mas especificaciones individuales.

    Además de los Diferentes Tipos de caja de Visualizacion, el valor de none permite Desactivar la Visualizacion DE UN Elemento; cuando no se utiliza none, todos los elementos descendentes también quedan desactivados. El documento se procesa como si el elemento no existiera en el árbol de documentos.

    diff --git a/files/es/web/css/float/index.html b/files/es/web/css/float/index.html index 17e769b965..b1b7ceb5ad 100644 --- a/files/es/web/css/float/index.html +++ b/files/es/web/css/float/index.html @@ -12,7 +12,7 @@ translation_of: Web/CSS/float ---

    {{CSSRef}}

    -

    La propiedad CSS float ubica un elemento al lado izquierdo o derecho de su contenedor, permitiendo a los elementos de texto y en línea aparecer a su costado. El elemento es removido del normal flujo de la página, aunque aún sigue siendo parte del flujo (a diferencia del  posicionamiento absoluto).

    +

    La propiedad CSS float ubica un elemento al lado izquierdo o derecho de su contenedor, permitiendo a los elementos de texto y en línea aparecer a su costado. El elemento es removido del normal flujo de la página, aunque aún sigue siendo parte del flujo (a diferencia del  posicionamiento absoluto).

    {{EmbedInteractiveExample("pages/css/float.html")}}

    diff --git a/files/es/web/css/index.html b/files/es/web/css/index.html index 25c39d556c..354f619329 100644 --- a/files/es/web/css/index.html +++ b/files/es/web/css/index.html @@ -10,7 +10,7 @@ tags: - Referencia translation_of: Web/CSS --- -

    Hojas de Estilo en Cascada (del inglés Cascading Style Sheets) o CSS es el lenguaje de estilos utilizado para describir la presentación de documentos HTML o XML (incluyendo varios languages basados en XML como SVG, MathML o {{Glossary("XHTML")}}). CSS describe como debe ser renderizado el elemento estructurado en la pantalla, en papel, en el habla o en otros medios.

    +

    Hojas de Estilo en Cascada (del inglés Cascading Style Sheets) o CSS es el lenguaje de estilos utilizado para describir la presentación de documentos HTML o XML (incluyendo varios languages basados en XML como SVG, MathML o {{Glossary("XHTML")}}). CSS describe como debe ser renderizado el elemento estructurado en la pantalla, en papel, en el habla o en otros medios.

    CSS es uno de los lenguajes base de la Open Web y posee una especificación estandarizada por parte del W3C. Anteriormente , el desarrollo de varias partes de las especificaciones de CSS era realizado de manera sincrónica, lo que permiía el versionado de las recomendaciones. Probablemente habrás escuchado acerca de CSS1, CSS2.1, CSS3. Sin embargo, CSS4 nunca se ha lanzado como una versión oficial.

    @@ -44,7 +44,7 @@ translation_of: Web/CSS
    Bloques de construcción CSS.
    Este módulo continúa a partir de donde dejó el módulo de primeros pasos de CSS. Ahora que has adquirido familiaridad con el lenguaje y su sintaxis, y has ganado cierta experiencia básica con su uso, es hora de profundizar un poco más. Este módulo analiza la cascada y la herencia, todos los tipos de selectores que tenemos disponibles, unidades, tamaño, estilo de fondos y bordes, depuración (debugging) y mucho más.
    -
    El propósito de este módulo es proporcionarte un set de herramientas para escribir CSS competente y ayudarte a entender todas la teoría esencial antes de avanzar hacia cuestiones más específicas como estilo de textos y diseño CSS.
    +
    El propósito de este módulo es proporcionarte un set de herramientas para escribir CSS competente y ayudarte a entender todas la teoría esencial antes de avanzar hacia cuestiones más específicas como estilo de textos y diseño CSS.
    @@ -52,7 +52,7 @@ translation_of: Web/CSS
    Con los conceptos básicos del lenguaje CSS cubiertos, el siguiente tema de CSS en el que debes concentrarte es dar estilo al texto, una de las cosas más comunes que harás con CSS. Aquí veremos los fundamentos del estilo del texto, incluida la configuración de la fuente, negrita, cursiva, espaciado entre líneas y letras, sombras y otras características del texto. Terminaremos el módulo analizando la aplicación de fuentes personalizadas a tu página y en el estilo de listas y enlaces.
    Diseño de CSS
    En este punto ya hemos analizado los fundamentos de CSS, cómo dar estilo al texto y cómo diseñar y manipular las cajas en las que se encuentra el contenido. Ahora es el momento de ver cómo colocar sus cajas en el lugar correcto en relación con la pantalla del dispositivo y entre sí. Hemos cubierto los requisitos previos necesarios para que ahora puedas profundizar en el diseño de CSS, mirando diferentes configuraciones de pantalla, métodos de diseño tradicionales que implican flotación y posicionamiento, y nuevas herramientas de diseño como flexbox, grid y posicionamiento, asi como algunas técnicas de herencia que quizas desees conocer.
    -
    Uso de CSS para resolver problemas comunes
    +
    Uso de CSS para resolver problemas comunes
    proporciona enlaces a secciones de contenido que explican cómo usar CSS para resolver problemas muy comunes al crear una página web.
    @@ -65,8 +65,8 @@ translation_of: Web/CSS
  • Conceptos clave de CSS:

    • Cookbook

    -

    El libro de cocina de diseño CSS tiene como objetivo reunir recetas para patrones de diseño comunes, sobre cosas que puedes necesitar implementar en tus sitios. Además de proporcionar código que puedes usar como punto de partida en tus proyectos, estas recetas destacan las diferentes formas en que se pueden usar las especificaciones de diseño y las elecciones que puedes hacer como desarrollador.

    +

    El libro de cocina de diseño CSS tiene como objetivo reunir recetas para patrones de diseño comunes, sobre cosas que puedes necesitar implementar en tus sitios. Además de proporcionar código que puedes usar como punto de partida en tus proyectos, estas recetas destacan las diferentes formas en que se pueden usar las especificaciones de diseño y las elecciones que puedes hacer como desarrollador.

    Herramientas para el desarrollo de CSS

    @@ -106,7 +106,7 @@ translation_of: Web/CSS -
  • El elemento {{HTMLElement("template")}} envuelve los slots con atributo name dentro de un elemento {{HTMLElement("details")}}.
    • +
  • El elemento {{HTMLElement("template")}} envuelve los slots con atributo name dentro de un elemento {{HTMLElement("details")}}.

    • Crear un nuevo elemento <element-details> desde el elemento <template>

    @@ -219,7 +219,7 @@ document.body.appendChild(templateContent);

    Observa estos puntos sobre el fragmento anterior:

    -- cgit v1.2.3-54-g00ecf