diff --git a/files/es/learn/accessibility/index.md b/files/es/learn/accessibility/index.md index 857ddbd37fb0c6..4a9e03e31e7760 100644 --- a/files/es/learn/accessibility/index.md +++ b/files/es/learn/accessibility/index.md @@ -5,11 +5,11 @@ slug: Learn/Accessibility {{LearnSidebar}} -Aprender algo de HTML, CSS y JavaScript es útil si deseas convertirte en un desarrollador web, pero tu conocimiento debe ir más allá de simplemente usar esas tecnologías, debes usarlas de manera responsable para maximizar la audiencia de tus sitios web y evitar impedir su uso a nadie. Para lograr esto, debes adherirte a las mejores prácticas generales (que se muestran en los temas de [HTML](/en-US/docs/Learn/HTML), [CSS](/en-US/docs/Learn/CSS) y [JavaScript](/en-US/docs/Learn/JavaScript)), [pruebas cruzadas del navegador](/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing) y considerar la accesibilidad desde el principio. En este módulo, cubriremos este último en detalle. +Aprender algo de HTML, CSS y JavaScript es útil si deseas convertirte en un desarrollador web, pero tu conocimiento debe ir más allá de simplemente usar esas tecnologías, debes usarlas de manera responsable para maximizar la audiencia de tus sitios web y evitar impedir su uso a nadie. Para lograr esto, debes adherirte a las mejores prácticas generales (que se muestran en los temas de [HTML](/es/docs/Learn/HTML), [CSS](/es/docs/Learn/CSS) y [JavaScript](/es/docs/Learn/JavaScript)), [pruebas cruzadas del navegador](/es/docs/Learn/Tools_and_testing/Cross_browser_testing) y considerar la accesibilidad desde el principio. En este módulo, cubriremos este último en detalle. ## Prerrequisitos -Para aprovechar al máximo este módulo, sería una buena idea trabajar al menos en los dos primeros módulos de los temas de [HTML](/en-US/docs/Learn/HTML), [CSS](/en-US/docs/Learn/CSS), y [JavaScript](/en-US/docs/Learn/JavaScript) o quizás mejor, trabajar en las partes relevantes del módulo de accesibilidad como tu trabajas a través de los temas relacionados con la tecnología. +Para aprovechar al máximo este módulo, sería una buena idea trabajar al menos en los dos primeros módulos de los temas de [HTML](/es/docs/Learn/HTML), [CSS](/es/docs/Learn/CSS), y [JavaScript](/es/docs/Learn/JavaScript) o quizás mejor, trabajar en las partes relevantes del módulo de accesibilidad como tu trabajas a través de los temas relacionados con la tecnología. > **Nota:** si está trabajando en una computadora / tableta / otro dispositivo donde no tiene la capacidad de crear sus propios archivos, puede probar la mayoría de los ejemplos de código en un programa de codificación en línea como [JSBin](http://jsbin.com/) o [Thimble](https://thimble.mozilla.org/). diff --git a/files/es/learn/common_questions/how_does_the_internet_work/index.md b/files/es/learn/common_questions/how_does_the_internet_work/index.md index f4c1682f16fee7..82677a7aebb605 100644 --- a/files/es/learn/common_questions/how_does_the_internet_work/index.md +++ b/files/es/learn/common_questions/how_does_the_internet_work/index.md @@ -90,6 +90,6 @@ Como puedes notar, cuando navegamos por la web con un navegador, normalmente uti ## Próximos pasos -- [Cómo funciona la Web.](/en-US/Learn/Getting_started_with_the_web/How_the_Web_works) +- [Cómo funciona la Web.](/es/Learn/Getting_started_with_the_web/How_the_Web_works) - [Comprender la diferencia entre una página web, un sitio web, un servidor web y un motor de búsqueda.](/es/docs/Learn/page_vs_site_vs_server_vs_search_engine) - [La comprensión de los nombres de dominio.](/es/docs/Learn/Understanding_domain_names) diff --git a/files/es/learn/common_questions/how_much_does_it_cost/index.md b/files/es/learn/common_questions/how_much_does_it_cost/index.md index 3e11c30a7476c3..f7b0fcf66c7bd3 100644 --- a/files/es/learn/common_questions/how_much_does_it_cost/index.md +++ b/files/es/learn/common_questions/how_much_does_it_cost/index.md @@ -150,4 +150,4 @@ En dependencia de cómo responda estas preguntas, su sitio pudiera costar miles Ahora que entiende que cantidad de dinero su sitio puede costarle, es tiempo de comenzar a diseñar un sitio web y [preparar su entorno de trabajo](/es/docs/Learn/Set_up_a_basic_working_environment). - Lea sobre [cómo seleccionar e instalar un editor de texto](/es/docs/Learn/Choose,_Install_and_set_up_a_text_editor). -- SI está más enfocado en diseño, eche una mirada a la [anatomía de una página web](/en-US/Learn/Anatomy_of_a_web_page). +- SI está más enfocado en diseño, eche una mirada a la [anatomía de una página web](/es/Learn/Anatomy_of_a_web_page). diff --git a/files/es/learn/common_questions/index.md b/files/es/learn/common_questions/index.md index e17332c2c93cea..19b46da19bf6d5 100644 --- a/files/es/learn/common_questions/index.md +++ b/files/es/learn/common_questions/index.md @@ -5,7 +5,7 @@ slug: Learn/Common_questions {{LearnSidebar}} -Esta sección del área de aprendizaje está diseñada para proveer respuestas a preguntas frecuentes que pueden surgir, las cuales no son necesariamente parte del núcleo estructurado de formas de aprendizaje (ej. los artículos de aprendizaje de [HTML](/en-US/docs/Learn/HTML) o [CSS](/en-US/docs/Learn/CSS)). Éstos artículos están diseñados para trabajar por su cuenta. +Esta sección del área de aprendizaje está diseñada para proveer respuestas a preguntas frecuentes que pueden surgir, las cuales no son necesariamente parte del núcleo estructurado de formas de aprendizaje (ej. los artículos de aprendizaje de [HTML](/es/docs/Learn/HTML) o [CSS](/es/docs/Learn/CSS)). Éstos artículos están diseñados para trabajar por su cuenta. ## Cómo funciona la Web @@ -14,7 +14,7 @@ Esta sección cubre los mecanismos de la web -preguntas relativas al conocimient - [¿Cómo funciona la Web?](/es/docs/Learn/Common_questions/How_does_the_Internet_work) - : **Internet** es la columna vertebral de la Web, la infraestructura técnica que hace la Web posible. Básicamente, Internet es una gran red de ordenadores que se comunican todos entre sí. Este artículo explica cómo funciona, en un nivel básico. -- [¿Cúal es la diferencia entre página web, sitio web, servidor web y motor de búsqueda?](/en-US/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines) +- [¿Cúal es la diferencia entre página web, sitio web, servidor web y motor de búsqueda?](/es/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines) - : En este artículo se describen varios conceptos relacionados con la web: páginas web, sitios web, servidores web y motores de búsqueda. Estos términos son confundidos habitualmente por los novatos en la Web, o son incorrectamente usados. ¡ Vamos a aprender que significa cada uno de ellos ! - [¿Qué es una URL?](/es/docs/Learn/Common_questions/What_is_a_URL) - : Con {{Glossary("Hypertext")}} y {{Glossary("HTTP")}}, URL es uno de los conceptos clave de la Web. Es el mecanismo usado por {{Glossary("Browser","browsers")}} para recoger cualquier recurso publicado en la Web. @@ -47,7 +47,7 @@ Preguntas relacionadas con las herramientas/software que puedes usar para hacer - : Este artículo muestra cómo publicar su sitio en línea con herramientas FTP, una de las formas más comunes de obtener un sitio web en línea para que otros puedan acceder a él desde sus computadoras. - [¿Cómo uso las páginas de](/es/docs/Learn/Common_questions/Using_GitHub_Pages)[GitHub?](/es/docs/Learn/Common_questions/Using_GitHub_Pages) - : Este artículo proporciona una guía básica para publicar contenido utilizando la función gh-pages de GitHub. -- [¿Cómo alojar tu sitio web en Google App Engine?](/en-US/Learn/Common_questions/How_do_you_host_your_website_on_Google_App_Engine) +- [¿Cómo alojar tu sitio web en Google App Engine?](/es/Learn/Common_questions/How_do_you_host_your_website_on_Google_App_Engine) - : ¿Buscas un lugar donde alojar tu sitio web? Aquí hay una guía paso a paso para alojar tu sitio web en Google App Engine. - [¿Qué herramientas están disponibles para depurar y mejorar el rendimiento del sitio web?](/es/docs/Tools/Performance) - : Este conjunto de artículos le muestra cómo utilizar las herramientas de desarrollo en Firefox para depurar y mejorar el rendimiento de su sitio web, utilizando las herramientas para comprobar el uso de la memoria, el árbol de nodos de JavaScript, la cantidad de nodos que se renderizan en el DOM y más. @@ -71,6 +71,6 @@ Esta sección enlista preguntas relacionadas con la estética, estructura de pá Para soluciones a problemas comunes de HTML/CSS/JavaScript, trata con los siguientes artículos. -- [Usa HTML para solucionar problemas comunes](/en-US/docs/Learn/HTML/Howto) +- [Usa HTML para solucionar problemas comunes](/es/docs/Learn/HTML/Howto) - [Usa CSS para solucionar problemas comunes](/es/docs/Learn/CSS/Howto) - [Usa JavaScript para solucionar problemas comunes](/es/docs/Learn/JavaScript/Howto) diff --git a/files/es/learn/common_questions/pages_sites_servers_and_search_engines/index.md b/files/es/learn/common_questions/pages_sites_servers_and_search_engines/index.md index 0df0942c9eba53..4ea95d1e3db52b 100644 --- a/files/es/learn/common_questions/pages_sites_servers_and_search_engines/index.md +++ b/files/es/learn/common_questions/pages_sites_servers_and_search_engines/index.md @@ -55,7 +55,7 @@ Vamos a comparar la biblioteca con un servidor web: - Los libros en cada sección son como páginas web. Un sitio web puede tener varias páginas web, por ejemplo, la sección de Ciencias (el sitio web) tendrá libros sobre calor, sonido, termodinámica, estadísticas, etc. (las páginas web). Cada una de las páginas web puede ser encontrada en una ubicación única (URL). - El índice de búsqueda es como el motor de búsqueda. Cada libro tiene su propia ubicación única en la biblioteca (dos libros no se pueden mantener en el mismo lugar) que se especifica mediante el número de catálogo. -_No esta disponible aprendizaje activo aun. [Por favor, considere la posibilidad de contribuir](/en-US/docs/MDN/Getting_started)._ +_No esta disponible aprendizaje activo aun. [Por favor, considere la posibilidad de contribuir](/es/docs/MDN/Getting_started)._ ## Profundizando @@ -63,7 +63,7 @@ Entonces, vamos a profundizar en cómo estos cuatro términos serán relacionado ### Página web -Una **página web** es un simple documento que puede ser mostrado por un {{Glossary("browser")}}. Estos documentos están escritos en lenguaje {{Glossary("HTML")}} (el que veremos en más detalle en [otros artículos](/en-US/docs/Web/HTML)). Una página web puede incluir una variedad de diferentes tipos de recursos, tales como: +Una **página web** es un simple documento que puede ser mostrado por un {{Glossary("browser")}}. Estos documentos están escritos en lenguaje {{Glossary("HTML")}} (el que veremos en más detalle en [otros artículos](/es/docs/Web/HTML)). Una página web puede incluir una variedad de diferentes tipos de recursos, tales como: - _información de estilos_ — para controlar la apariencia de una página - _scripts_ — que agrega interactividad a la página diff --git a/files/es/learn/common_questions/set_up_a_local_testing_server/index.md b/files/es/learn/common_questions/set_up_a_local_testing_server/index.md index cdf5eea72f87b4..7ee48a5c39c0d7 100644 --- a/files/es/learn/common_questions/set_up_a_local_testing_server/index.md +++ b/files/es/learn/common_questions/set_up_a_local_testing_server/index.md @@ -89,6 +89,6 @@ Para hacer esto: El módulo `SimpleHTTPServer` de Python es útil, pero desconoce como ejecutar el código escrito en lenguajes como PHP o Python. Para resolver eso necesitarás algo más — lo que necesitarás exactamente depende del lenguaje del lado del servidor que estas intentando de ejecutar. Aquí están un par de ejemplos: -- Para ejecutar el código del lado del servidor Python, necesitrá utilizar un framework web python. Puedes averiguar cómo usar el framework Django leyendog [Django Web Framework (Python)](/es/docs/Learn/Server-side/Django). [Flask](http://flask.pocoo.org/) también es buena alternativa a Django (ligeramente menos pesado). Para ejecutar esto necesitarás [instalar Python/PIP](/en-US/docs/Learn/Server-side/Django/development_environment#Installing_Python_3), luego instala Flask usando `pip3 install flask`. En este punto, deberías ser capaz de ejecutar los ejemplos de Python Flask usando por ejemplo `python3 python-example.py`, luego navegar al `localhost:5000` en tu navegador. +- Para ejecutar el código del lado del servidor Python, necesitrá utilizar un framework web python. Puedes averiguar cómo usar el framework Django leyendog [Django Web Framework (Python)](/es/docs/Learn/Server-side/Django). [Flask](http://flask.pocoo.org/) también es buena alternativa a Django (ligeramente menos pesado). Para ejecutar esto necesitarás [instalar Python/PIP](/es/docs/Learn/Server-side/Django/development_environment#Installing_Python_3), luego instala Flask usando `pip3 install flask`. En este punto, deberías ser capaz de ejecutar los ejemplos de Python Flask usando por ejemplo `python3 python-example.py`, luego navegar al `localhost:5000` en tu navegador. - Para ejecutar código Node.js (JavaScript) del lado del servidor, necesitarás usar el nodo raw o un framework construido encima de él. Express es una buena opción — mira [Express Web Framework (Node.js/JavaScript)](/es/docs/Learn/Server-side/Express_Nodejs). - Para ejecutar código PHP del lado del servidor, necesitarás una configuración de servidor que pueda interpretar PHP. Las buenas opciones para los testeos locales de PHP son [MAMP](https://www.mamp.info/en/downloads/) (Mac y Windows) t [AMPPS](http://ampps.com/download) (Mac, Windows, Linux). Estos son paquetes completos que crean configuraciones locales que permiten ejecutar servidor Apache, PHP, y base de datos MySQL. diff --git a/files/es/learn/common_questions/what_are_browser_developer_tools/index.md b/files/es/learn/common_questions/what_are_browser_developer_tools/index.md index d9b7e1a363d52f..f0631d9c4aa48b 100644 --- a/files/es/learn/common_questions/what_are_browser_developer_tools/index.md +++ b/files/es/learn/common_questions/what_are_browser_developer_tools/index.md @@ -216,7 +216,7 @@ Comenzarás a ver el tipo de errores que devuelve el navegador. A menudo, estos Obtén más información sobre la consola de JavaScript en diferentes navegadores: -- [Consola Web de Firefox.](/en-US/docs/Tools/Web_Console) +- [Consola Web de Firefox.](/es/docs/Tools/Web_Console) - [Consola de JavaScript Edge.](https://docs.microsoft.com/es-es/microsoft-edge/devtools-guide-chromium) - [Consola JavaScript de Chrome.](https://developer.chrome.com/devtools/docs/console) (el inspector de Opera funciona de la misma manera) - [Consola en Safari.](https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html#//apple_ref/doc/uid/TP40007874-CH6-SW1) diff --git a/files/es/learn/common_questions/what_is_a_web_server/index.md b/files/es/learn/common_questions/what_is_a_web_server/index.md index 212a553c589482..a63ccff9cd9ebd 100644 --- a/files/es/learn/common_questions/what_is_a_web_server/index.md +++ b/files/es/learn/common_questions/what_is_a_web_server/index.md @@ -66,7 +66,7 @@ Técnicamente, puede alojar todos esos archivos en su propia computadora, pero e - tiene la misma dirección IP todo el tiempo. - es mantenido por un proveedor externo. -Por todas estas razones, encontrar un buen proveedor de alojamiento es una parte clave del desarrollo de su sitio web. Investigue a través de los diversos servicios que ofrecen las compañías y elija uno que se ajuste a sus necesidades y a su presupuesto (los servicios van desde los gratuitos hasta los miles de dólares al mes). Puede encontrar mas información [en este artículo](/en-US/Learn/How_much_does_it_cost#Hosting). +Por todas estas razones, encontrar un buen proveedor de alojamiento es una parte clave del desarrollo de su sitio web. Investigue a través de los diversos servicios que ofrecen las compañías y elija uno que se ajuste a sus necesidades y a su presupuesto (los servicios van desde los gratuitos hasta los miles de dólares al mes). Puede encontrar mas información [en este artículo](/es/Learn/How_much_does_it_cost#Hosting). Una vez que configura una solución de alojamiento web, solo tiene que [cargar sus archivos en su servidor web](/es/docs/Learn/Upload_files_to_a_web_server). @@ -81,13 +81,13 @@ Un _protocolo_ es un conjunto de reglas para la comunicación entre dos computad - Sin estado - : Ni el servidor ni el cliente recuerdan las comunicaciones anteriores. Por ejemplo, al confiar solo en HTTP, un servidor no puede recordar la contraseña que ingresó ni el paso que está realizando en una transacción. Necesita un servidor de aplicaciones para tareas como esa. (Cubriremos ese tipo de tecnología en otros artículos). -HTTP proporciona reglas claras sobre cómo se comunican un cliente y un servidor. Cubriremos el propio HTTP en un [artículo técnico](/en-US/docs/Web/HTTP) más adelante. Por ahora, sólo sé consciente de estas cosas: +HTTP proporciona reglas claras sobre cómo se comunican un cliente y un servidor. Cubriremos el propio HTTP en un [artículo técnico](/es/docs/Web/HTTP) más adelante. Por ahora, sólo sé consciente de estas cosas: - Solo los clientes pueden hacer solicitudes HTTP a los servidores. Los servidores solo pueden responder a la solicitud HTTP de un cliente. - Al solicitar un archivo a través de HTTP, los clientes deben proporcionar la URL del archivo. - El servidor web debe responder a todas las solicitudes HTTP, al menos con un mensaje de error. -[![The MDN 404 page as an example of such error page](https://mdn.mozillademos.org/files/8661/mdn-404.jpg)](/en-US/404) En un servidor web, el servidor HTTP es responsable de procesar y responder las solicitudes entrantes. +[![The MDN 404 page as an example of such error page](https://mdn.mozillademos.org/files/8661/mdn-404.jpg)](/es/404) En un servidor web, el servidor HTTP es responsable de procesar y responder las solicitudes entrantes. 1. Al recibir una solicitud, un servidor HTTP primero verifica si la URL solicitada coincide con un archivo existente. 2. Si es así, el servidor web envía el contenido del archivo de nuevo al navegador. Si no, un servidor de aplicaciones construye el archivo necesario. diff --git a/files/es/learn/css/building_blocks/index.md b/files/es/learn/css/building_blocks/index.md index 1644c20503c7eb..9cfd59677c9988 100644 --- a/files/es/learn/css/building_blocks/index.md +++ b/files/es/learn/css/building_blocks/index.md @@ -14,7 +14,7 @@ Antes de comenzar este módulo deberías poseer: 1. Un entendimiento básico de la utilización de una computadora y de la navegación web a nivel de usuario. -2. Un entorno básico constituido en base a lo dispuesto en la guía [Instalación de software básico](/es/docs/Learn/Getting_started_with_the_web/Instalacion_de_software_basico), tanto como conocimiento acerca de la creación y la administración de archivos, como es detallado en [Dealing with files](/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files). +2. Un entorno básico constituido en base a lo dispuesto en la guía [Instalación de software básico](/es/docs/Learn/Getting_started_with_the_web/Instalacion_de_software_basico), tanto como conocimiento acerca de la creación y la administración de archivos, como es detallado en [Dealing with files](/es/docs/Learn/Getting_started_with_the_web/Dealing_with_files). 3. Una familiaridad básica con html, como es establecido en el módulo [Introdución a HTML](/es/docs/Learn/HTML/Introduccion_a_HTML). 4. Un entendimiento elemental de CSS, como es discutido en el módulo [CSS first steps](/es/docs/Learn/CSS/First_steps). diff --git a/files/es/learn/css/css_layout/index.md b/files/es/learn/css/css_layout/index.md index 2ee4edbf6bd6cc..446116303ec747 100644 --- a/files/es/learn/css/css_layout/index.md +++ b/files/es/learn/css/css_layout/index.md @@ -33,7 +33,7 @@ Estos artículos te proporcionarán instrucciones sobre las herramientas y técn - : 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](/es/docs/Learn/CSS/CSS_layout/Positioning) - : 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](/en-US/docs/Learn/CSS/CSS_layout/Practical_positioning_examples) +- [Ejemplos prácticos de posicionamiento](/es/docs/Learn/CSS/CSS_layout/Practical_positioning_examples) - : 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](/es/docs/Learn/CSS/CSS_layout/Multiple-column_Layout) - : 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. diff --git a/files/es/learn/css/css_layout/supporting_older_browsers/index.md b/files/es/learn/css/css_layout/supporting_older_browsers/index.md index 4be71070bd5cb3..a86a9271c2da8a 100644 --- a/files/es/learn/css/css_layout/supporting_older_browsers/index.md +++ b/files/es/learn/css/css_layout/supporting_older_browsers/index.md @@ -199,7 +199,7 @@ En versiones anteriores de navegadores, puedes encontrar versiones anteriores de La especificación CSS Grid se prototipó inicialmente en Internet Explorer 10; esto significa que si bien IE10 e IE11 no tienen compatibilidad de cuadrícula _moderna_, sí tienen una versión de compaginación en cuadrícula, que es muy útil, aunque diferente de la especificación moderna que documentamos en este sitio. Las implementaciones de IE10 y 11 tienen el prefijo `-ms-`, lo que significa que puedes usarlo para estos navegadores y los navegadores que no sean de Microsoft lo ignorarán. Sin embargo, Edge todavía comprende la sintaxis anterior, así que ten cuidado de que todo se sobrescriba de forma segura en tu cuadrícula de CSS moderna. -La guía de [Mejora progresiva en la compaginación en cuadrícula](/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement) puede ayudarte a comprender la versión de la cuadrícula de Internet Explorer, y hemos incluido algunos enlaces útiles adicionales al final de este artículo. Sin embargo, a menos que tengas una gran cantidad de visitantes con versiones anteriores de Internet Explorer, puede que te resulte mejor centrarte en crear una reserva que funcione para todos los navegadores no compatibles. +La guía de [Mejora progresiva en la compaginación en cuadrícula](/es/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement) puede ayudarte a comprender la versión de la cuadrícula de Internet Explorer, y hemos incluido algunos enlaces útiles adicionales al final de este artículo. Sin embargo, a menos que tengas una gran cantidad de visitantes con versiones anteriores de Internet Explorer, puede que te resulte mejor centrarte en crear una reserva que funcione para todos los navegadores no compatibles. ## Pruebas con navegadores antiguos @@ -214,8 +214,8 @@ Ahora tienes el conocimiento para usar con confianza técnicas como Grid y Flexb ## Ver también - [Uso de consultas de propiedades en CSS](https://hacks.mozilla.org/2016/08/using-feature-queries-in-css/) -- [Compatibilidad con versiones anteriores de Flexbox](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox) -- [Compaginación en cuadrícula CSS y mejora progresiva](/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement) +- [Compatibilidad con versiones anteriores de Flexbox](/es/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox) +- [Compaginación en cuadrícula CSS y mejora progresiva](/es/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement) - [Uso de CSS Grid: Compatibilidad con navegadores sin comportamiento de cuadrícula](https://www.smashingmagazine.com/2017/11/css-grid-supporting-browsers-without-grid/) - [Un tutorial que usa las versiones IE10 y 11 de Grid](https://24ways.org/2012/css3-grid-layout/) - [¿Debo tratar de usar la implementación IE10 de Grid Layout?](https://rachelandrew.co.uk/archives/2016/11/26/should-i-try-to-use-the-ie-implementation-of-css-grid-layout/) diff --git a/files/es/learn/css/howto/index.md b/files/es/learn/css/howto/index.md index 3d47ff2f38e662..deaa915d621f6c 100644 --- a/files/es/learn/css/howto/index.md +++ b/files/es/learn/css/howto/index.md @@ -12,37 +12,37 @@ Los siguientes enlaces apuntan a soluciones comunes a los problemas cotidianos q ### Básicos -- [Cómo aplicar CSS al HTML](/en-US/Learn/CSS/Introduction_to_CSS/How_CSS_works#How_to_apply_your_CSS_to_your_HTML) -- [How to use whitespace in CSS](/en-US/Learn/CSS/Introduction_to_CSS/Syntax#White_space) -- [Cómo escribir comentarios en CSS](/en-US/Learn/CSS/Introduction_to_CSS/Syntax#Comments) -- [Cómo seleccionar elementos mediante nombre del elemento, clase o ID](/en-US/Learn/CSS/Introduction_to_CSS/Selectors#Simple_selectors) -- [Cómo seleccionar elementos mediante nombre del atributo y contenido](/en-US/Learn/CSS/Introduction_to_CSS/Selectors#Attribute_selectors) -- [Cómo usar pseudo-clases](/en-US/Learn/CSS/Introduction_to_CSS/Selectors#Pseudo-classes) -- [Cómo usar pseudo-elementos](/en-US/Learn/CSS/Introduction_to_CSS/Selectors#Pseudo-elements) -- [Cómo aplicar múltiples selectores a la misma regla](/en-US/Learn/CSS/Introduction_to_CSS/Selectors#Multiple_selectors_on_one_rule) -- [Cómo especificar colores en CSS](/en-US/Learn/CSS/Introduction_to_CSS/Values_and_units#Colors) -- [Cómo depurar CSS en el navegador](/en-US/Learn/CSS/Introduction_to_CSS/Debugging_CSS#Inspecting_the_DOM_and_CSS) +- [Cómo aplicar CSS al HTML](/es/Learn/CSS/Introduction_to_CSS/How_CSS_works#How_to_apply_your_CSS_to_your_HTML) +- [How to use whitespace in CSS](/es/Learn/CSS/Introduction_to_CSS/Syntax#White_space) +- [Cómo escribir comentarios en CSS](/es/Learn/CSS/Introduction_to_CSS/Syntax#Comments) +- [Cómo seleccionar elementos mediante nombre del elemento, clase o ID](/es/Learn/CSS/Introduction_to_CSS/Selectors#Simple_selectors) +- [Cómo seleccionar elementos mediante nombre del atributo y contenido](/es/Learn/CSS/Introduction_to_CSS/Selectors#Attribute_selectors) +- [Cómo usar pseudo-clases](/es/Learn/CSS/Introduction_to_CSS/Selectors#Pseudo-classes) +- [Cómo usar pseudo-elementos](/es/Learn/CSS/Introduction_to_CSS/Selectors#Pseudo-elements) +- [Cómo aplicar múltiples selectores a la misma regla](/es/Learn/CSS/Introduction_to_CSS/Selectors#Multiple_selectors_on_one_rule) +- [Cómo especificar colores en CSS](/es/Learn/CSS/Introduction_to_CSS/Values_and_units#Colors) +- [Cómo depurar CSS en el navegador](/es/Learn/CSS/Introduction_to_CSS/Debugging_CSS#Inspecting_the_DOM_and_CSS) ### CSS y texto - [Cómo dar estilo al texto](/es/docs/Learn/CSS/Styling_text/Fundamentals) - [Cómo personalizar una lista de elementos](/es/docs/Learn/CSS/Styling_text/Styling_lists) -- [Cómo dar estilo a links](/en-US/Learn/CSS/Styling_text/Styling_links) -- [Cómo agregar sombras al texto](/en-US/Learn/CSS/Styling_text/Fundamentals#Text_drop_shadows) +- [Cómo dar estilo a links](/es/Learn/CSS/Styling_text/Styling_links) +- [Cómo agregar sombras al texto](/es/Learn/CSS/Styling_text/Fundamentals#Text_drop_shadows) ### Cajas y diseños -- [Cómo redimensionar cajas CSS](/en-US/Learn/CSS/Introduction_to_CSS/Box_model#Box_properties) -- [Cómo controlar el contenido que desborda](/en-US/Learn/CSS/Introduction_to_CSS/Box_model#Overflow) -- [Cómo controlar la parte de una caja CSS en la que se dibuja el fondo](/en-US/Learn/CSS/Introduction_to_CSS/Box_model#Background_clip) -- [Cómo defino un elemento inline, block o inline-block?](/en-US/Learn/CSS/Introduction_to_CSS/Box_model#Types_of_CSS_boxes) +- [Cómo redimensionar cajas CSS](/es/Learn/CSS/Introduction_to_CSS/Box_model#Box_properties) +- [Cómo controlar el contenido que desborda](/es/Learn/CSS/Introduction_to_CSS/Box_model#Overflow) +- [Cómo controlar la parte de una caja CSS en la que se dibuja el fondo](/es/Learn/CSS/Introduction_to_CSS/Box_model#Background_clip) +- [Cómo defino un elemento inline, block o inline-block?](/es/Learn/CSS/Introduction_to_CSS/Box_model#Types_of_CSS_boxes) - [How to create fancy boxes](/es/docs/Learn/CSS/Howto/create_fancy_boxes) (also see the [Styling boxes](/es/docs/Learn/CSS/Styling_boxes) module, generally). -- [How to use `background-clip` to control how much of the box your background image covers](/en-US/Learn/CSS/Introduction_to_CSS/Box_model#Background_clip). -- [How to change the box model completely using `box-sizing`](/en-US/Learn/CSS/Styling_boxes/Box_model_recap#Changing_the_box_model_completely) -- [How to control backgrounds](/en-US/Learn/CSS/Styling_boxes/Backgrounds) -- [How to control borders](/en-US/Learn/CSS/Styling_boxes/Borders) -- [How to style an HTML table](/en-US/Learn/CSS/Styling_boxes/Styling_tables) -- [How to add shadows to boxes](/en-US/Learn/CSS/Styling_boxes/Advanced_box_effects#Box_shadows) +- [How to use `background-clip` to control how much of the box your background image covers](/es/Learn/CSS/Introduction_to_CSS/Box_model#Background_clip). +- [How to change the box model completely using `box-sizing`](/es/Learn/CSS/Styling_boxes/Box_model_recap#Changing_the_box_model_completely) +- [How to control backgrounds](/es/Learn/CSS/Styling_boxes/Backgrounds) +- [How to control borders](/es/Learn/CSS/Styling_boxes/Borders) +- [How to style an HTML table](/es/Learn/CSS/Styling_boxes/Styling_tables) +- [How to add shadows to boxes](/es/Learn/CSS/Styling_boxes/Advanced_box_effects#Box_shadows) ## Uncommon or advanced techniques @@ -50,13 +50,13 @@ Beyond the basics, CSS is allows very advanced design techniques. These articles ### General -- [How to calculate specificity of a CSS selector](/en-US/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance#Specificity) -- [How to control inheritance in CSS](/en-US/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance#Controlling_inheritance) +- [How to calculate specificity of a CSS selector](/es/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance#Specificity) +- [How to control inheritance in CSS](/es/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance#Controlling_inheritance) ### Advanced effects -- [How to use filters in CSS](/en-US/Learn/CSS/Styling_boxes/Advanced_box_effects#Filters) -- [How to use blend modes in CSS](/en-US/Learn/CSS/Styling_boxes/Advanced_box_effects#Blend_modes) +- [How to use filters in CSS](/es/Learn/CSS/Styling_boxes/Advanced_box_effects#Filters) +- [How to use blend modes in CSS](/es/Learn/CSS/Styling_boxes/Advanced_box_effects#Blend_modes) ### Layout diff --git a/files/es/learn/css/styling_text/fundamentals/index.md b/files/es/learn/css/styling_text/fundamentals/index.md index 0640cfe83e6471..47373ec2f5f977 100644 --- a/files/es/learn/css/styling_text/fundamentals/index.md +++ b/files/es/learn/css/styling_text/fundamentals/index.md @@ -698,4 +698,4 @@ Esperamos que hayas disfrutado jugando con el texto en este artículo. El próxi - [Aplicación de estilo a listas](/es/docs/Learn/CSS/Styling_text/Styling_lists) - [Aplicación de estilo a enlaces](/es/docs/Learn/CSS/Styling_text/Styling_links) - [Tipos de letra para web](/es/docs/Learn/CSS/Styling_text/Web_fonts) -- [Escribir una página de inicio para la comunidad escolar](/en-US/Learn/CSS/Styling_text/Typesetting_a_homepage) +- [Escribir una página de inicio para la comunidad escolar](/es/Learn/CSS/Styling_text/Typesetting_a_homepage) diff --git a/files/es/learn/css/styling_text/index.md b/files/es/learn/css/styling_text/index.md index 086aeb11247744..e1bd6fa2aa4ed7 100644 --- a/files/es/learn/css/styling_text/index.md +++ b/files/es/learn/css/styling_text/index.md @@ -30,5 +30,5 @@ Este módulo contiene los siguientes artículos, los cuales le enseñarán todos Las siguientes evaluaciones pondrán a prueba su comprensión de las técnicas del diseño de texto cubiertas en las guías anteriores. -- [Escribiendo una página de inicio para la comunidad de la escuela](/en-US/Learn/CSS/Styling_text/Typesetting_a_homepage) +- [Escribiendo una página de inicio para la comunidad de la escuela](/es/Learn/CSS/Styling_text/Typesetting_a_homepage) - : En esta evaluación, pondremos a prueba su comprensión del estilo del texto haciendo que redacte el texto de la página principal de la escuela comunitaria. diff --git a/files/es/learn/css/styling_text/styling_links/index.md b/files/es/learn/css/styling_text/styling_links/index.md index 9b7c9c0f2993e4..b278417c755d9b 100644 --- a/files/es/learn/css/styling_text/styling_links/index.md +++ b/files/es/learn/css/styling_text/styling_links/index.md @@ -432,4 +432,4 @@ Esperamos que este artículo te haya proporcionado todo lo que necesitas saber a - [Aplicar estilo a listas](/es/docs/Learn/CSS/Styling_text/Styling_lists) - [Aplicar estilo a enlaces](/es/docs/Learn/CSS/Styling_text/Styling_links) - [Tipos de letra para web](/es/docs/Learn/CSS/Styling_text/Web_fonts) -- [Composición tipográfica de una página de inicio de una escuela comunitaria](/en-US/Learn/CSS/Styling_text/Typesetting_a_homepage) +- [Composición tipográfica de una página de inicio de una escuela comunitaria](/es/Learn/CSS/Styling_text/Typesetting_a_homepage) diff --git a/files/es/learn/css/styling_text/styling_lists/index.md b/files/es/learn/css/styling_text/styling_lists/index.md index 3365ed0456bdf7..7cb359919604f3 100644 --- a/files/es/learn/css/styling_text/styling_lists/index.md +++ b/files/es/learn/css/styling_text/styling_lists/index.md @@ -5,7 +5,7 @@ slug: Learn/CSS/Styling_text/Styling_lists {{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Styling_text/Fundamentals", "Learn/CSS/Styling_text/Styling_links", "Learn/CSS/Styling_text")}} -Las [listas](/en-US/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#Lists) se comportan como cualquier otro texto en su mayor parte, pero hay algunas propiedades CSS específicas de las listas que debes conocer y algunas prácticas recomendadas a tener en cuenta. Este artículo te lo explica. +Las [listas](/es/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#Lists) se comportan como cualquier otro texto en su mayor parte, pero hay algunas propiedades CSS específicas de las listas que debes conocer y algunas prácticas recomendadas a tener en cuenta. Este artículo te lo explica. @@ -395,4 +395,4 @@ La aplicación de estilo a listas se domina con relativa facilidad una vez que c - [Aplicar estilo a listas](/es/docs/Learn/CSS/Styling_text/Styling_lists) - [Aplicar estilo a enlaces](/es/docs/Learn/CSS/Styling_text/Styling_links) - [Tipos de letra para web](/es/docs/Learn/CSS/Styling_text/Web_fonts) -- [Escribir una página de inicio para la comunidad escolar](/en-US/Learn/CSS/Styling_text/Typesetting_a_homepage) +- [Escribir una página de inicio para la comunidad escolar](/es/Learn/CSS/Styling_text/Typesetting_a_homepage) diff --git a/files/es/learn/css/styling_text/web_fonts/index.md b/files/es/learn/css/styling_text/web_fonts/index.md index 0d999c615196b2..96eefaa33cfc7b 100644 --- a/files/es/learn/css/styling_text/web_fonts/index.md +++ b/files/es/learn/css/styling_text/web_fonts/index.md @@ -189,4 +189,4 @@ Ahora que has leído nuestros artículos sobre nociones de aplicación de estilo - [Dar estilo a las listas](/es/docs/Learn/CSS/Styling_text/Styling_lists) - [Dar estilo a los enlaces](/es/docs/Learn/CSS/Styling_text/Styling_links) - [Las fuentes web](/es/docs/Learn/CSS/Styling_text/Web_fonts) -- [Composición tipográfica de una página de inicio de una escuela comunitaria](/en-US/Learn/CSS/Styling_text/Typesetting_a_homepage) +- [Composición tipográfica de una página de inicio de una escuela comunitaria](/es/Learn/CSS/Styling_text/Typesetting_a_homepage) diff --git a/files/es/learn/forms/html5_input_types/index.md b/files/es/learn/forms/html5_input_types/index.md index 6ebf3654c1dfdd..f4f2b3719336e1 100644 --- a/files/es/learn/forms/html5_input_types/index.md +++ b/files/es/learn/forms/html5_input_types/index.md @@ -29,7 +29,7 @@ En el [artículo anterior](/es/docs/Learn/Forms/Basic_native_form_controls) vimo
-> **Nota:** La mayoría de las características discutidas en este artículo tienen un amplio soporte en todos los navegadores, anotaremos cualquier excepción. Si quieres más detalles referente al soporte de navegadores, deberías consultar nuestra [referéncia de elementos de formulario HTML](/en-US/docs/Web/HTML/Element#Forms), y en particular nuestra referéncia extensiva de [Tipos de \](/es/docs/Web/HTML/Element/input). +> **Nota:** La mayoría de las características discutidas en este artículo tienen un amplio soporte en todos los navegadores, anotaremos cualquier excepción. Si quieres más detalles referente al soporte de navegadores, deberías consultar nuestra [referéncia de elementos de formulario HTML](/es/docs/Web/HTML/Element#Forms), y en particular nuestra referéncia extensiva de [Tipos de \](/es/docs/Web/HTML/Element/input). Debido a que la apariéncia de un control de formulario puede ser algo distinta con respecto a unas especificaciones del diseñador, los desarrolladores web a veces construyen sus propios controles de formulario personalizados. Cubrimos este aspecto en un tutorial avanzado: [Cómo construir widgets de formulario personalizados](/es/docs/Learn/Forms/How_to_build_custom_form_widgets). diff --git a/files/es/learn/html/introduction_to_html/html_text_fundamentals/index.md b/files/es/learn/html/introduction_to_html/html_text_fundamentals/index.md index a76f5e7815288d..01e2218c3b92e0 100644 --- a/files/es/learn/html/introduction_to_html/html_text_fundamentals/index.md +++ b/files/es/learn/html/introduction_to_html/html_text_fundamentals/index.md @@ -1029,7 +1029,7 @@ Has llegado al final de este artículo, pero ¿puedes recordar la información m ## Resumen -¡Eso es todo por ahora! Este artículo debería haberte dado una buena idea de cómo comenzar a marcar texto en HTML y te ha presentado algunos de los elementos más importantes en este ámbito. Hay muchos más elementos semánticos para desarrollar en esta área, y veremos muchos más en nuestro artículo [Formateo de texto avanzado](/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting), más adelante en el curso. En el siguiente artículo, veremos en detalle cómo [crear hipervínculos](/es/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks), posiblemente el más importante elemento en la web. +¡Eso es todo por ahora! Este artículo debería haberte dado una buena idea de cómo comenzar a marcar texto en HTML y te ha presentado algunos de los elementos más importantes en este ámbito. Hay muchos más elementos semánticos para desarrollar en esta área, y veremos muchos más en nuestro artículo [Formateo de texto avanzado](/es/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting), más adelante en el curso. En el siguiente artículo, veremos en detalle cómo [crear hipervínculos](/es/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks), posiblemente el más importante elemento en la web. {{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML", "Learn/HTML/Introduction_to_HTML/Creating_hyperlinks", "Learn/HTML/Introduction_to_HTML")}} diff --git a/files/es/learn/html/introduction_to_html/the_head_metadata_in_html/index.md b/files/es/learn/html/introduction_to_html/the_head_metadata_in_html/index.md index 3e3dd624ca4917..06b74f4f217be4 100644 --- a/files/es/learn/html/introduction_to_html/the_head_metadata_in_html/index.md +++ b/files/es/learn/html/introduction_to_html/the_head_metadata_in_html/index.md @@ -252,7 +252,7 @@ Los comentarios explican para qué se usa cada icono (estos elementos abarcan si No te preocupes demasiado sobre la implementación de todos estos tipos de iconos por el momento; se trata de una característica bastante avanzada y no se espera que tengas conocimientos de ello para avanzar en el curso. El propósito principal aquí es darte a conocer estos elementos por si te los encuentras mientras examinas el código fuente de otros sitios web. -> **Nota:** Si tu sitio web utiliza una política de seguridad de contenido (_content security policy o CSP_) para mejorar la seguridad, la política afecta al `favicon`. Si te encuentras con problemas como que el `favicon` no se carga, comprueba que la respuesta a {{HTTPHeader("Content-Security-Policy")}} del `header` para la [directriz `img-src`](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src) en la cabecera no impide el acceso a este. +> **Nota:** Si tu sitio web utiliza una política de seguridad de contenido (_content security policy o CSP_) para mejorar la seguridad, la política afecta al `favicon`. Si te encuentras con problemas como que el `favicon` no se carga, comprueba que la respuesta a {{HTTPHeader("Content-Security-Policy")}} del `header` para la [directriz `img-src`](/es/docs/Web/HTTP/Headers/Content-Security-Policy/img-src) en la cabecera no impide el acceso a este. ## Aplicar CSS y JavaScript a HTML @@ -264,7 +264,7 @@ Prácticamente todos los sitios web usan {{Glossary("CSS")}} para darles un buen ``` -- El elemento ` diff --git a/files/es/learn/html/multimedia_and_embedding/other_embedding_technologies/index.md b/files/es/learn/html/multimedia_and_embedding/other_embedding_technologies/index.md index d6841cbb71d10e..6036dea59449bc 100644 --- a/files/es/learn/html/multimedia_and_embedding/other_embedding_technologies/index.md +++ b/files/es/learn/html/multimedia_and_embedding/other_embedding_technologies/index.md @@ -262,7 +262,7 @@ If absolutely required, you can add permissions back one by one (inside the `san #### Configure CSP directives -{{Glossary("CSP")}} stands for **[content security policy](/es/docs/Web/Security/CSP)**, and provides [a set of HTTP Headers](/es/docs/Web/Security/CSP/CSP_policy_directives) (metadata sent along with your web pages when they are served from a web server) designed to improve the security of your HTML document. When it comes to securing `