From 4c9408f79ed6ccf2b81c4cfaf73cb34cf4d25eb4 Mon Sep 17 00:00:00 2001
From: Peter Bengtsson Una biblioteca que puede usar es la biblioteca p2p. Esta biblioteca proporciona una API simple para crear conexiones entre puntos y configurar transmisiones y canales de datos. También hay un componente de servidor intermediario y un agente hospedado que puedes usar en lugar de tener que configurar uno. Una biblioteca que puede usar es la biblioteca p2p. Esta biblioteca proporciona una API simple para crear conexiones entre puntos y configurar transmisiones y canales de datos. También hay un componente de servidor intermediario y un agente hospedado que puedes usar en lugar de tener que configurar uno. Nota: Continuaremos agregando contenido aquí pronto; hay algunos problemas de organización por resolver. Un compilador LLVM a JavaScript; con Emscripten, tu puedes compilar C++ y otros lenguajes que se pueden compilar a LLVM y luego a JavaScript de alto rendimiento. Es una buena herramiente para portar aplicaciones a la Web! Aqui hay un util tutorial sobre Emscripten disponible en la wiki. Estamos mirando cubrir Emscripten en su propia seccion de MDN. La localización es el proceso de traducción de interfaces de usuario de un lenguaje a otro y adaptación para que una cultura extranjera lo comprenda. Estos recursos tratan sobre cómo hacer aplicaciones/extensiones de Mozilla localizables. {{ DiscussionList("dev-l10n", "mozilla.dev.l10n") }} {{ DiscussionList("dev-l10n", "mozilla.dev.l10n") }} Por lo tanto, debes tener especial cuidado al escribir reglas de estilo usando selectores (por ejemplo, los selectores por nombre de etiqueta, como Debido a la naturaleza en cascada de CSS, es una buena práctica definir reglas de estilo de una manera lo más concreta posible para evitar aplicar estilo a elementos a los que no se tenía previsto aplicar. CSS no permite que se defina un estilo según los términos de otro. (Consulta la nota de Eric Meyer acerca de la postura del Grupo de trabajo). Sin embargo, la asignación de múltiples clases a un solo elemento puede proporcionar el mismo efecto. CSS no permite que se defina un estilo según los términos de otro. (Consulta la nota de Eric Meyer acerca de la postura del Grupo de trabajo). Sin embargo, la asignación de múltiples clases a un solo elemento puede proporcionar el mismo efecto. A los elementos HTML se les pueden asignar varias clases listándolas en el atributo Las reglas son más complicadas cuando el selector tiene varias partes. Se puede encontrar más información detallada acerca de cómo se calcula la especificidad del selector en el capítulo 6.4.3 de la Especificación CSS 2.1 Las reglas son más complicadas cuando el selector tiene varias partes. Se puede encontrar más información detallada acerca de cómo se calcula la especificidad del selector en el capítulo 6.4.3 de la Especificación CSS 2.1 Por favor, consulta la página Extensiones CSS de Mozilla. Nota: Mover el foco al rededor de la página generalmente se hace presionando la tecla de tabulación, pero este no es el estándar en todas partes. Por ejemplo, el ciclo a través de enlaces en una página se realiza en Safari de forma predeterminada usando la combinación combinación Opction+Tab. Nota: Mover el foco al rededor de la página generalmente se hace presionando la tecla de tabulación, pero este no es el estándar en todas partes. Por ejemplo, el ciclo a través de enlaces en una página se realiza en Safari de forma predeterminada usando la combinación combinación Opction+Tab. En nuestro ejemplo, las especificaciones faltantes son obvias, así que las manejaremos, pero puede ser un problema real en widgets nuevos y exóticos, para los cuales nadie tiene la menor idea de cuál es el comportamiento correcto. Por lo tanto, siempre es bueno pasar tiempo en esta etapa de diseño, porque si defines un comportamiento deficiente u olvidas definir uno, será muy difícil redefinirlo una vez que los usuarios se hayan acostumbrado. Si tiene dudas, solicite las opiniones de los demás y, si tiene el presupuesto para ello, no dude en realizar las pruebas de usuario. Este proceso se llama Diseño UX. Si desea obtener más información sobre este tema, debe consultar los siguientes recursos útiles: Note: Creating reusable widgets is something that can be a bit tricky. The W3C Web Component draft is one of the answers to this specific issue. The X-Tag project is a test implementation of this specification; we encourage you to take a look at it. Note: Creating reusable widgets is something that can be a bit tricky. The W3C Web Component draft is one of the answers to this specific issue. The X-Tag project is a test implementation of this specification; we encourage you to take a look at it. In the code we are about to build, we will use the standard DOM API to do all the work we need. However, although DOM API support has gotten much better in browsers, there are always issues with legacy browsers (especially with good old Internet Explorer). If you want to avoid trouble with legacy browsers, there are two ways to do so: using a dedicated framework such as jQuery, $dom, prototype, Dojo, YUI, or the like, or by polyfilling the missing feature you want to use (which can easily be done through conditional loading, with the yepnope library for example). If you want to avoid trouble with legacy browsers, there are two ways to do so: using a dedicated framework such as jQuery, $dom, prototype, Dojo, YUI, or the like, or by polyfilling the missing feature you want to use (which can easily be done through conditional loading, with the yepnope library for example). The features we plan to use are the following (ordered from the riskiest to the safest): We have built something that works and though we're far from a fully-featured select box, it works nicely. But what we've done is nothing more than fiddle with the DOM. It has no real semantics, and even though it looks like a select box, from the browser's point of view it isn't one, so assistive technologies won't be able to understand it's a select box. In short, this pretty new select box isn't accessible! Fortunately, there is a solution and it's called ARIA. ARIA stands for "Accessible Rich Internet Application", and it's a W3C specification specifically designed for what we are doing here: making web applications and custom widgets accessible. It's basically a set of attributes that extend HTML so that we can better describe roles, states and properties as though the element we've just devised was the native element it tries to pass for. Using these attributes is dead simple, so let's do it. Fortunately, there is a solution and it's called ARIA. ARIA stands for "Accessible Rich Internet Application", and it's a W3C specification specifically designed for what we are doing here: making web applications and custom widgets accessible. It's basically a set of attributes that extend HTML so that we can better describe roles, states and properties as though the element we've just devised was the native element it tries to pass for. Using these attributes is dead simple, so let's do it. Here is the final result of all these changes (you'll get a better feel for this by trying it with an assistive technology such as NVDA or VoiceOver): Here is the final result of all these changes (you'll get a better feel for this by trying it with an assistive technology such as NVDA or VoiceOver): Here are a few libraries you should consider before coding your own: El elemento {{HTMLElement ("fieldset")}} es una forma cómoda de crear grupos de controles de formulario (también denominados widgets) que comparten el mismo propósito, con fines semánticos y de aplicación de estilo. Puedes etiquetar un elemento {{HTMLElement ("fieldset")}} incluyendo un elemento {{HTMLElement ("legend")}} justo debajo de la etiqueta de apertura {{HTMLElement ("fieldset")}}. El contenido textual del elemento {{HTMLElement ("legend")}} describe formalmente el propósito del elemento {{HTMLElement ("fieldset")}} que está incluido dentro. Muchas tecnologías de asistencia utilizarán el elemento {{HTMLElement ("legend")}} como si fuera una parte de la etiqueta de cada control dentro del elemento {{HTMLElement ("fieldset")}} correspondiente. Por ejemplo, algunos lectores de pantalla como Jaws y NVDA leerán el contenido de la leyenda antes de decir la etiqueta de cada control. Muchas tecnologías de asistencia utilizarán el elemento {{HTMLElement ("legend")}} como si fuera una parte de la etiqueta de cada control dentro del elemento {{HTMLElement ("fieldset")}} correspondiente. Por ejemplo, algunos lectores de pantalla como Jaws y NVDA leerán el contenido de la leyenda antes de decir la etiqueta de cada control. Un pequeño ejemplo: {{PreviousMenuNext("Learn/Forms/Your_first_form", "Learn/Forms/Basic_native_form_controls", "Learn/Forms")}} email: El elemento representa una dirección de correo electrónico. Los saltos de línea se quitan automáticamente del valor ingresado. Puede ingresarse una direccón de correo no válida, pero el campo de ingreso sólo funcionará si la dirección ingresada satisface la producción ABNF La web se basa en una arquitectura cliente / servidor muy básica que se puede resumir de la siguiente manera: un cliente (normalmente un navegador Web) envía una petición a un servidor (la mayoría de las veces un servidor web como Apache , Nginx , IIS , Tomcat , etc.), utilizando el protocolo HTTP . El servidor responde a la solicitud utilizando el mismo protocolo. La web se basa en una arquitectura cliente / servidor muy básica que se puede resumir de la siguiente manera: un cliente (normalmente un navegador Web) envía una petición a un servidor (la mayoría de las veces un servidor web como Apache , Nginx , IIS , Tomcat , etc.), utilizando el protocolo HTTP . El servidor responde a la solicitud utilizando el mismo protocolo. Las peticiones HTTP nunca se muestran al usuario (si quieres verlos, es necesario utilizar herramientas como el Monitor de red Firefox o las herramientas de desarrollo de Chrome ). A modo de ejemplo, los datos del formulario se muestran a continuación en la pestaña de Chrome red: Las peticiones HTTP nunca se muestran al usuario (si quieres verlos, es necesario utilizar herramientas como el Monitor de red Firefox o las herramientas de desarrollo de Chrome ). A modo de ejemplo, los datos del formulario se muestran a continuación en la pestaña de Chrome red: Hay muchas otras tecnologías del lado del servidor que puede utilizar para el manejo de formularios, incluyendo Perl , Java , .Net , Rubí , etc. Sólo tiene que elegir el que más le guste. Dicho esto, vale la pena señalar que es muy raro de usar estas tecnologías directamente porque esto puede ser complicado. Es más común el uso de uno de los muchos marcos de trabajo para un manejo más fácil del código, tales como: Hay muchas otras tecnologías del lado del servidor que puede utilizar para el manejo de formularios, incluyendo Perl , Java , .Net , Rubí , etc. Sólo tiene que elegir el que más le guste. Dicho esto, vale la pena señalar que es muy raro de usar estas tecnologías directamente porque esto puede ser complicado. Es más común el uso de uno de los muchos marcos de trabajo para un manejo más fácil del código, tales como: La inyección de SQL es un tipo de ataque que intenta realizar acciones en una base de datos utilizada por el sitio web de destino. Esto normalmente implica el envío de una petición SQL con la esperanza de que el servidor la ejecutará (por lo general cuando el servidor de aplicaciones intenta almacenar los datos enviados por un usuario). Esto es en realidad uno de los principales vectores de ataque contra los sitios web . La inyección de SQL es un tipo de ataque que intenta realizar acciones en una base de datos utilizada por el sitio web de destino. Esto normalmente implica el envío de una petición SQL con la esperanza de que el servidor la ejecutará (por lo general cuando el servidor de aplicaciones intenta almacenar los datos enviados por un usuario). Esto es en realidad uno de los principales vectores de ataque contra los sitios web . Las consecuencias pueden ser terribles, que van desde la pérdida de datos o hasta que los ataques tomen el control de la infraestructura de todo el sitio web mediante el uso de una escalada de privilegios. Esta es una amenaza muy seria y nunca debe almacenar los datos enviados por un usuario sin realizar alguna sanitización (por ejemplo, mediante el uso Las consecuencias pueden ser terribles, que van desde la pérdida de datos o hasta que los ataques tomen el control de la infraestructura de todo el sitio web mediante el uso de una escalada de privilegios. Esta es una amenaza muy seria y nunca debe almacenar los datos enviados por un usuario sin realizar alguna sanitización (por ejemplo, mediante el uso Este tipo de ataques pueden ocurrir cuando su aplicación se basa cabeceras HTTP o mensajes de correo electrónico basado en la entrada de datos por un usuario en un formulario. Estos no dañan directamente su servidor o afectan a sus usuarios, pero son una puerta abierta a problemas más profundos tales como el secuestro de sesión o ataques de phishing. Estos ataques son en su mayoría en silencio, y pueden volver a su servidor en un zombi . Estos ataques son en su mayoría en silencio, y pueden volver a su servidor en un zombi . {{PreviousMenuNext ( "Aprende / html / Formularios / The_native_form_widgets", "Saber / html / Formularios / Form_validation", "Aprender / html / Forms")}} Ahora podemos repasar el código. Primero preparamos las bases definiendo las reglas Como puede verse, mientras que queramos construir formularios solo con campos de texto y botones, es sencillo aplicarles estilos con CSS. Si desea saber más pequeños trucos de CSS que le hagan más fácil la vida al trabajar con formularios, echele un vistazo a la parte de formularios de the normalize.css project. Como puede verse, mientras que queramos construir formularios solo con campos de texto y botones, es sencillo aplicarles estilos con CSS. Si desea saber más pequeños trucos de CSS que le hagan más fácil la vida al trabajar con formularios, echele un vistazo a la parte de formularios de the normalize.css project. En el próximo artículo, veremos como manejar widgets de formulario de la categoría de "el malo" y "el feo". Diseñar formularios es un paso importante cuando creas un sitio web o una aplicación. Va más allá del alcance de este artículo exponer la experiencia de usuario de los formularios, pero si deseas profundizar en ese tema, puedes leer los artículos siguientes: En este artículo, vamos a crear un formulario de contacto sencillo. Hagamos un esbozo. Los documentos wiki MDN se han preparado con las contribuciones de muchos autores, tanto dentro como fuera de la Fundación Mozilla. A menos que se indique lo contrario, los contenidos están disponibles bajo los términos de la Licencia Creative Commons: Attribution-Sharealike v2.5 o cualquier versión posterior. Por favor atribúyalos a los "Colaboradores Mozilla" e incluya un hipervínculo (en línea) o URL (en formato impreso) a la Wiki específica para el contenido referenciado. Los documentos wiki MDN se han preparado con las contribuciones de muchos autores, tanto dentro como fuera de la Fundación Mozilla. A menos que se indique lo contrario, los contenidos están disponibles bajo los términos de la Licencia Creative Commons: Attribution-Sharealike v2.5 o cualquier versión posterior. Por favor atribúyalos a los "Colaboradores Mozilla" e incluya un hipervínculo (en línea) o URL (en formato impreso) a la Wiki específica para el contenido referenciado. Acerca de MDN realizado por Colaboradores Mozilla se distribuye bajo licencia CC-BY-SA 2.5. Nota: Vea el contenido de MDN en WebPlatform.org para información acerca de como reutilizar y atribuir contenido MDN en ese sitio. Los códigos de ejemplo agregados a esta Wiki antes del 20 de Agosto de 2010 están disponibles bajo la Licencia MIT; utilice la siguiente información de atribución: "© <fecha de la última revisión de la Wiki> <nombre de la persona que lo colocó en la Wiki>". Los códigos de ejemplo agregados a esta Wiki antes del 20 de Agosto de 2010 están disponibles bajo la Licencia MIT; utilice la siguiente información de atribución: "© <fecha de la última revisión de la Wiki> <nombre de la persona que lo colocó en la Wiki>". Los códigos de ejemplo agregados durante o después del 20 de Agosto de 2010 quedan bajo dominio público. Puedes utilizar el siguiente aviso si es necesario: "Cualquier derecho de autor se dedica al dominio público. http://creativecommons.org/publicdomain/zero/1.0/ " Los códigos de ejemplo agregados durante o después del 20 de Agosto de 2010 quedan bajo dominio público. Puedes utilizar el siguiente aviso si es necesario: "Cualquier derecho de autor se dedica al dominio público. http://creativecommons.org/publicdomain/zero/1.0/ " Si deseas contribuir al wiki, debes hacer que tu documentación esté disponible bajo la licencia de Attribution-ShareAlike (u ocasionalmente una licencia alternativa ya especificada por la página que estás editando), y los ejemplos de código disponibles bajo licencia Creative Commons CC-0 (Dedicada al dominio público). Añadir contenido a este wiki significa que aceptas que tus contribuciones estén disponibles bajo esas licencias. Las macros en MDN se implementan usando código {{web.link("/es/docs/Web/JavaScript", "JavaScript")}} ejecutado por el servidor, interpretado usando Node.js. Además de eso, tenemos una serie de bibliotecas que hemos implementado que brindan servicios y funciones orientados a wiki para permitir que las macros interactúen con la plataforma wiki y su contenido. Si estás interesado en obtener más información, consulta {{web.link("/es/docs/MDN/Contribute/Tools/KumaScript", "Guía de KumaScript")}}. Las macros en MDN se implementan usando código {{web.link("/es/docs/Web/JavaScript", "JavaScript")}} ejecutado por el servidor, interpretado usando Node.js. Además de eso, tenemos una serie de bibliotecas que hemos implementado que brindan servicios y funciones orientados a wiki para permitir que las macros interactúen con la plataforma wiki y su contenido. Si estás interesado en obtener más información, consulta {{web.link("/es/docs/MDN/Contribute/Tools/KumaScript", "Guía de KumaScript")}}. En el verano de 2012, MDN cambió a una nueva plataforma wiki llamada Kuma. Esta reemplaza el lenguaje de plantilla DekiScript con un nuevo sistema llamado KumaScript. KumaScript se alimenta de JavaScript del lado del servidor, usando Node.js. Este artículo provee informaciónde cómo usar KumaScript y cómo actualizar scripts migrados parcialmente desde MindTouch. En el verano de 2012, MDN cambió a una nueva plataforma wiki llamada Kuma. Esta reemplaza el lenguaje de plantilla DekiScript con un nuevo sistema llamado KumaScript. KumaScript se alimenta de JavaScript del lado del servidor, usando Node.js. Este artículo provee informaciónde cómo usar KumaScript y cómo actualizar scripts migrados parcialmente desde MindTouch. Para detalles y preguntas frecuentes sobre KumaScript, mira el KumaScript Fireside Chat del equipo de desarrolladores MDN. KumaScript funciona permitiendo a wiki de confianza escribir plantillas JavaScript ensambladas. Estas plantillas pueden ser invocadas en el contenido del documento por cualquier editor wiki mediante el uso de macros. KumaScript funciona permitiendo a wiki de confianza escribir plantillas JavaScript ensambladas. Estas plantillas pueden ser invocadas en el contenido del documento por cualquier editor wiki mediante el uso de macros. Los datos de esta macro estarán disponibles en un código de plantilla como un objeto en el argumento Nota que el estilo de este parámetro es muy complejo. Se debe adherir exactamente a la sintaxis JSON, que tiene algunas exigencias escurridizas que son fáciles de pasar por alto (por ejemplo, todas las barras (/) llevan escapes). Cuando haya dudas, intenta ejecutar tu JSON con un validador. Nota que el estilo de este parámetro es muy complejo. Se debe adherir exactamente a la sintaxis JSON, que tiene algunas exigencias escurridizas que son fáciles de pasar por alto (por ejemplo, todas las barras (/) llevan escapes). Cuando haya dudas, intenta ejecutar tu JSON con un validador. Las plantillas KumaScript son procesadas por un motor de plantillas JavaScript ensamblado con estas simples reglas: Las plantillas KumaScript son procesadas por un motor de plantillas JavaScript ensamblado con estas simples reglas: Nota como el JS está contenido entre Cuando la wiki hace una llamada al servicio KumaScript, pasa por una part del contexto del documento actual que KumaScript pone a disposición de las plantillas como variables: Cuando la wiki hace una llamada al servicio KumaScript, pasa por una part del contexto del documento actual que KumaScript pone a disposición de las plantillas como variables: Es probable que esta documentación mantenida manualmente quede desactualizada con respecto al código. Teniendo en cuanta eso, siempre puedes verificar el último estado de las APIs incorporadas en la fuente de KumaScript. Pero hay una selección de métodos útiles expuestos a plantillas: Es probable que esta documentación mantenida manualmente quede desactualizada con respecto al código. Teniendo en cuanta eso, siempre puedes verificar el último estado de las APIs incorporadas en la fuente de KumaScript. Pero hay una selección de métodos útiles expuestos a plantillas: To find examples of templates that have already been repaired, check here: /en...s/tag/ks-fixed. Check the template usage stats bug file attachments to help prioritize templates to fix. If you know your way around Check the template usage stats bug file attachments to help prioritize templates to fix. If you know your way around As you repair templates, please uncheck the "Template" review checkbox and add the tag "ks-fixed", which will keep the above lists accurate. Kuma es la plataforma wiki que impulsa Mozilla Developer Network. Es una plataforma open source escrita en Python usando el framework Django. Kuma es la plataforma wiki que impulsa Mozilla Developer Network. Es una plataforma open source escrita en Python usando el framework Django. Este artículo ofrece información que será de utilidad para desarrolladores que deseen actualizar sus extensiones, para que éstas funcionen correctamente con Firefox 3. Los nodos de documentos externos deberán copiarse idénticamente usando Los nodos de documentos externos deberán copiarse idénticamente usando Actualmente, Firefox no exige hacerlo aunque sí lo hizo durante algún tiempo, durante el desarrollo de Firefox 3. Lo que ocurrió fue que muchos sitios sufrían averías cuando esta política era obligatoria. Nuestra recomendación para los desarrolladores web es que corrijan su código para cumplir con esta regla y así lograr una mejor compatibilidad a futuro. Para los Complementos SDK, la consola API está disponible automaticamente. A continuación se muestra un ejemplo de complemento que registra un error cuando el usuario hace click en un widget: Para los Complementos SDK, la consola API está disponible automaticamente. A continuación se muestra un ejemplo de complemento que registra un error cuando el usuario hace click en un widget: Si uested construye este como un archivo XPI, entonces abra la consola del navegador, y entonces abra el archivo XPI en Firefox e instalelo, verá una etiqueta widget con el mensaje "Error!" en la barra del complemento: Si uested construye este como un archivo XPI, entonces abra la consola del navegador, y entonces abra el archivo XPI en Firefox e instalelo, verá una etiqueta widget con el mensaje "Error!" en la barra del complemento: Para complementos basados unicamente en SDK, al mensaje se le antepone el nombre del complemento ("log-error"), haciendolo mas facil de encontrar todos los mensajes de este complemento utilizando la caja de busqueda del "Filtro de salida". Por default, solo los mensajes de error son registrados en la consola, aunque usted puede cambiar este comportamiento en preferencias del navegador. Para complementos basados unicamente en SDK, al mensaje se le antepone el nombre del complemento ("log-error"), haciendolo mas facil de encontrar todos los mensajes de este complemento utilizando la caja de busqueda del "Filtro de salida". Por default, solo los mensajes de error son registrados en la consola, aunque usted puede cambiar este comportamiento en preferencias del navegador. Definido en inspector-panel.js. Atributos y funciones: Definido en inspector-panel.js. Atributos y funciones: Next, you'll need to get the desktop and the Android device talking to each other using the adb command-line tool. Next, you'll need to get the desktop and the Android device talking to each other using the adb command-line tool. {{ languages( { "ja": "ja/View_source"} ) }} Esta técnica demuestra como usar el rol alert y describe el efecto que tiene en los navegadores y tecnologías de asistencia. Esta técnica demuestra como usar el rol alert y describe el efecto que tiene en los navegadores y tecnologías de asistencia. El rol de alerta es utilizado para comunicar un mensaje importante y normalmente urgente para el usuario. Cuando este rol es añadido a un elemento, el navegador envía un evento de alerta accesible a los productos de tecnología asistencial que notificarán al usuario sobre ésta. El rol de alerta es más útil para información que requiere la atención inmediata del usuario, por ejemplo: Esta técnica demuestra como usar el rol Esta técnica demuestra como usar el rol El rol El atributo El atributo Este atributo puede ser utilizado con cualquier elemento HTML típico; no se limita a los elementos que tienen un papel ARIA asignado. El atributo El atributo {{ HTMLVersionInline("5") }} ahora tiene el atributo Ejemplo de un Tooltip (incluye el uso del atributo Ejemplo de un Tooltip (incluye el uso del atributo El elemento HTML {{ HTMLElement("label") }} es apropiado para elementos relacionados a formularios, pero muchos controles de formulario son implementados como un widget dinámico de JavaScript, utilizando {{ HTMLElement("div") }}s o {{ HTMLElement("span") }}s. WAI-ARIA, la especificación Accessible Rich Internet Applications de W3C's Web Accessibility Initiative, provee el atributo El elemento HTML {{ HTMLElement("label") }} es apropiado para elementos relacionados a formularios, pero muchos controles de formulario son implementados como un widget dinámico de JavaScript, utilizando {{ HTMLElement("div") }}s o {{ HTMLElement("span") }}s. WAI-ARIA, la especificación Accessible Rich Internet Applications de W3C's Web Accessibility Initiative, provee el atributo El siguiente ejemplo muestra un grupo de radio buttons implementado usando una lista no ordenada. Note que en la línea 3, el elemento {{ HTMLElement("ul") }} define el atributo Los controles de formulario en ocasiones tienen una descripción asociada con ellos, además de la descripción de la etiqueta. ARIA provee el atributo Los controles de formulario en ocasiones tienen una descripción asociada con ellos, además de la descripción de la etiqueta. ARIA provee el atributo El ejemplo siguiente muestra un elemento {{ HTMLElement("button") }} que es descrito por una oración de un diferento elemento {{ HTMLElement("div") }}. El atributo Los desarrolladores Web típicamente usan estrategias de presentación para inidicar campos requeridos o inválidos. Tecnologías asistivas (Assistive technologies - ATs) no necesariamente pueden inferir de la presentación. ARIA provee atributos para indicar que controles de formulario son requeridos o inválidos: El siguiente ejemplo muestra un formulario sencillo con tres campos. En las líneas 4 y 12, los atributos Lea como usar alertas ARIA para mejorar formularios. Para mayor orientación en el uso de ARIA para la accesibilidad de los formularios, vea el documento Prácticas de Autoria WAI-ARIA (WAI-ARIA Authoring Practices). Para mayor orientación en el uso de ARIA para la accesibilidad de los formularios, vea el documento Prácticas de Autoria WAI-ARIA (WAI-ARIA Authoring Practices). Consulta también el artículo de Yahoo! sobre validación de formularios y ARIA (recuperado desde archive.org), que abarca gran parte del mismo contenido. Consulta también el artículo de Yahoo! sobre validación de formularios y ARIA (recuperado desde archive.org), que abarca gran parte del mismo contenido. ARIA information on blogs tends to get out of date quickly. Still, there is some great info out there from other developers making ARIA work today. Al combinar las capacidades del elemento Al combinar las capacidades del elemento El documento XHTML que se utiliza para representar este contenido se muestra a continuación. En este ejemplo, una foto panorámica avanza de izquierda a derecha. Donde usaremos una imagen del Parque Nacional de Yosemite que tomamos de Wikipedia, pero tu podrías usar cualquier imagen que sea mas grande que el canvas. En este ejemplo, una foto panorámica avanza de izquierda a derecha. Donde usaremos una imagen del Parque Nacional de Yosemite que tomamos de Wikipedia, pero tu podrías usar cualquier imagen que sea mas grande que el canvas. {{HTMLElement("canvas")}} crea un lienzo de dibujo fijado que expone uno o mas contextos renderizados, los cuales son usados para crear y manipular el contenido mostrado. Nos enfocaremos en renderizacion de contextos 2D. Otros contextos deberan proveer diferentes tipos de renderizaciones; por ejemplo, WebGL usa un 3D contexto ("experimental-webgl") basado sobre OpenGL ES. {{HTMLElement("canvas")}} crea un lienzo de dibujo fijado que expone uno o mas contextos renderizados, los cuales son usados para crear y manipular el contenido mostrado. Nos enfocaremos en renderizacion de contextos 2D. Otros contextos deberan proveer diferentes tipos de renderizaciones; por ejemplo, WebGL usa un 3D contexto ("experimental-webgl") basado sobre OpenGL ES. El canvas esta inicialmente en blanco. Para mostrar alguna cosa, un script primero necesita acceder al contexto a renderizar y dibujar sobre este. El elemento {{HTMLElement("canvas")}} tiene un method llamado El siguiente tipo de trazos disponibles son las curvas Bézier, en sus dos variantes, cúbicas y cuadráticas. Son usadas generalmente para dibujar complejas formas orgánicas. El siguiente tipo de trazos disponibles son las curvas Bézier, en sus dos variantes, cúbicas y cuadráticas. Son usadas generalmente para dibujar complejas formas orgánicas. {{PreviousNext("Web/Guide/HTML/Canvas_tutorial/Basic_animations")}} La sintaxis es descrita usando el formato WebIDL. La sintaxis es descrita usando el formato WebIDL. {{APIRef("DOM")}}{{SeeCompatTable}} Tener en cuenta que XMLHttpRequest soporta parsear XML y HTML desde recursos direccionables por URL. Cuando es invocado en un elemento HTML desde un DOM marcado como documento HTML, Esencialmente todos los navegadores (Firefox, Internet Explorer, versiones recientes de Opera, Safari, Konqueror, y iCab, siendo una lista no exhaustiva) devuelven Esencialmente todos los navegadores (Firefox, Internet Explorer, versiones recientes de Opera, Safari, Konqueror, y iCab, siendo una lista no exhaustiva) devuelven {{ languages( {"zh-cn": "zh-cn/DOM/event.defaultPrevented" } ) }} Si tu campo input ha sido creado usando una libreria JavaScript como jQuery, se necesitará usar {{ domxref("element.addEventListener()") }} para añadir el manejador de eventos tipo change, como en el ejemplo siguiente: Si tu campo input ha sido creado usando una libreria JavaScript como jQuery, se necesitará usar {{ domxref("element.addEventListener()") }} para añadir el manejador de eventos tipo change, como en el ejemplo siguiente: A continuación establecemos el Este ejemplo el objeto blob URLs para mostrar las miniaturas de las imágenes. Además, se muestra otra información del archivo incluyendo sus nombres y tamaños. Tú puedes ver el ejemplo (tenga en cuenta que se requiere una versión Nghtly de Firefox del 23 de september 23 o mas reciente, o Firefox 4.0 beta 7). Este ejemplo el objeto blob URLs para mostrar las miniaturas de las imágenes. Además, se muestra otra información del archivo incluyendo sus nombres y tamaños. Tú puedes ver el ejemplo (tenga en cuenta que se requiere una versión Nghtly de Firefox del 23 de september 23 o mas reciente, o Firefox 4.0 beta 7). El HTML que representa la interfaz es:: Firefox incluye soporte para localizar basándose en información de redes inalámbricas, usando Google Location Services. En la transacción entre Firefox y Google, los datos son compartidos incluyendo información del punto de acceso inalámbrico, un token de acceso (similar a una cookie con duración de dos semanas), y la dirección IP del usuario. Para más información, por favor consulte la Política de Privacidad de Mozilla y la Política de Privacidad de Google, dichos documentos cubren como estos datos pueden ser utilizados. Firefox incluye soporte para localizar basándose en información de redes inalámbricas, usando Google Location Services. En la transacción entre Firefox y Google, los datos son compartidos incluyendo información del punto de acceso inalámbrico, un token de acceso (similar a una cookie con duración de dos semanas), y la dirección IP del usuario. Para más información, por favor consulte la Política de Privacidad de Mozilla y la Política de Privacidad de Google, dichos documentos cubren como estos datos pueden ser utilizados. En Firefox 3.6 (Gecko 1.9.2) fue añadido soporte para utilizar el servicio GPSD para geolocalización en sistemas Linux. En Firefox 3.6 (Gecko 1.9.2) fue añadido soporte para utilizar el servicio GPSD para geolocalización en sistemas Linux. HTML - APIs de elementos de entrada comunes ( HTML - APIs de elementos de entrada comunes ( El evento Existen también los Eventos DOM Específicos como Este evento tipo handler se encuentra especificado en HTML. Este evento tipo handler se encuentra especificado en HTML. Bug 18542 – el atributo onmousewheel debe ser reemplazado con onwheel Bug 18542 – el atributo onmousewheel debe ser reemplazado con onwheel La especificaciones HTML listan los tipos de La especificaciones HTML listan los tipos de Firefox: no hay límite en el tamaño de una base de datos IndexedDB. La interfaz de usuario solicita permiso para almacenar blobs de más de 50MB. Este límite puede ser modificado mediante la preferencia dom.indexedDB.warningQuota (que está definida en http://mxr.mozilla.org/mozilla-central/source/modules/libpref/src/init/all.js). Firefox: no hay límite en el tamaño de una base de datos IndexedDB. La interfaz de usuario solicita permiso para almacenar blobs de más de 50MB. Este límite puede ser modificado mediante la preferencia dom.indexedDB.warningQuota (que está definida en http://mxr.mozilla.org/mozilla-central/source/modules/libpref/src/init/all.js). Para otra matriz de compatibilidad, vea también: Cuándo puedo usar IndexedDB Para otra matriz de compatibilidad, vea también: Cuándo puedo usar IndexedDB También existe la posibilidad de usar IndexedDB en navegadores que soportan WebSQL por el uso de IndexedDB Polyfill. También existe la posibilidad de usar IndexedDB en navegadores que soportan WebSQL por el uso de IndexedDB Polyfill. Tutorials Related articles Firefox Nota: Antes de la versión 37, Chrome no te deja llamar a {{domxref("Notification.requestPermission()")}} en manejador de eventos Nota: Antes de la versión 37, Chrome no te deja llamar a {{domxref("Notification.requestPermission()")}} en manejador de eventos Targeting 23{{ property_prefix("webkit") }}* See CR/72574 See CR/72574 {{ CompatGeckoDesktop("14.0") }} Los navegadores tienen diferentes niveles de capacidad, tanto para el localStorage como para el sesionStorage. He aquí una lista detallada de todas las capacidades de almacenamiento para varios navegadores. Los navegadores tienen diferentes niveles de capacidad, tanto para el localStorage como para el sesionStorage. He aquí una lista detallada de todas las capacidades de almacenamiento para varios navegadores. Nota: desde la versión 5.1 de iOS, Safari Mobile almacena los datos de localStorage en la carpeta de la caché, la cual se vacía a intervalos, a criterio del sistema operativo, generalmente, si hay una falta de espacio. Todos los navegadores tienen diferentes niveles de capacidad tanto para localStorage como para sessionStorage. Aquí hay un resumen detallado de la capacidad de almacenamiento para diversos navegadores. Todos los navegadores tienen diferentes niveles de capacidad tanto para localStorage como para sessionStorage. Aquí hay un resumen detallado de la capacidad de almacenamiento para diversos navegadores. Nota: desde iOS 5.1, Safari Mobile almacena los datos de localStorage en la carpeta de cache, que está sujeta a borrados ocasionales a petición del sistema operativo, típicamente cuando queda poco espacio. Los navegadores tienen diferentes niveles de capacidad, tanto para el localStorage como para el sesionStorage. He aquí una lista detallada de todas las capacidades de almacenamiento para varios navegadores. Los navegadores tienen diferentes niveles de capacidad, tanto para el localStorage como para el sesionStorage. He aquí una lista detallada de todas las capacidades de almacenamiento para varios navegadores. Nota: desde la versión 5.1 de iOS, Safari Mobile almacena los datos de localStorage en la carpeta de la caché, la cual se vacía a intervalos, a criterio del sistema operativo, generalmente, si hay una falta de espacio. Todos los navegadores tienen diferentes niveles de capacidad tanto para localStorage como para sessionStorage. Aquí hay un resumen detallado de la capacidad de almacenamiento para diversos navegadores. Todos los navegadores tienen diferentes niveles de capacidad tanto para localStorage como para sessionStorage. Aquí hay un resumen detallado de la capacidad de almacenamiento para diversos navegadores. Nota: desde iOS 5.1, Safari Mobile almacena los datos de localStorage en la carpeta de cache, que está sujeta a borrados ocasionales a petición del sistema operativo, típicamente cuando queda poco espacio. Todos los navegadores tienen niveles de capacidad variados para localStorage y sessionStorage. Aquí hay un análisis detallado de todas las capacidades de almacenamiento para varios navegadores. Todos los navegadores tienen niveles de capacidad variados para localStorage y sessionStorage. Aquí hay un análisis detallado de todas las capacidades de almacenamiento para varios navegadores. Nota: desde iOS 5.1, Safari Mobile almacena los datos de localStorage en la carpeta de caché, que está sujeta a limpieza ocasional a petición del sistema operativo, típicamente cuando el espacio es reducido. Todos los navegadores tienen distintos niveles de capacidad tanto para localStorage como para sessionStorage. Aquí está una análisis detallado de todas las capacidades de almacenamiento de diferentes navegadores. Todos los navegadores tienen distintos niveles de capacidad tanto para localStorage como para sessionStorage. Aquí está una análisis detallado de todas las capacidades de almacenamiento de diferentes navegadores. Nota: Desde iOS 5.1, Safari Mobile almacena los datos de localStorage en la carpeta de caché, la cual está sujeta a limpiezas ocasionales, a petición del sistema operativo, típicamente cuando el espacio es reducido. Todos los navegadores tienen distintos niveles de capacidad tanto para localStorage como para sessionStorage. Aquí está una análisis detallado de todas las capacidades de almacenamiento de diferentes navegadores. Todos los navegadores tienen distintos niveles de capacidad tanto para localStorage como para sessionStorage. Aquí está una análisis detallado de todas las capacidades de almacenamiento de diferentes navegadores. Nota: Desde iOS 5.1, Safari Mobile almacena los datos de localStorage en la carpeta de caché, la cual está sujeta a limpiezas ocasionales, a petición del sistema operativo, típicamente cuando el espacio es reducido. Para más información sobre los objetos transferibles, visita HTML5Rocks . Para más información sobre los objetos transferibles, visita HTML5Rocks . Workers may spawn more workers if they wish. So-called subworkers must be hosted within the same origin as the parent page. Also, the URIs for subworkers are resolved relative to the parent worker's location rather than that of the owning page. This makes it easier for workers to keep track of where their dependencies are. Subworkers are currently not supported in Chrome. See crbug.com/31666 . Subworkers are currently not supported in Chrome. See crbug.com/31666 . WebGL trae gráficos en 3D para la Web mediante la introducción de una API que cumple estrictamente la OpenGL ES 2.0 que se puede utilizar en elementos WebGL trae gráficos en 3D para la Web mediante la introducción de una API que cumple estrictamente la OpenGL ES 2.0 que se puede utilizar en elementos {{WebGLSidebar("Tutorial")}} {{Next("Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context")}} WebGL permite que el contenido web utilice una API basada en OpenGL ES 2.0 para llevar a cabo la representación 2D y 3D en un elemento canvas HTML en los navegadores que lo soporten sin el uso de plug-ins. WebGL consiste en código de control escrito en JavaScript y código de efectos especiales (código shader) que se ejecuta en la unidad de procesamiento gráfico de una computadora (GPU). Los elementos WebGL se pueden mezclar con otros elementos HTML y componerse con otras partes de la página o el fondo de la misma. WebGL permite que el contenido web utilice una API basada en OpenGL ES 2.0 para llevar a cabo la representación 2D y 3D en un elemento canvas HTML en los navegadores que lo soporten sin el uso de plug-ins. WebGL consiste en código de control escrito en JavaScript y código de efectos especiales (código shader) que se ejecuta en la unidad de procesamiento gráfico de una computadora (GPU). Los elementos WebGL se pueden mezclar con otros elementos HTML y componerse con otras partes de la página o el fondo de la misma. Este artículo le dará a conocer los conceptos básicos de WebGL. Se asume que ya tiene una comprensión de las matemáticas implicadas en gráficos 3D, y este artículo no pretende tratar de enseñar OpenGL en sí. WebGL enables web content to use an API based on OpenGL ES 2.0 to perform 3D rendering in an HTML {{HTMLElement("canvas")}} in browsers that support it without the use of plug-ins. WebGL programs consist of control code written in JavaScript and special effects code(shader code) that is executed on a computer's Graphics Processing Unit (GPU). WebGL elements can be mixed with other HTML elements and composited with other parts of the page or page background. WebGL enables web content to use an API based on OpenGL ES 2.0 to perform 3D rendering in an HTML {{HTMLElement("canvas")}} in browsers that support it without the use of plug-ins. WebGL programs consist of control code written in JavaScript and special effects code(shader code) that is executed on a computer's Graphics Processing Unit (GPU). WebGL elements can be mixed with other HTML elements and composited with other parts of the page or page background. This tutorial describes how to use the La conexión inicial entre pares debe ser establecida a través de un servidor de aplicaciones que proporcione descubrimiento de usuarios, comunicación y traducción de direcciones de red (NAT) con transmisión de datos. Señalización es el mecanismo por el cual los pares se envían mensajes de control entre sí con el propósito de establecer el protocolo, canal, y método de comunicación. Estos no están especifiados en el standar WebRTC. En su lugar, el desarrollador puede elegir cualquier protocolo de mensajería (como SIP o XMPP), y cualquier canal de comunicación bidirecional (como WebSocket o XMLHttpRequest) en conjunción con un servidor con un API de conexión permanente (como el Google Channel API) para AppEngine. Señalización es el mecanismo por el cual los pares se envían mensajes de control entre sí con el propósito de establecer el protocolo, canal, y método de comunicación. Estos no están especifiados en el standar WebRTC. En su lugar, el desarrollador puede elegir cualquier protocolo de mensajería (como SIP o XMPP), y cualquier canal de comunicación bidirecional (como WebSocket o XMLHttpRequest) en conjunción con un servidor con un API de conexión permanente (como el Google Channel API) para AppEngine. LocalMediaStream object Este es un tutorial rápido de cómo acceder a la cámara de tu laptop y capturar una foto con ella. Puedes observar el código final en acción en este JSFiddle. También existe una versión más avanzada en JavaScript para cargar fotos a imgur disponible como código en GitHub o como demo. Este es un tutorial rápido de cómo acceder a la cámara de tu laptop y capturar una foto con ella. Puedes observar el código final en acción en este JSFiddle. También existe una versión más avanzada en JavaScript para cargar fotos a imgur disponible como código en GitHub o como demo. Lo primero que necesitas para acceder a la cámara web utilizando WebRTC es un elemento {{HTMLElement("video")}} y un elemento {{HTMLElement("canvas")}} en la página. El elemento de video recibe la secuencia desde WebRTC y el elemento canvas es utilizado para agarrar la imagen desde el video. También añadimos una imagen de relleno que luego será reemplazada con la toma capturada por la cámara web. Starting in Gecko 11.0, the WebSocket API is no longer prefixed. Si deseas utilizar la API WebSocket, es conveniente si tienes un servidor. En este artículo te mostraré como puedes escribir uno en C#. Tú puedes hacer esto en cualquier lenguaje del lado del servidor, pero para mantener las cosas simples y más comprensibles, elegí el lenguaje de Microsoft. Este servidor se ajusta a RFC 6455 por lo que solo manejará las conexiones de Chrome version 16, Firefox 11, IE 10 and superiores. Este servidor se ajusta a RFC 6455 por lo que solo manejará las conexiones de Chrome version 16, Firefox 11, IE 10 and superiores. WebSocket se comunica a través de conexiones TCP (Transmission Control Protocol), afortunadamente C# tiene una clase TcpListener la cual hace lo que su nombre sugiere. Esta se encuentra en el namespace System.Net.Sockets. WebSocket se comunica a través de conexiones TCP (Transmission Control Protocol), afortunadamente C# tiene una clase TcpListener la cual hace lo que su nombre sugiere. Esta se encuentra en el namespace System.Net.Sockets. Es una buena idea usar la instrucción Métodos: FIN: Puedes enviar tu mensaje en marcos, pero ahora debe mantener las cosas simples. - 131: Todos los navegadores tienen variaciones en los niveles de capacidad de almacenamiento tanto para localStorage como para sessionStorage. He aquí un detalle sobre las distintas capacidades en los diferentes navegadores. Todos los navegadores tienen variaciones en los niveles de capacidad de almacenamiento tanto para localStorage como para sessionStorage. He aquí un detalle sobre las distintas capacidades en los diferentes navegadores. Todos los navegadores tienen distintos niveles de capacidad para localStorage y para sessionStorage. Aquí encontraras un resumen detallado de todas las capacidades de almacenamiento para diversos navegadores. Todos los navegadores tienen distintos niveles de capacidad para localStorage y para sessionStorage. Aquí encontraras un resumen detallado de todas las capacidades de almacenamiento para diversos navegadores. Nota: desde iOS 5.1, Safari Mobile almacena los datos de localStorage en un directorio de cache, el cual esta sujeto a limpezas ocacionales, por orden del sistema operativo, generalmente si el espacio es reducido. Cuando este evento devuelve un valor que no sea nulo, se solicita al usuario que confirme que quiere abandonar la página. En la mayoría de los navegadores, el valor de retorno del evento se muestra en este cuadro de diálogo. Desde el 25 de mayo de 2011, los estados de la especificación HTML5 que llaman a los métodos {{domxref("window.showModalDialog()")}}, {{domxref("window.alert()")}}, {{domxref("window.confirm()")}} y {{domxref("window.prompt()")}} pueden ser ignorados en este evento. Desde el 25 de mayo de 2011, los estados de la especificación HTML5 que llaman a los métodos {{domxref("window.showModalDialog()")}}, {{domxref("window.alert()")}}, {{domxref("window.confirm()")}} y {{domxref("window.prompt()")}} pueden ser ignorados en este evento. Se puede y se debería controlar este evento con {{domxref("EventTarget.addEventListener","window.addEventListener()")}} y el evento DOM Nivel 0. Especificado en HTML5. DOM Nivel 0. Especificado en HTML5. Historically browsers implement Historically browsers implement In fact, 4ms is specified by the HTML5 spec and is consistent across browsers released in 2010 and onward. Prior to {{ geckoRelease("5.0") }}, the minimum timeout value for nested timeouts was 10 ms. In addition to "clamping", the timeout can also fire later when the page (or the OS/browser itself) is busy with other tasks. To implement a 0 ms timeout in a modern browser, you can use {{ domxref("window.postMessage()") }} as described here. To implement a 0 ms timeout in a modern browser, you can use {{ domxref("window.postMessage()") }} as described here. Browsers including Internet Explorer, Chrome, Safari, and Firefox store the delay as a 32-bit signed Integer internally. This causes an Integer overflow when using delays larger than 2147483647, resulting in the timeout being executed immediately. In {{ geckoRelease("5.0") }} and Chrome 11, timeouts are clamped to firing no more often than once per second (1000ms) in inactive tabs; see {{ bug(633421) }} for more information about this in Mozilla or crbug.com/66078 for details about this in Chrome. In {{ geckoRelease("5.0") }} and Chrome 11, timeouts are clamped to firing no more often than once per second (1000ms) in inactive tabs; see {{ bug(633421) }} for more information about this in Mozilla or crbug.com/66078 for details about this in Chrome. Parte del DOM nivel 0, como se especifica en HTML5. Parte del DOM nivel 0, como se especifica en HTML5. A pesar de su nombre, Firefox 3.5 adds support for DOM progress event monitoring of Firefox 3.5 adds support for DOM progress event monitoring of Habiendo diferentes maneras de definir la codificación de caracteres en una hoja de estilos, el navegador intentará seguir este orden para identificarlo (deteniéndose en el primer paso que dé resultado): Vea también MSDN Microsoft library @font-face. Vea también MSDN Microsoft library @font-face. La pseudo-clase Bug 561154 sigue un problema con Gecko donde la especificidad de Bug 561154 sigue un problema con Gecko donde la especificidad de Por ejemplo El pseudo-elemento CSS ::-webkit-scrollbar afecta el estilo de la barra de desplazamiento asociada a un elemento. Se deben usar las siguientes unidades: background, background-attachment, background-image, background-repeat {{CSSRef}} Las animaciones de CSS permiten realizar animaciones creativas de contenido usando nada más que CSS. Sin embargo, es posible que hayan momentos en que estas funciones no sean compatibles, y puede que desees manejar ese problema usando código JavaScript. Este artículo, basado en la publicación de Chris Heilmann, demuestra una técnica de como hacer esto. Las animaciones de CSS permiten realizar animaciones creativas de contenido usando nada más que CSS. Sin embargo, es posible que hayan momentos en que estas funciones no sean compatibles, y puede que desees manejar ese problema usando código JavaScript. Este artículo, basado en la publicación de Chris Heilmann, demuestra una técnica de como hacer esto. Un uso común de CSS es resaltar elementos de un menú mientras el usuario desplaza el cursor del ratón por encima de ellos. Es fácil usar las transciones para hacer que el efecto sea aún más atractivo. Antes de que miremos los fragmentos de código, tal vez desees echar un vistazo a la demo en vivo (suponiendo que tu navegador admita transiciones). También puedes echar un vistazo directamente a la CSS que usa. Antes de que miremos los fragmentos de código, tal vez desees echar un vistazo a la demo en vivo (suponiendo que tu navegador admita transiciones). También puedes echar un vistazo directamente a la CSS que usa. Primero configuramos el menú usando HTML: Esta CSS establece el aspecto del menú con los colores de fondo y del texto que cambian cuando el elemento está en su estado {{ cssxref(":hover") }}. En lugar de describir el efecto con todo detalle, puedes echar un vistazo a la muestra en vivo si tu navegador admite transiciones (Firefox y WebKit nightlies, Opera 10.5). En lugar de describir el efecto con todo detalle, puedes echar un vistazo a la muestra en vivo si tu navegador admite transiciones (Firefox y WebKit nightlies, Opera 10.5). Antes de que miremos los fragmentos de código, tal vez desees echar un vistazo a la demo en vivo (suponiendo que tu navegador admita transiciones). También puedes echar un vistazo directamente a la CSS que usa. Antes de que miremos los fragmentos de código, tal vez desees echar un vistazo a la demo en vivo (suponiendo que tu navegador admita transiciones). También puedes echar un vistazo directamente a la CSS que usa. Una vez que hemos establecido los extremos de la secuencia de animación, lo que tenemos que hacer es iniciar la animación. Podemos hacerlo fácilmente usando JavaScript. En primer lugar, la función Hay varias funciones Incluidas en el estándar CSS que logran efectos predefinidos. También puede hacer referencia a un filtro especificado en SVG con una URL a un filtro de un elemento SVG. {{cssinfo}} Aunque todas las unidades representen la misma frecuencia para el valor Aunque todas las unidades representen la misma frecuencia para el valor Este tipo de dato fue introducido inicialmente en CSS Nivel 2 para el ya obsoleto grupo de merios aural, donde era usado para definir el tono de la voz. Dicho grupo fue descontinuado desde entonces, pero el tipo de datos Este tipo de dato fue introducido inicialmente en CSS Nivel 2 para el ya obsoleto grupo de merios aural, donde era usado para definir el tono de la voz. Dicho grupo fue descontinuado desde entonces, pero el tipo de datos El alineamiento se produce luego de que las longitudes y márgenes automáticos son aplicados, lo que significa que, si existe al menos un elemento flexible con {{cssxref("flex-grow")}} diferente a 0, no tendrá efecto ya que no habrá espacio disponible. No se debe asumir que esta propiedad sólo se aplicará a contenedores flex en el futuro y por lo tanto no ocultarla simplemente estableciendo otro valor para {{cssxref("display")}}. El CSSWG está trabajano para extender su uso a cualquier elemento en bloque. La especificación preliminar se encuentra en una etapa muy temprana y aún no está implementada. No se debe asumir que esta propiedad sólo se aplicará a contenedores flex en el futuro y por lo tanto no ocultarla simplemente estableciendo otro valor para {{cssxref("display")}}. El CSSWG está trabajano para extender su uso a cualquier elemento en bloque. La especificación preliminar se encuentra en una etapa muy temprana y aún no está implementada. Vea este articulo CSSWG sobre buenas practicas para compatibilidad en relación a Vea este articulo CSSWG sobre buenas practicas para compatibilidad en relación a Understanding Understanding {{SeeCompatTable}} Las WebRTC APIs están diseñadas para permitir a las aplicaciones JS la creación de conexiones de tiempo real con canales de Audio, Video, y/o Datos (Data), directamente entre usuarios y a través de sus browsers, o hacia servers que soporten los protocolos WebRTC. También potencia navigator.mozGetUserMedia() para acceder a los datos de cámara y micrófono (getUserMedia() está siendo estandarizado por la Media Capture Task Force, así como las Recording APIs). Las fuentes primarias de las especificaciones para WebRTC (en constante evolución), son las especificaciones WebRTC y getUserMedia, y varios de los borradores del IETF, en mayor medida en el rtcweb working group, pero también mmusic, rmcat y algunos otros. Las fuentes primarias de las especificaciones para WebRTC (en constante evolución), son las especificaciones WebRTC y getUserMedia, y varios de los borradores del IETF, en mayor medida en el rtcweb working group, pero también mmusic, rmcat y algunos otros.
Graficos
- WebGL (OpenGL ES 2.0)
+ WebGL (OpenGL ES 2.0)
Entrada
@@ -44,7 +44,7 @@ original_slug: Games/Introduccion
Lenguaje
- JavaScript (o C/C++ usando Emscripten para compilar a JavaScript)
+ JavaScript (o C/C++ usando Emscripten para compilar a JavaScript)
Redes
diff --git a/files/es/games/introduction_to_html5_game_development/index.html b/files/es/games/introduction_to_html5_game_development/index.html
index 58ce238fbc..572427df09 100644
--- a/files/es/games/introduction_to_html5_game_development/index.html
+++ b/files/es/games/introduction_to_html5_game_development/index.html
@@ -45,7 +45,7 @@ original_slug: Games/Introducción_al_desarrollo_de_juegos_HTML5_(resumen)
Graphics
- WebGL (OpenGL ES 2.0)
+ WebGL (OpenGL ES 2.0)
Input
@@ -53,7 +53,7 @@ original_slug: Games/Introducción_al_desarrollo_de_juegos_HTML5_(resumen)
Language
- JavaScript (o C/C++ usando Emscripten para compilar a JavaScript)
+ JavaScript (o C/C++ usando Emscripten para compilar a JavaScript)
Networking
@@ -84,7 +84,7 @@ original_slug: Games/Introducción_al_desarrollo_de_juegos_HTML5_(resumen)
- Para portar fácilmente tus juegos existentes en Emscripten o Asm.jsUsando la libreria p2p
-
diff --git a/files/es/games/tools/index.html b/files/es/games/tools/index.html
index d738ba2f7b..6181e3efc5 100644
--- a/files/es/games/tools/index.html
+++ b/files/es/games/tools/index.html
@@ -18,12 +18,12 @@ original_slug: Games/Herramients
data URIsLos URIs de datos, definidos por RFC 2397, permiten a los creadores de contenido introducir pequeños ficheros en línea en documentos.Los URIs de datos, definidos por RFC 2397, permiten a los creadores de contenido introducir pequeños ficheros en línea en documentos.
-
@@ -342,5 +342,5 @@ alert(myBuffer.byteLength);
ArrayBufferView en JavaScript) basada en la interfaz ArrayBuffer de JavaScript.ArrayBufferView en JavaScript) basada en la interfaz ArrayBuffer de JavaScript.stringViews) funcionen estrictamente en arrays de números más que en cadenas JavaScript inmutables.DOMStrings UTF-16 por defecto de JavaScript.URIencodeURI()nsIURIFixup()Base64 on WikipediaBase64 on Wikipedia
Documentación
- Comunidad
diff --git a/files/es/learn/css/howto/css_faq/index.html b/files/es/learn/css/howto/css_faq/index.html
index 3037ac68c8..f0438dde34 100644
--- a/files/es/learn/css/howto/css_faq/index.html
+++ b/files/es/learn/css/howto/css_faq/index.html
@@ -36,7 +36,7 @@ original_slug: Web/CSS/Preguntas_frecuentes_sobre_CSS
Documentación
+ Comunidad
Herramientas
+Herramientas
Temas Relacionados
p ) que tal vez desees reemplazar con reglas más específicas (como las que usan id o selectores de clase), porque el valor predeterminado original no puede restablecerse automáticamente.Estilos derivados
-Asignación de múltiples clases
class, con un espacio en blanco para separarlas.<style type="text/css">
@@ -112,7 +112,7 @@ original_slug: Web/CSS/Preguntas_frecuentes_sobre_CSS
<div id="orange" class="green" style="color: red;">This is red</div>
-¿Qué hacen las propiedades -moz-*?
-
Why isn't it working?
@@ -323,7 +323,7 @@ original_slug: Learn/HTML/Forms/como_crear_widgets_de_formularios_personalizados
The
@@ -731,7 +731,7 @@ window.addEventListener('load', function () {
highlightOption(select, optionList[index]);
};
-role attribute
@@ -756,9 +756,9 @@ window.addEventListener('load', function () {
-
-
diff --git a/files/es/learn/forms/how_to_structure_a_web_form/index.html b/files/es/learn/forms/how_to_structure_a_web_form/index.html
index e2a1a8efa9..1bde629579 100644
--- a/files/es/learn/forms/how_to_structure_a_web_form/index.html
+++ b/files/es/learn/forms/how_to_structure_a_web_form/index.html
@@ -41,7 +41,7 @@ original_slug: Learn/HTML/Forms/How_to_structure_an_HTML_form
Ver también
-
donde 1*( atext / "." ) "@" ldh-str 1*( "." ldh-str )atext está definida en RFC 5322, sección 3.2.3 y ldh-str está definida en RFC 1034, sección 3.5.Sobre la arquitectura cliente / servidor
-
Visualización de peticiones HTTP
-
Otros lenguajes y frameworks
-
-
@@ -284,15 +284,15 @@ if __name__ == "__main__":
Inyección SQL
-mysql_real_escape_string()de una infraestructura de PHP / MySQL).mysql_real_escape_string()de una infraestructura de PHP / MySQL).Inyección de cabecera HTTP y la inyección de correo electrónico
Sea paranoico: Nunca confíe en sus usuarios
@@ -322,8 +322,8 @@ if __name__ == "__main__":
@font-face y los elementos básicos de <body> y <form> Conclusión
-
-
Ver también
-
diff --git a/files/es/mdn/about/index.html b/files/es/mdn/about/index.html
index 1d6e739428..bc5f1d354d 100644
--- a/files/es/mdn/about/index.html
+++ b/files/es/mdn/about/index.html
@@ -70,12 +70,12 @@ translation_of: MDN/About
Derechos de autor y Licencias
-
diff --git a/files/es/mdn/structures/macros/index.html b/files/es/mdn/structures/macros/index.html
index ff0f7d6f05..47f1dff01b 100644
--- a/files/es/mdn/structures/macros/index.html
+++ b/files/es/mdn/structures/macros/index.html
@@ -22,7 +22,7 @@ translation_of: MDN/Structures/Macros
Cómo se implementan las macros
-Usar una macro en el contenido
diff --git a/files/es/mdn/structures/macros/other/index.html b/files/es/mdn/structures/macros/other/index.html
index 36355bdc3a..50e9e5e785 100644
--- a/files/es/mdn/structures/macros/other/index.html
+++ b/files/es/mdn/structures/macros/other/index.html
@@ -140,7 +140,7 @@ original_slug: MDN/Structures/Macros/Otras
Organizacional
diff --git a/files/es/mdn/tools/kumascript/index.html b/files/es/mdn/tools/kumascript/index.html
index cd5f178cb4..d59ea2087f 100644
--- a/files/es/mdn/tools/kumascript/index.html
+++ b/files/es/mdn/tools/kumascript/index.html
@@ -10,7 +10,7 @@ original_slug: MDN/Tools/Introduction_to_KumaScript
Vistazo general
-Aspectos básicos
-
@@ -97,7 +97,7 @@ Hello #2
$0 (por ejemplo, $0.Alpha, $0.Beta, $0.Foo). Esto también te permite expresar estructuras de datos complejos en los parámetros de macro que son difíciles o imposibles de hacer con una simple lista de parámetros.Cómo escribir "\{{"
@@ -107,7 +107,7 @@ Hello #2
Sintaxis de la plantilla
-
<% ... %>, y la salida va en el espacio entre %> ... <%. El bucle for en JS puede comenzar en un bloque <% %> , luego el flujo de salida, y terminar en un segundo bloque JS <% %>.Características avanzadas
@@ -136,7 +136,7 @@ Hello #<%= i %>
Variables de entorno
-
env.pathMétodos incorporados
-
md5(string)cacheFn(key, timeout, function_to_cache)env.cache_control para invalidar el cache en no-cache, que puede ser enviado por un usuario logueado que tipee shift-refresh.requestmikeal/request, una librería para hacer consultas HTTP. Usar este módulo en las plantillas KumaScriptno es muy amigable, así que quizá desees envolver uso en APIs de módulo que simplifiquen las cosas.mikeal/request, una librería para hacer consultas HTTP. Usar este módulo en las plantillas KumaScriptno es muy amigable, así que quizá desees envolver uso en APIs de módulo que simplifiquen las cosas.Módulos de API incorporados
@@ -334,7 +334,7 @@ El resultado de 2 + 2 = <%= math_lib.add(2, 2) %>
gzip and grep, this attachment (a 1.5MB tab-delimited file listing template/document pairs) can help tell you what templates are used on which pages.gzip and grep, this attachment (a 1.5MB tab-delimited file listing template/document pairs) can help tell you what templates are used on which pages.
diff --git a/files/es/mozilla/firefox/releases/3/updating_extensions/index.html b/files/es/mozilla/firefox/releases/3/updating_extensions/index.html
index 0bddd9decf..791642424b 100644
--- a/files/es/mozilla/firefox/releases/3/updating_extensions/index.html
+++ b/files/es/mozilla/firefox/releases/3/updating_extensions/index.html
@@ -10,7 +10,7 @@ original_slug: Actualizar_extensiones_para_Firefox_3
XMLHttpRequestXMLHttpRequest síncrono mejoradoXMLHttpRequest síncrono.XMLHttpRequest síncrono.
- Antes de continuar, queremos sugerirte algo: si el único cambio que requiere tu extensión es modificar el campo maxVersion en el manifiesto de instalación, la extensión está disponible en el servidor addons.mozilla.org y ¡no necesitarás actualizar tu extensión a una nueva versión! Simplemente usa el Panel de Control para desarrolladores en AMO para modificar maxVersion. De esta manera, puedes evitar el trabajo de tener que volver a revisar tu extensión.maxVersion. De esta manera, puedes evitar el trabajo de tener que volver a revisar tu extensión.
DOM
-importNode() (o adoptarlos usando adoptNode()) antes de poder insertarlos en el documento actual. Para más información acerca de cuestiones relacionadas con ownerDocument, visita W3C DOM FAQ.importNode() (o adoptarlos usando adoptNode()) antes de poder insertarlos en el documento actual. Para más información acerca de cuestiones relacionadas con ownerDocument, visita W3C DOM FAQ.
diff --git a/files/es/tools/browser_console/index.html b/files/es/tools/browser_console/index.html
index a33fe72f99..0b7abf7dd2 100644
--- a/files/es/tools/browser_console/index.html
+++ b/files/es/tools/browser_console/index.html
@@ -110,7 +110,7 @@ clearBtn.addEventListener('mouseover', function() {
chrome://browser/base/utilityOverlay.js. Si lo estabas usando, deberás cambiarlo por chrome://browser/content/utilityOverlay.js.nsIAboutModule ahora debes incluir el método getURIFlags. Visita nsIAboutModule.idl para consultar la documentación. Esto afecta a las extensiones que brinden nuevas URIs del tipo about:. ( bug 337746 )nsIAboutModule ahora debes incluir el método getURIFlags. Visita nsIAboutModule.idl para consultar la documentación. Esto afecta a las extensiones que brinden nuevas URIs del tipo about:. ( bug 337746 )<?xml-stylesheet ?> en tus archivos XUL, ten en cuenta los cambios descriptos en el bug 319654 :
+ <?xml-stylesheet ?> en tus archivos XUL, ten en cuenta los cambios descriptos en el bug 319654 :
document.firstChild sea el elemento raíz. Si necesitas hacer referencia al documento raíz en tu script, usa document.documentElement en su lugar.<?xml-stylesheet ?> y <?xul-overlay ?> ahora no tienen efecto fuera del prólogo del documento.window.addEventListener("load", myFunc, true). Esto ocurre debido a que el bug 296639 cambia la forma de comunicación entre las ventanas internas y externas. Para corregir esto en forma sencilla, emplea gBrowser.addEventListener("load", myFunc, true), según se describe aquí. Además, funciona también para Firefox 2.window.addEventListener("load", myFunc, true). Esto ocurre debido a que el bug 296639 cambia la forma de comunicación entre las ventanas internas y externas. Para corregir esto en forma sencilla, emplea gBrowser.addEventListener("load", myFunc, true), según se describe aquí. Además, funciona también para Firefox 2.content.window.getSelection() ofrece un objeto (que puede ser convertido en cadena con toString()). Se desaconseja el uso de content.document.getSelection() que devuelve una cadena.event.preventBubble() y actualmente, ha desaparecido en Firefox 3. En su lugar, usa event.stopPropagation(), que también funciona en Firefox 2.setTimeout() ahora están bloqueados por las ventanas en modo 'modal' gracias a la corrección hecha en el bug 52209 . En su lugar, podrías usar nsITimer.setTimeout() ahora están bloqueados por las ventanas en modo 'modal' gracias a la corrección hecha en el bug 52209 . En su lugar, podrías usar nsITimer.contentaccessible flag.Caracteristicas Adicionales Disponibles
-widget = require("sdk/widget").Widget({
id: "an-error-happened",
@@ -124,13 +124,13 @@ function logError() {
console.error("something went wrong!");
}
-
Haga click en el icono. verá un mensaje como este aparecer en la consola del navegador:
Consola de línea de comandos del Navegador
diff --git a/files/es/tools/debugger/index.html b/files/es/tools/debugger/index.html
index dfe2c9da49..8c250aac69 100644
--- a/files/es/tools/debugger/index.html
+++ b/files/es/tools/debugger/index.html
@@ -207,6 +207,6 @@ translation_of: Tools/Debugger
diff --git a/files/es/tools/page_inspector/index.html b/files/es/tools/page_inspector/index.html
index 4ffddc225d..2d358a8d82 100644
--- a/files/es/tools/page_inspector/index.html
+++ b/files/es/tools/page_inspector/index.html
@@ -302,7 +302,7 @@ translation_of: Tools/Page_Inspector
ventana.inspector
-
-
@@ -27,15 +27,15 @@ original_slug: Tools/Remote_Debugging/Firefox_para_Android
En el dispositivo Android
-
En el ordenador de sobremesa
-
diff --git a/files/es/tools/remote_debugging/index.html b/files/es/tools/remote_debugging/index.html
index 4164a78241..119e77e5f6 100644
--- a/files/es/tools/remote_debugging/index.html
+++ b/files/es/tools/remote_debugging/index.html
@@ -26,26 +26,26 @@ translation_of: Tools/Remote_Debugging
ADB setup
-On the Android device
-
On the desktop
-
diff --git a/files/es/tools/view_source/index.html b/files/es/tools/view_source/index.html
index 732a6e3fb8..5c46bd75c6 100644
--- a/files/es/tools/view_source/index.html
+++ b/files/es/tools/view_source/index.html
@@ -77,7 +77,7 @@ translation_of: Tools/View_source
Ver también
-
Descripción
Notas
@@ -115,7 +115,7 @@ document.getElementById("expirationWarning").className = "";
Atributos ARIA utilizados
Técnicas ARIA relacionadas
@@ -132,7 +132,7 @@ document.getElementById("expirationWarning").className = "";
Recursos adicionales
-
Descripción
alertdialog.alertdialog.alertdialog es utilizado para notificar al usuario información urgenete que demanden la atención inmediata del usuario. Como el nombre implica, alertdialog es un tipo de díalogo. Esto significa que la mayoría de las instrucciones proveidas en la técnica de ''usando el rol dialog' son aplicables al rol alertdialog también: Atributos ARIA utilizados
-
Técnicas ARIA relacionadas
diff --git a/files/es/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html b/files/es/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html
index b8b319e518..58cdb96332 100644
--- a/files/es/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html
+++ b/files/es/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html
@@ -9,7 +9,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attr
---
aria-label se utiliza para definir una cadena que etiqueta el elemento actual. Úselo en los casos en que no haya una etiqueta de texto visible en pantalla. Si hay texto visible etiquetando el elemento, utilice aria-labelledby en su lugar.aria-label se utiliza para definir una cadena que etiqueta el elemento actual. Úselo en los casos en que no haya una etiqueta de texto visible en pantalla. Si hay texto visible etiquetando el elemento, utilice aria-labelledby en su lugar.Recursos adicionales
diff --git a/files/es/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html b/files/es/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html
index ec063afe9c..b6b45a05bc 100644
--- a/files/es/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html
+++ b/files/es/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html
@@ -8,7 +8,7 @@ original_slug: Web/Accessibility/ARIA/ARIA_Techniques/Usando_el_atributo_aria-re
---
Descripción
-aria-required es usado para indicar al usuario que un input es requerido en un elemento antes de que un form pueda ser enviado. Este atributo puede ser usado en un form con cualquier elemento HTML típico; no se limita a elementosque tengan un role ARIA asignado.aria-required es usado para indicar al usuario que un input es requerido en un elemento antes de que un form pueda ser enviado. Este atributo puede ser usado en un form con cualquier elemento HTML típico; no se limita a elementosque tengan un role ARIA asignado.required, pero aria-required todavía es útil para un agente de usuario que no soporta HTML5.Ejemplos en acción:
-aria-required)aria-required)Notas
@@ -71,7 +71,7 @@ original_slug: Web/Accessibility/ARIA/ARIA_Techniques/Usando_el_atributo_aria-re
Recursos adicionales
-
diff --git a/files/es/web/accessibility/aria/forms/basic_form_hints/index.html b/files/es/web/accessibility/aria/forms/basic_form_hints/index.html
index 0b12c2375c..1ea6a25868 100644
--- a/files/es/web/accessibility/aria/forms/basic_form_hints/index.html
+++ b/files/es/web/accessibility/aria/forms/basic_form_hints/index.html
@@ -36,7 +36,7 @@ original_slug: Web/Accessibility/ARIA/forms/consejos_basicos_para_formularios
aria-requiredaria-requiredEtiquetando con ARIA
-aria-labelledby para estos casos.aria-labelledby para estos casos.aria-labelledby a etiqueta_rg1, el id de elemento {{ HTMLElement("h3") }} en la línea 1, que es la etiqueta para el grupo de controles radio.Describiendo con ARIA
-aria-describedby para directamente asociar la descripción con el control.aria-describedby para directamente asociar la descripción con el control.aria-describedby en el {{ HTMLElement("button") }} referencia al id del {{ HTMLElement("div") }}.
-
aria-required son establecidos a true (en adición a los asteriscos junto a las etiquetas), indicando que los campos de nombre y email son requeridos. La segunda parte del ejemplo, es un fragmento de código de JavaScript que valida el formato del email, y establece el atributo aria-invalid del campo email (línea 12 del HTML) de acuerdo al resultado (adicionalmente de cambiar la presentación del elemento).
Mejoras sencillas de ARIA
-
@@ -52,8 +52,8 @@ translation_of: Web/Accessibility/ARIA
@@ -62,9 +62,9 @@ translation_of: Web/Accessibility/ARIA
@@ -72,7 +72,7 @@ translation_of: Web/Accessibility/ARIA
Lista de correo
-
@@ -80,9 +80,9 @@ translation_of: Web/Accessibility/ARIA
Filing Bugs
@@ -94,31 +94,31 @@ translation_of: Web/Accessibility/ARIA
-
-
Standardization Efforts
-
For now, web developers implementing ARIA should maximize compatibility. Use best practices docs and examples based on current implementations.video introducido en Firefox 3.5 con un elemento canvas , puedes manipular los datos de video en tiempo real para incorporar una variedad de efectos visuales que se mostrarán en el video. Este artículo, adaptado de esta entrada del blog de Paul Rouget, muestra cómo realizar una inserción croma (también conocida como el "efecto pantalla verde") utilizando el código JavaScript.video introducido en Firefox 3.5 con un elemento canvas , puedes manipular los datos de video en tiempo real para incorporar una variedad de efectos visuales que se mostrarán en el video. Este artículo, adaptado de esta entrada del blog de Paul Rouget, muestra cómo realizar una inserción croma (también conocida como el "efecto pantalla verde") utilizando el código JavaScript.El contenido del documento
Un panorama en bucle
-var img = new Image();
diff --git a/files/es/web/api/canvas_api/tutorial/basic_usage/index.html b/files/es/web/api/canvas_api/tutorial/basic_usage/index.html
index ced215285a..e32a2b5e91 100644
--- a/files/es/web/api/canvas_api/tutorial/basic_usage/index.html
+++ b/files/es/web/api/canvas_api/tutorial/basic_usage/index.html
@@ -55,7 +55,7 @@ original_slug: Web/Guide/HTML/Canvas_tutorial/Basic_usage
El contexto de renderización
-getContext(), usado para obtener el contexto a renderizar y sus funciones de dibujo. getContext() toma un parametro, el tipo de contexto. Para graficos 2D, como los que cubre este tutorial, su especificacion es "2d".Curvas Bezier curvas cuadráticas
-
quadraticCurveTo(cp1x, cp1y, x, y)shadowBlur siempre que sea posible.CanvasRenderingContext2D.mozCurrentTransformInverseCanvasRenderingContext2D.mozFillRuleevenodd or nonzero (default).evenodd or nonzero (default).CanvasRenderingContext2D.mozImageSmoothingEnabledCanvasRenderingContext2D.mozDash
CanvasRenderingContext2D.msFillRuleevenodd or nonzero (default).evenodd or nonzero (default).Specifications
diff --git a/files/es/web/api/console/index.html b/files/es/web/api/console/index.html
index 9c1dd3fcba..83f44c4562 100644
--- a/files/es/web/api/console/index.html
+++ b/files/es/web/api/console/index.html
@@ -231,7 +231,7 @@ function foo() {
Ver tambien
diff --git a/files/es/web/api/cssstyledeclaration/index.html b/files/es/web/api/cssstyledeclaration/index.html
index f63d7a2cfd..c4d35ea88a 100644
--- a/files/es/web/api/cssstyledeclaration/index.html
+++ b/files/es/web/api/cssstyledeclaration/index.html
@@ -43,9 +43,9 @@ translation_of: Web/API/CSSStyleDeclaration
null).getPropertyCSSValue('color').cssText;
+ null).getPropertyCSSValue('color').cssText;
Observación: Gecko 1.9 devuelve null a menos que se utilice getComputedStyle().
- Observación: Este método puede estar desaconsejado por el W3C , y no está presente en el último borrador CSSOM. No está soportado por IE e incluso aunque la función existe en Opera, llamarla lanza una excepción {{ domxref("DOMException") }} NOT_SUPPORTED_ERR.Ejemplo
diff --git a/files/es/web/api/cssstylerule/index.html b/files/es/web/api/cssstylerule/index.html
index 1026c9af82..2bd895297d 100644
--- a/files/es/web/api/cssstylerule/index.html
+++ b/files/es/web/api/cssstylerule/index.html
@@ -11,7 +11,7 @@ translation_of: Web/API/CSSStyleRule
Sintaxis
-interface CSSStyleRule : CSSRule {
attribute DOMString selectorText;
diff --git a/files/es/web/api/devicemotionevent/index.html b/files/es/web/api/devicemotionevent/index.html
index a8820d1173..595277d858 100644
--- a/files/es/web/api/devicemotionevent/index.html
+++ b/files/es/web/api/devicemotionevent/index.html
@@ -22,9 +22,9 @@ translation_of: Web/API/DeviceMotionEvent
Especificación
diff --git a/files/es/web/api/document/createevent/index.html b/files/es/web/api/document/createevent/index.html
index 69c2e36b5c..1e7cb6ebd3 100644
--- a/files/es/web/api/document/createevent/index.html
+++ b/files/es/web/api/document/createevent/index.html
@@ -32,5 +32,5 @@ original_slug: Web/API/Event/createEvent
Especificación
diff --git a/files/es/web/api/document/defaultview/index.html b/files/es/web/api/document/defaultview/index.html
index e2b44cdd71..0dec5be150 100644
--- a/files/es/web/api/document/defaultview/index.html
+++ b/files/es/web/api/document/defaultview/index.html
@@ -31,5 +31,5 @@ translation_of: Web/API/Document/defaultView
diff --git a/files/es/web/api/document/getelementsbyclassname/index.html b/files/es/web/api/document/getelementsbyclassname/index.html
index b3a7179e4d..f328abd5fb 100644
--- a/files/es/web/api/document/getelementsbyclassname/index.html
+++ b/files/es/web/api/document/getelementsbyclassname/index.html
@@ -92,5 +92,5 @@ var testDivs = Array.prototype.filter.call(testElements, function(testElement){
Especifiación
diff --git a/files/es/web/api/document/getelementsbyname/index.html b/files/es/web/api/document/getelementsbyname/index.html
index 50350fe0ec..7c33d75d6e 100644
--- a/files/es/web/api/document/getelementsbyname/index.html
+++ b/files/es/web/api/document/getelementsbyname/index.html
@@ -47,7 +47,7 @@ console.log(up_forms[0].tagName); // returns "FORM"
Especificaciones
diff --git a/files/es/web/api/document/head/index.html b/files/es/web/api/document/head/index.html
index a135b5cf3e..54812bba7e 100644
--- a/files/es/web/api/document/head/index.html
+++ b/files/es/web/api/document/head/index.html
@@ -79,5 +79,5 @@ alert( document.head === document.querySelector("head") ); // true
Especificación
diff --git a/files/es/web/api/document/index.html b/files/es/web/api/document/index.html
index dc4e69cabe..78d3ef618a 100644
--- a/files/es/web/api/document/index.html
+++ b/files/es/web/api/document/index.html
@@ -378,7 +378,7 @@ translation_of: Web/API/Document
diff --git a/files/es/web/api/document/keyup_event/index.html b/files/es/web/api/document/keyup_event/index.html
index 350629e9ab..75aa235cef 100644
--- a/files/es/web/api/document/keyup_event/index.html
+++ b/files/es/web/api/document/keyup_event/index.html
@@ -11,7 +11,7 @@ translation_of: Web/API/Document/keyup_event
Node interface in the Document interface:Especificaciones
Vea también
diff --git a/files/es/web/api/document_object_model/locating_dom_elements_using_selectors/index.html b/files/es/web/api/document_object_model/locating_dom_elements_using_selectors/index.html
index 75a66ad21b..056511a0b6 100644
--- a/files/es/web/api/document_object_model/locating_dom_elements_using_selectors/index.html
+++ b/files/es/web/api/document_object_model/locating_dom_elements_using_selectors/index.html
@@ -42,7 +42,7 @@ original_slug: Referencia_DOM_de_Gecko/Localizando_elementos_DOM_usando_selector
Ver tambien.
-
DOMParser puede analizar gramaticalmente (parsear, en adelante) código XML o HTML almacenado en una cadena de texto y convertirlo en un Documento DOM. DOMParser está especificado en DOM Parsing and Serialization.DOMParser puede analizar gramaticalmente (parsear, en adelante) código XML o HTML almacenado en una cadena de texto y convertirlo en un Documento DOM. DOMParser está especificado en DOM Parsing and Serialization.
diff --git a/files/es/web/api/element/getattribute/index.html b/files/es/web/api/element/getattribute/index.html
index 91f55e2c43..ed9a65307e 100644
--- a/files/es/web/api/element/getattribute/index.html
+++ b/files/es/web/api/element/getattribute/index.html
@@ -36,7 +36,7 @@ alert(align); // Muestra el valor de la alineación(align) del elemento con id="
getAttribute() convierte a minúsculas el argumento antes de proceder.null cuando el atributo especificado no existe en el elemento especificado y esto es lo que establece el actual borrador de la especificación del DOM. Por otra parte, la antigua especificación del DOM 3 Core dice que el valor correcto de retorno es de hecho una cadena vacía, y algunas implementaciones de DOM aplican este comportamiento. La implementación de getAttribute en XUL (Gecko) sigue la especificación de DOM 3 Core y retorna una cadena vacía. Por consiguiente, es recomendable usar {{domxref("element.hasAttribute()")}} para verificar la existencia de un atributo previo a la utilización de getAttribute() si es posible que el atributo requerido no exista en el elemento especificado.null cuando el atributo especificado no existe en el elemento especificado y esto es lo que establece el actual borrador de la especificación del DOM. Por otra parte, la antigua especificación del DOM 3 Core dice que el valor correcto de retorno es de hecho una cadena vacía, y algunas implementaciones de DOM aplican este comportamiento. La implementación de getAttribute en XUL (Gecko) sigue la especificación de DOM 3 Core y retorna una cadena vacía. Por consiguiente, es recomendable usar {{domxref("element.hasAttribute()")}} para verificar la existencia de un atributo previo a la utilización de getAttribute() si es posible que el atributo requerido no exista en el elemento especificado.Especificaciones
-
innerHTML para documentos HTMLinnerHTML para documentos XHTMLinnerHTML para documentos HTMLinnerHTML para documentos XHTMLVer también
innerDOM - Para aquellos que desean adherirse a los estándares, aquí hay un conjunto de funciones JavaScript que ofrecen serializar o analizar XML para así establecer contenidos de elementos definidos como cadena(s) via el DOM o para conseguir contenidos de elementos obtenidos del DOM como cadenas.Compatibilidad con navegadores
diff --git a/files/es/web/api/element/scrolltop/index.html b/files/es/web/api/element/scrolltop/index.html
index 5b4fb19139..a2f712caed 100644
--- a/files/es/web/api/element/scrolltop/index.html
+++ b/files/es/web/api/element/scrolltop/index.html
@@ -63,7 +63,7 @@ var intElemScrollTop = someElement.scrollTop;
Referencias
-
diff --git a/files/es/web/api/element/setattribute/index.html b/files/es/web/api/element/setattribute/index.html
index 725efd11fc..b4590362d7 100644
--- a/files/es/web/api/element/setattribute/index.html
+++ b/files/es/web/api/element/setattribute/index.html
@@ -78,7 +78,7 @@ b.setAttribute("disabled", "");
Compatibilidad con navegadores
diff --git a/files/es/web/api/element/wheel_event/index.html b/files/es/web/api/element/wheel_event/index.html
index 6b4e69d173..90682cccd3 100644
--- a/files/es/web/api/element/wheel_event/index.html
+++ b/files/es/web/api/element/wheel_event/index.html
@@ -316,5 +316,5 @@ translation_of: Web/API/Element/wheel_event
DOMMouseScroll and MozMousePixelScrollmousewheelEspecificación
this in event handlersthis in event handlersSpecification
-
diff --git a/files/es/web/api/file/using_files_from_web_applications/index.html b/files/es/web/api/file/using_files_from_web_applications/index.html
index 8f89722251..9c9a4ef268 100644
--- a/files/es/web/api/file/using_files_from_web_applications/index.html
+++ b/files/es/web/api/file/using_files_from_web_applications/index.html
@@ -59,7 +59,7 @@ translation_of: Web/API/File/Using_files_from_web_applications
Añadir dinámicamente un listener tipo change
-var inputElement = document.getElementById("inputField");
inputElement.addEventListener("change", handleFiles, false);
@@ -188,7 +188,7 @@ function dragover(e) {
FileReader para controlar la carga de la imagen de forma asíncrona y enlazarla con el elemento img. Después de crear el nuevo objeto FileReader, configuramos su función onload, luego llamamos a readAsDataURL() para comenzar la operación de lectura en segundo plano. Cuando el contenido completo de la imagen ha sido cargado, se convierte a data: URL, el cuál es pasado al callback onload. Nuestra implementación de esta rutina simplemente establece el atributo src del elemento img cargado, cuyo resultado es la imagen apareciendo en la miniatura en la pantalla del usuario.Notas de implementación
-
Notas específicas para Gecko
diff --git a/files/es/web/api/geolocation_api/index.html b/files/es/web/api/geolocation_api/index.html
index ab82a16e56..236da614c5 100644
--- a/files/es/web/api/geolocation_api/index.html
+++ b/files/es/web/api/geolocation_api/index.html
@@ -214,15 +214,15 @@ p { margin : 0; }
Notas sobre Gecko
-Consultar también
diff --git a/files/es/web/api/globaleventhandlers/onerror/index.html b/files/es/web/api/globaleventhandlers/onerror/index.html
index 44c921b4ad..b19a1ee1bf 100644
--- a/files/es/web/api/globaleventhandlers/onerror/index.html
+++ b/files/es/web/api/globaleventhandlers/onerror/index.html
@@ -62,4 +62,4 @@ window.onerror = function myErrorHandler(errorMsg, url, lineNumber) {
Especificación
-
+
diff --git a/files/es/web/api/globaleventhandlers/oninput/index.html b/files/es/web/api/globaleventhandlers/oninput/index.html
index 18785b9fe3..add6d41f5d 100644
--- a/files/es/web/api/globaleventhandlers/oninput/index.html
+++ b/files/es/web/api/globaleventhandlers/oninput/index.html
@@ -24,7 +24,7 @@ window.addEventListener('input', function (e) {
Especificaciones
-input)input)Compatibilidad con navegadores
@@ -81,6 +81,6 @@ window.addEventListener('input', function (e) {
diff --git a/files/es/web/api/globaleventhandlers/onload/index.html b/files/es/web/api/globaleventhandlers/onload/index.html
index b97cf40b4f..2ffacf366c 100644
--- a/files/es/web/api/globaleventhandlers/onload/index.html
+++ b/files/es/web/api/globaleventhandlers/onload/index.html
@@ -40,7 +40,7 @@ translation_of: Web/API/GlobalEventHandlers/onload
load dispara el evento al final del proceso de carga del documento. En este punto, todos los objetos del documento son DOM, y todas las imágenes y sub-frames han terminado de cargarse.DOMContentLoaded y DOMFrameContentLoaded (los cuales pueden ser manejados usando {{ domxref("element.addEventListener()") }}) y son ejecutados despues de que el DOM de la página ha sido construido, pero no esperear a que otros recursos terminen de cargar.Especificación
-Ver También
-Ver también
-<input type="text">).<input> que deberían disparar el evento change.<input> que deberían disparar el evento change.Ejemplos
diff --git a/files/es/web/api/indexeddb_api/index.html b/files/es/web/api/indexeddb_api/index.html
index 6ac53d75fe..75d9986213 100644
--- a/files/es/web/api/indexeddb_api/index.html
+++ b/files/es/web/api/indexeddb_api/index.html
@@ -49,7 +49,7 @@ translation_of: Web/API/IndexedDB_API
@@ -124,21 +124,21 @@ translation_of: Web/API/IndexedDB_API
Ver también
diff --git a/files/es/web/api/indexeddb_api/using_indexeddb/index.html b/files/es/web/api/indexeddb_api/using_indexeddb/index.html
index fe51ba9e20..6b7299fc01 100644
--- a/files/es/web/api/indexeddb_api/using_indexeddb/index.html
+++ b/files/es/web/api/indexeddb_api/using_indexeddb/index.html
@@ -1285,21 +1285,21 @@ input {
setVersion().")setVersion().")
-
setVersion() method.") }}setVersion() method.") }}
diff --git a/files/es/web/api/notifications_api/using_the_notifications_api/index.html b/files/es/web/api/notifications_api/using_the_notifications_api/index.html
index 9c4e6affd5..1e0a516ab3 100644
--- a/files/es/web/api/notifications_api/using_the_notifications_api/index.html
+++ b/files/es/web/api/notifications_api/using_the_notifications_api/index.html
@@ -97,7 +97,7 @@ original_slug: Web/API/Notifications_API/Usando_la_API_de_Notificaciones
}
load (ver problema 274284).load (ver problema 274284).Permisos en Firefox OS manifest
diff --git a/files/es/web/api/pointer_lock_api/index.html b/files/es/web/api/pointer_lock_api/index.html
index 2b8f272ad9..aa53c98fdc 100644
--- a/files/es/web/api/pointer_lock_api/index.html
+++ b/files/es/web/api/pointer_lock_api/index.html
@@ -240,7 +240,7 @@ document.exitPointerLock();
Tools
Related Topics
@@ -42,13 +42,13 @@ original_slug: Server-sent_events
See also
-
Specification
Browser compatibility
ConvolverNode es un {{domxref("AudioNode")}} que realiza una Convolución Lineal en un {{domxref("AudioBuffer")}} determinado, y es usado a menudo para lograr un efecto de reverberación.DelayNode representa una línea de detardo; un módulo de procesamiento de audio de {{domxref("AudioNode")}} que causa un retardo entre la llegada de una entrada de datos y su propagación a la salida.DelayNode representa una línea de detardo; un módulo de procesamiento de audio de {{domxref("AudioNode")}} que causa un retardo entre la llegada de una entrada de datos y su propagación a la salida.DynamicsCompressorNode proporciona un efecto de compresión, que reduce el volumen de las partes más ruidosas de la señal para ayudar a evitar el recorte y la distorsión que pueden ocurrir cuando se reproducen y multiplexan múltiples sonidos a la vez.Spawning subworkers
Embedded workers
@@ -549,7 +549,7 @@ onmessage = function(event) {
{{CompatSafari(5.1)}}
-
Passing data using transferable objects
+ Passing data using transferable objects
17 {{ property_prefix("webkit") }}
{{CompatChrome(21)}}{{CompatGeckoDesktop(18)}}
@@ -610,7 +610,7 @@ onmessage = function(event) {
---
-
diff --git a/files/es/web/css/_colon_is/index.html b/files/es/web/css/_colon_is/index.html
index b9a03f28be..898cf19e93 100644
--- a/files/es/web/css/_colon_is/index.html
+++ b/files/es/web/css/_colon_is/index.html
@@ -16,7 +16,7 @@ original_slug: Web/CSS/:any
Passing data using transferable objects
+ Passing data using transferable objects
---
18
@@ -629,6 +629,6 @@ onmessage = function(event) {
Worker interfaceSharedWorker interfacecanvas HTML5. La compatibilidad para WebGL viene en Firefox 4 y se puede probar en las betas de Firefox 4 o en trunk builds. .canvas HTML5. La compatibilidad para WebGL viene en Firefox 4 y se puede probar en las betas de Firefox 4 o en trunk builds. .Recursos
-
diff --git a/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.html b/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.html
index a56004e010..939cba59d6 100644
--- a/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.html
+++ b/files/es/web/api/webgl_api/tutorial/getting_started_with_webgl/index.html
@@ -9,7 +9,7 @@ translation_of: Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL
---
<canvas> element to draw WebGL graphics, starting with the basics. The examples provided should give you some clear ideas what you can do with WebGL and will provide code snippets that may get you started in building your own content.Estableciendo la conexión
Señalización
-Transmisión
getUserMedia
Introducción y demostración
-El formato HTML
<video id="video"></video>
diff --git a/files/es/web/api/websockets_api/index.html b/files/es/web/api/websockets_api/index.html
index f4ce5224fc..c934dd7612 100644
--- a/files/es/web/api/websockets_api/index.html
+++ b/files/es/web/api/websockets_api/index.html
@@ -22,10 +22,10 @@ translation_of: Web/API/WebSockets_API
Herramientas
-
Temas RELACIONADOS
@@ -167,4 +167,4 @@ translation_of: Web/API/WebSockets_API
Primeros pasos
-using para escribir menos. Eso significa que no tendrás que re escribir el namespace de nuevo en cada ocasión.
@@ -67,7 +67,7 @@ class Server {
Start()ystem.Net.Sockets.TcpClient AcceptTcpClient()
+ ystem.Net.Sockets.TcpClient AcceptTcpClient()
Espera por una conexión TCP, la acepta y la devuelve como un objeto TcpClient.
-
@@ -208,7 +208,7 @@ if (Regex.IsMatch(data, "^GET")) {
System.Net.Sockets.NetworkStream GetStream()
+ System.Net.Sockets.NetworkStream GetStream()
Obtiene el stream del canal de comunicación. Ambos lados del canal tienen capacidad de lectura y escritura.
- Opcode 0x1 significa que es un texto. Lista completa de OpcodesEspecificación
diff --git a/files/es/web/api/window/localstorage/index.html b/files/es/web/api/window/localstorage/index.html
index c93ae93d98..060904d837 100644
--- a/files/es/web/api/window/localstorage/index.html
+++ b/files/es/web/api/window/localstorage/index.html
@@ -133,7 +133,7 @@ localStorage.clear();
-
diff --git a/files/es/web/api/window/sessionstorage/index.html b/files/es/web/api/window/sessionstorage/index.html
index 870cb2dbd8..5a94e9ae5f 100644
--- a/files/es/web/api/window/sessionstorage/index.html
+++ b/files/es/web/api/window/sessionstorage/index.html
@@ -129,7 +129,7 @@ field.addEventListener("change", function() {
Notas
beforeunload (más información en los enlaces).Compatibilidad con los navegadores
Especificación
-Vea también
diff --git a/files/es/web/api/windoworworkerglobalscope/settimeout/index.html b/files/es/web/api/windoworworkerglobalscope/settimeout/index.html
index ccb517dac3..7b15ffa392 100644
--- a/files/es/web/api/windoworworkerglobalscope/settimeout/index.html
+++ b/files/es/web/api/windoworworkerglobalscope/settimeout/index.html
@@ -241,19 +241,19 @@ window.setTimeout("alert(\"Hello World!\");", 500);
Minimum/ maximum delay and timeout nesting
-setTimeout() "clamping": successive setTimeout() calls with delay smaller than the "minimum delay" limit are forced to use at least the minimum delay. The minimum delay, DOM_MIN_TIMEOUT_VALUE, is 4 ms (stored in a preference in Firefox: dom.min_timeout_value), with a DOM_CLAMP_TIMEOUT_NESTING_LEVEL of 5ms.setTimeout() "clamping": successive setTimeout() calls with delay smaller than the "minimum delay" limit are forced to use at least the minimum delay. The minimum delay, DOM_MIN_TIMEOUT_VALUE, is 4 ms (stored in a preference in Firefox: dom.min_timeout_value), with a DOM_CLAMP_TIMEOUT_NESTING_LEVEL of 5ms.Inactive tabs
-Compatibilidad de navegadores
@@ -328,7 +328,7 @@ window.setTimeout("alert(\"Hello World!\");", 500);
Especificación
-Vea también
diff --git a/files/es/web/api/xmlhttprequest/index.html b/files/es/web/api/xmlhttprequest/index.html
index 13c696cd80..3918dc90a0 100644
--- a/files/es/web/api/xmlhttprequest/index.html
+++ b/files/es/web/api/xmlhttprequest/index.html
@@ -8,7 +8,7 @@ tags:
- páginas_a_traducir
translation_of: Web/API/XMLHttpRequest
---
-XMLHttpRequest es un objeto JavaScript que fue diseñado por Microsoft y adoptado por Mozilla, Apple y Google. Actualmente es un estándar de la W3C. Proporciona una forma fácil de obtener información de una URL sin tener que recargar la página completa. Una página web puede actualizar sólo una parte de la página sin interrumpir lo que el usuario está haciendo. XMLHttpRequest es ampliamente usado en la programación AJAX.XMLHttpRequest es un objeto JavaScript que fue diseñado por Microsoft y adoptado por Mozilla, Apple y Google. Actualmente es un estándar de la W3C. Proporciona una forma fácil de obtener información de una URL sin tener que recargar la página completa. Una página web puede actualizar sólo una parte de la página sin interrumpir lo que el usuario está haciendo. XMLHttpRequest es ampliamente usado en la programación AJAX.XMLHttpRequest puede ser usado para recibir cualquier tipo de dato, no solo XML, y admite otros formatos además de HTTP (incluyendo file y ftp).
<head> de la página.responseText. Quizas quieras remover los saltos de linea, si usas RegExp para escanear considerandolos. Sin embargo, este metodo es un "ultimo recurso" ya que si el HTML cambia ligeramente, posiblemente fallara.document.location = redirecttothispage.html" para cargar, esto se interpretara como cambiar la locación del navegador (document.location en una extensión) en contraposición a la locación de una página web (content.document.location en una extensión), y en consecuecia destruir todos los componentes del navegador. Alternativamente, y de algun modo mas seguro, una cadena responseText adquirida mediante XMLHttpRequest se puede analizar con RegExp para remover problemas de javascript, luego cargada en un iframe oculto previamente establecido:document.location = redirecttothispage.html" para cargar, esto se interpretara como cambiar la locación del navegador (document.location en una extensión) en contraposición a la locación de una página web (content.document.location en una extensión), y en consecuecia destruir todos los componentes del navegador. Alternativamente, y de algun modo mas seguro, una cadena responseText adquirida mediante XMLHttpRequest se puede analizar con RegExp para remover problemas de javascript, luego cargada en un iframe oculto previamente establecido:document.getElementById('hiddenXULiframe').contentWindow.document.body.innerHTML = req.responseText
@@ -267,7 +267,7 @@ req.send(stream);
In Firefox 3.5 and later
-XMLHttpRequest transfers; this follows the Web API specification for progress events.XMLHttpRequest transfers; this follows the Web API specification for progress events.var req = new XMLHttpRequest();
@@ -442,6 +442,6 @@ req.send(null);
Ver además
-
diff --git a/files/es/web/css/@charset/index.html b/files/es/web/css/@charset/index.html
index 9f22003889..f024d0712e 100644
--- a/files/es/web/css/@charset/index.html
+++ b/files/es/web/css/@charset/index.html
@@ -16,7 +16,7 @@ translation_of: Web/CSS/@charset
-
Content-Type: o su equivalente en el protocolo usado para descargar la hoja de estilos.@charset de CSS.charset attribute del elemento {{ HTMLElement("link") }}. Este método es obsoleto para HTML5 y no debe ser usado.Especificaciones
-
Vea también
diff --git a/files/es/web/css/@keyframes/index.html b/files/es/web/css/@keyframes/index.html
index 6e308b9955..9f15637194 100644
--- a/files/es/web/css/@keyframes/index.html
+++ b/files/es/web/css/@keyframes/index.html
@@ -137,7 +137,7 @@ si varios kayframes especifican los valores de los mismos porcentajes.10
12 {{ property_prefix("-o") }}
+ 12.10 #
- 12.10 #4.0{{ property_prefix("-webkit") }}
:any() permite construir rápidamente conjuntos de selectores similares estableciendo grupos desde los que cualquier elemento incluido coincidirá. Es una alternativa a tener que repetir el selector completo por uno de los elementos que va a variar.:matches(). Es probable que la sintaxis y el nombre de :-vendor-any() sean cambiados para reflejar el estándar en el futuro próximo.:matches(). Es probable que la sintaxis y el nombre de :-vendor-any() sean cambiados para reflejar el estándar en el futuro próximo.Sintaxis
@@ -26,7 +26,7 @@ original_slug: Web/CSS/:any
selectorProblemas con rendimiento y especificidad
-:-moz-any() es incorrecta. La implementación hasta Firefox 12 pone a :-moz-any() en la categoría de reglas universales, por lo que usarlo como el selector más hacia la derecha será más lento que usando un ID, una clase o etiqueta como el selector a la derecha.:-moz-any() es incorrecta. La implementación hasta Firefox 12 pone a :-moz-any() en la categoría de reglas universales, por lo que usarlo como el selector más hacia la derecha será más lento que usando un ID, una clase o etiqueta como el selector a la derecha.::-webkit-scrollbar sólo está disponible en navegadores basados en WebKit (p.e., Google Chrome).::-webkit-scrollbar sólo está disponible en navegadores basados en WebKit (p.e., Google Chrome).Ejemplo
diff --git a/files/es/web/css/_doublecolon_selection/index.html b/files/es/web/css/_doublecolon_selection/index.html
index d02181429f..635a434d8f 100644
--- a/files/es/web/css/_doublecolon_selection/index.html
+++ b/files/es/web/css/_doublecolon_selection/index.html
@@ -17,7 +17,7 @@ translation_of: 'Web/CSS/::selection'
text-shadow en ::selection es soportado por Chrome y Safari y Firefox 17 y superior.
+
El ::selection pseudo elemento actualmente no está en los modulos de CSS para estandar track. No debe ser usado en entornos de produccion.
-
diff --git a/files/es/web/css/animation-delay/index.html b/files/es/web/css/animation-delay/index.html
index 6edea7e4f2..ab868643ef 100644
--- a/files/es/web/css/animation-delay/index.html
+++ b/files/es/web/css/animation-delay/index.html
@@ -87,7 +87,7 @@ animation-delay: 2s, 4ms
deg, que representa un ángulo en grados. Un círculo completo equivale a 360deg. Ejemplos: 0deg, 90deg, 360deg.grad, que representa un ángulo en grado centesimal. Un circulo completo equivale a 400grad. Ejemplos: 0grad, 100grad, 400grad.rad, que representa un ángulo en radianes. Un círculo completo equivale a 2π radianes, que se aproxima a 6.2832rad. 1rad es 180/π grados. Ejemplos: 0rad, 1.0708rad, 6.2832rad.deg, que representa un ángulo en grados. Un círculo completo equivale a 360deg. Ejemplos: 0deg, 90deg, 360deg.grad, que representa un ángulo en grado centesimal. Un circulo completo equivale a 400grad. Ejemplos: 0grad, 100grad, 400grad.rad, que representa un ángulo en radianes. Un círculo completo equivale a 2π radianes, que se aproxima a 6.2832rad. 1rad es 180/π grados. Ejemplos: 0rad, 1.0708rad, 6.2832rad.turn, que representa el número de vueltas del ángulo. Un círculo completo equivale a 1turn. Ejemplos: 0turn, 0.25turn, 1turn.{{ CompatGeckoDesktop("5.0") }}{{ property_prefix("-moz") }} {{ CompatGeckoDesktop("16.0") }}
10
12{{ property_prefix("-o") }}
+ 12.5 #
- 12.5 #4.0{{ property_prefix("-webkit") }}
diff --git a/files/es/web/css/animation-direction/index.html b/files/es/web/css/animation-direction/index.html
index cdc0973157..90757ed560 100644
--- a/files/es/web/css/animation-direction/index.html
+++ b/files/es/web/css/animation-direction/index.html
@@ -92,7 +92,7 @@ animation-direction: alternate, reverse, normal
{{ CompatGeckoDesktop("16.0") }}
10
12{{ property_prefix("-o") }}
+ 12.5 #
- 12.5 #4.0{{ property_prefix("-webkit") }}
diff --git a/files/es/web/css/animation-duration/index.html b/files/es/web/css/animation-duration/index.html
index 40f9fa5382..4a6167faff 100644
--- a/files/es/web/css/animation-duration/index.html
+++ b/files/es/web/css/animation-duration/index.html
@@ -88,7 +88,7 @@ animation-duration: 10s, 30s, 230ms
{{ CompatGeckoDesktop("16.0") }}
diff --git a/files/es/web/css/animation-fill-mode/index.html b/files/es/web/css/animation-fill-mode/index.html
index 1c1f251d22..e8d557fdea 100644
--- a/files/es/web/css/animation-fill-mode/index.html
+++ b/files/es/web/css/animation-fill-mode/index.html
@@ -194,7 +194,7 @@ animation-fill-mode: both, forwards, none
{{ CompatGeckoDesktop("16.0") }}
10
12{{ property_prefix("-o") }}
+ 12.10 #
- 12.10 #4.0{{ property_prefix("-webkit") }}
10
12{{ property_prefix("-o") }}
+ 12.10 #
- 12.10 #4.0{{ property_prefix("-webkit") }}
diff --git a/files/es/web/css/animation-iteration-count/index.html b/files/es/web/css/animation-iteration-count/index.html
index da5a5792ba..2130ad831c 100644
--- a/files/es/web/css/animation-iteration-count/index.html
+++ b/files/es/web/css/animation-iteration-count/index.html
@@ -87,7 +87,7 @@ animation-iteration-count: 2, 0, infinite;
{{ CompatGeckoDesktop("16.0") }}
10
12 {{ property_prefix("-o") }}
+ 12.10 #
- 12.10 #4.0{{ property_prefix("-webkit") }}
diff --git a/files/es/web/css/animation-name/index.html b/files/es/web/css/animation-name/index.html
index c74f2cc301..46b80c69ba 100644
--- a/files/es/web/css/animation-name/index.html
+++ b/files/es/web/css/animation-name/index.html
@@ -95,7 +95,7 @@ animation-name: unset;
{{CompatGeckoDesktop("16.0")}}
10
12 {{property_prefix("-o")}}
+ 12.10 #
- 12.10 #4.0{{property_prefix("-webkit")}}
diff --git a/files/es/web/css/animation/index.html b/files/es/web/css/animation/index.html
index 23b241a346..03e9ef8cb5 100644
--- a/files/es/web/css/animation/index.html
+++ b/files/es/web/css/animation/index.html
@@ -88,7 +88,7 @@ translation_of: Web/CSS/animation
{{ CompatGeckoDesktop("16.0") }}
10
12{{ property_prefix("-o") }}
+ 12.5 #
- 12.5 #4.0{{ property_prefix("-webkit") }}
diff --git a/files/es/web/css/background-origin/index.html b/files/es/web/css/background-origin/index.html
index e7e8a94c63..2437820dbd 100644
--- a/files/es/web/css/background-origin/index.html
+++ b/files/es/web/css/background-origin/index.html
@@ -82,7 +82,7 @@ translation_of: Web/CSS/background-origin
Especificaciones
-
Relacionado
La palabra clave transparent no fue un color en CSS hasta CSS Nivel 2 (Revisión 1). Podía ser usada en lugar de un valor <color> regular en dos propiedades CSS: {{Cssxref("background")}} y {{Cssxref("border")}}. En esencia fue añadida para permitir sobreescribir valores sólidos heredados.
-Con el soporte de la opacidad que nos proporcionan los alpha channels, transparent fue redefinido como un color verdadero más en CSS Nivel 3 permitiendo su use en cualquier sitio donde de requiera un valor<color> , como la propiedad {{Cssxref("color")}}.transparent fue redefinido como un color verdadero más en CSS Nivel 3 permitiendo su use en cualquier sitio donde de requiera un valor<color> , como la propiedad {{Cssxref("color")}}.
diff --git a/files/es/web/css/css_animations/detecting_css_animation_support/index.html b/files/es/web/css/css_animations/detecting_css_animation_support/index.html
index d239ff4f70..5c2057e6c2 100644
--- a/files/es/web/css/css_animations/detecting_css_animation_support/index.html
+++ b/files/es/web/css/css_animations/detecting_css_animation_support/index.html
@@ -6,7 +6,7 @@ original_slug: Web/CSS/CSS_Animations/Detectar_soporte_de_animación_CSS
---
Palabra clave currentColorPrueba de la compatibilidad de animaciones CSS
diff --git a/files/es/web/css/css_positioning/understanding_z_index/the_stacking_context/index.html b/files/es/web/css/css_positioning/understanding_z_index/the_stacking_context/index.html
index 0927923987..4f7978ec8e 100644
--- a/files/es/web/css/css_positioning/understanding_z_index/the_stacking_context/index.html
+++ b/files/es/web/css/css_positioning/understanding_z_index/the_stacking_context/index.html
@@ -20,7 +20,7 @@ original_slug: Web/CSS/CSS_Positioning/entendiendo_z_index/El_contexto_de_apilam
Usar eventos de transición para animar un objeto
@@ -490,7 +490,7 @@ original_slug: Web/CSS/Transiciones_de_CSS
-El HTML
@@ -562,7 +562,7 @@ original_slug: Web/CSS/Transiciones_de_CSS
runDemo() que se llama cuando el documento se carga para inicializar la secuencia de animación:Consultar también
-
-
Selector CSS Nivel 3
+ Selector CSS Nivel 3
{{ Spec2('CSS3 Selectors') }}
-
CSS 2.1
+ CSS 2.1
{{ Spec2('CSS2.1') }}
-
diff --git a/files/es/web/css/filter/index.html b/files/es/web/css/filter/index.html
index a2c877bb9d..51e70eea38 100644
--- a/files/es/web/css/filter/index.html
+++ b/files/es/web/css/filter/index.html
@@ -18,7 +18,7 @@ translation_of: Web/CSS/filter
CSS 1
+ CSS 1
{{ Spec2('CSS1') }}
kHz, que representa una frecuencia en kilohertz. Ejemplos: 0kHz, 1.5kHz, 10kHz.0, la unidad no debe ser omitida en ese caso, puesto que no es un valor {{cssxref("length")}}: 0, no es válido, y no representa 0Hz, 0kHz. Aunque las unidades sean insensibles a mayúsculas en CSS, es buena práctica usar una H mayúscula para Hz y kHz, como indica el SI, siendo Hertz un apellido.0, la unidad no debe ser omitida en ese caso, puesto que no es un valor {{cssxref("length")}}: 0, no es válido, y no representa 0Hz, 0kHz. Aunque las unidades sean insensibles a mayúsculas en CSS, es buena práctica usar una H mayúscula para Hz y kHz, como indica el SI, siendo Hertz un apellido.Ejemplos
@@ -106,7 +106,7 @@ translation_of: Web/CSS/frequency
-<frequency> ha sido reintroducido en CSS3, aunque ninguna propiedad CSS lo usa por el momento.<frequency> ha sido reintroducido en CSS3, aunque ninguna propiedad CSS lo usa por el momento.Compatibilidad de navegadores
diff --git a/files/es/web/css/justify-content/index.html b/files/es/web/css/justify-content/index.html
index 8c4e0b1f0a..72d51c4117 100644
--- a/files/es/web/css/justify-content/index.html
+++ b/files/es/web/css/justify-content/index.html
@@ -12,7 +12,7 @@ translation_of: Web/CSS/justify-content
resolution y dppx.resolution y dppx.Vea también
-
diff --git a/files/es/web/css/opacity/index.html b/files/es/web/css/opacity/index.html
index 154e4d7d82..25bd7be86d 100644
--- a/files/es/web/css/opacity/index.html
+++ b/files/es/web/css/opacity/index.html
@@ -201,7 +201,7 @@ img.opacity:hover {
@@ -69,7 +69,7 @@ translation_of: Web/Demos_of_open_web_technologies
-moz-opacity property was implemented in a non-standard (inherited) way. With Firefox 0.9 the behavior changed and the property was renamed to opacity. Since then -moz-opacity was supported just as an alias for opacity. -moz-opacity and support for MozOpacity in javascript was removed in Gecko 13. By now, you should be using simply opacity. -moz-opacity and support for MozOpacity in javascript was removed in Gecko 13. By now, you should be using simply opacity.opacity, rather it supports filter instead.progid:DXImageTransform.Microsoft.Alpha(Opacity=xx).-ms-filter, which is synonymous with filter. Both are gone in IE10Más información
diff --git a/files/es/web/css/transform-origin/index.html b/files/es/web/css/transform-origin/index.html
index 4ebf8d6fd9..fbc03cc320 100644
--- a/files/es/web/css/transform-origin/index.html
+++ b/files/es/web/css/transform-origin/index.html
@@ -253,7 +253,7 @@ transform-origin: y-offset-keyword x-offset-keyword z-offset
-Ver también
diff --git a/files/es/web/css/transition-delay/index.html b/files/es/web/css/transition-delay/index.html
index 9cb0e703b7..a83a7e1f16 100644
--- a/files/es/web/css/transition-delay/index.html
+++ b/files/es/web/css/transition-delay/index.html
@@ -348,7 +348,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
{{ CompatGeckoDesktop("16.0") }}
10.0
11.6 {{ property_prefix("-o") }}
+ 12.10 #
- 12.10 #3.0 {{ property_prefix("-webkit") }}
@@ -373,7 +373,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
{{ CompatGeckoMobile("16.0") }}
{{ CompatUnknown() }}
10.0 {{ property_prefix("-o") }}
+ 12.10 #
- 12.10 #3.2 {{ property_prefix("-webkit") }}
diff --git a/files/es/web/css/transition/index.html b/files/es/web/css/transition/index.html
index b41f80ad45..b7e182ddd3 100644
--- a/files/es/web/css/transition/index.html
+++ b/files/es/web/css/transition/index.html
@@ -86,7 +86,7 @@ transition: all 0.5s ease-out;
{{ CompatGeckoDesktop("16.0") }}
10.0
11.6 {{ property_prefix("-o") }}
+ 12.10 #
- 12.10 #3.0 {{ property_prefix("-webkit") }}
@@ -112,7 +112,7 @@ transition: all 0.5s ease-out;
{{ CompatGeckoMobile("16.0") }}
6.1{{ CompatUnknown() }}
10.0 {{ property_prefix("-o") }}
+ 12.10 #
- 12.10 #3.2 {{ property_prefix("-webkit") }}
diff --git a/files/es/web/css/vertical-align/index.html b/files/es/web/css/vertical-align/index.html
index f8f35405c7..a0411b989c 100644
--- a/files/es/web/css/vertical-align/index.html
+++ b/files/es/web/css/vertical-align/index.html
@@ -156,6 +156,6 @@ translation_of: Web/CSS/vertical-align
diff --git a/files/es/web/demos_of_open_web_technologies/index.html b/files/es/web/demos_of_open_web_technologies/index.html
index ad8a4f83ee..27e6816192 100644
--- a/files/es/web/demos_of_open_web_technologies/index.html
+++ b/files/es/web/demos_of_open_web_technologies/index.html
@@ -27,20 +27,20 @@ translation_of: Web/Demos_of_open_web_technologies
vertical-align, or "How (Not) To Vertically Center Content"vertical-align, or "How (Not) To Vertically Center Content"
@@ -53,7 +53,7 @@ translation_of: Web/Demos_of_open_web_technologies
foreignObject (efectos visuales y transformaciones)Gráficos 3D
@@ -157,5 +157,5 @@ translation_of: Web/Demos_of_open_web_technologies
+
- Gran parte de la implementación en Chrome y Firefox está basada en código que fue abierto por Google en webrtc.org.
NOTA: Las versiones actuales de FlashBlock pueden bloquear elementos HTML5 <video>. Si es así, dile que permita el contenido en la página, o deshabilita esa opción vía Herramientas/Add-ons.
-Hay un buen tutorial en las características básicas de WebRTC en HTML5 Rocks. Una colección de páginas de pruebas básicas para soportar el desarrollo existe en webrtc-landing.
-Puedes hacer simples llamadas persona-a-persona (inclusive si usan Chrome) en apprtc.appspot.com.
-Una descripción de alto nivel de lo que sucede en una conexión RTCPeerConnection se publicó en un artículo de Mozilla Hacks (puedes ver todos los artículos sobre WebRTC aquí).
+Hay un buen tutorial en las características básicas de WebRTC en HTML5 Rocks. Una colección de páginas de pruebas básicas para soportar el desarrollo existe en webrtc-landing.
+Puedes hacer simples llamadas persona-a-persona (inclusive si usan Chrome) en apprtc.appspot.com.
+Una descripción de alto nivel de lo que sucede en una conexión RTCPeerConnection se publicó en un artículo de Mozilla Hacks (puedes ver todos los artículos sobre WebRTC aquí).

| getUserMedia API | En definición | -http://dev.w3.org/2011/webrtc/editor/getusermedia.html | +http://dev.w3.org/2011/webrtc/editor/getusermedia.html |
Los atributos IDL no son siempre strings; por ejemplo, input.maxlength es un numero (marcado como long). Cuando se usan atributos IDL, lees o defines valores del tipo deseado, entonces input.maxlength siempre retornara un numero y cuando definas input,maxlength, esperara un numero. Si se le entrega otro tipo, se convierte antomaticamente a numero como se especifica en las reglas del estandar de JavaScript para conversiones de tipo.
Los atributos IDL pueden reflejar otros tipos como un long sin asignacion, URL's, booleanos, etc. Desafortunadamente no hay reglas claras y el comportamiento que los atributos IDL en conjunto con sus respectivos atributos de contenido depende del mismo atributo. La mayoria del tiempo, siguen las reglas de diseño en la especificacion, pero algunas veces no lo hacen. Las especificaciones HTML tratan de ser lo mas amigables para el dasarrollador como es posible, pero por varias razones (mayormente historicas), algunos aributos se comportan de forma extraña (select.size, por ejemplo) y debes leer las especificaciones para comprender como éste se comporta exactamente.
Los atributos IDL pueden reflejar otros tipos como un long sin asignacion, URL's, booleanos, etc. Desafortunadamente no hay reglas claras y el comportamiento que los atributos IDL en conjunto con sus respectivos atributos de contenido depende del mismo atributo. La mayoria del tiempo, siguen las reglas de diseño en la especificacion, pero algunas veces no lo hacen. Las especificaciones HTML tratan de ser lo mas amigables para el dasarrollador como es posible, pero por varias razones (mayormente historicas), algunos aributos se comportan de forma extraña (select.size, por ejemplo) y debes leer las especificaciones para comprender como éste se comporta exactamente.
nsIDOMHTMLMediaElementvideoaudio element (HTML 5 specification)audio element (HTML 5 specification){{ languages( { "en": "en/HTML/Element/Audio" , "fr": "fr/HTML/Element/audio" } ) }}
diff --git a/files/es/web/html/element/canvas/index.html b/files/es/web/html/element/canvas/index.html index d9ebdd3450..50abbce0e0 100644 --- a/files/es/web/html/element/canvas/index.html +++ b/files/es/web/html/element/canvas/index.html @@ -12,7 +12,7 @@ original_slug: Web/HTML/Elemento/canvasEl elemento HTML canvas (<canvas>) se puede utilizar para dibujar gráficos a través de secuencias de comandos (por lo general JavaScript ). Por ejemplo, puede usarse para dibujar gráficos, hacer composiciones de fotos o incluso realizar animaciones.
-
Las aplicaciones de Mozilla adquirieron la compatibilidad con <canvas> a partir de Gecko 1.8 (es decir, Firefox 1.5 ). El elemento fue originalmente introducido por Apple en el OS X Dashboard y Safari. Internet Explorer, antes de la versión 9.0 beta, no admite de forma nativa <canvas> , pero una página puede de hecho añadir la compatibilidad mediante la inclusión de un script del proyecto Explorer Canvas de Google. Opera 9 también es compatible con <canvas> .
Las aplicaciones de Mozilla adquirieron la compatibilidad con <canvas> a partir de Gecko 1.8 (es decir, Firefox 1.5 ). El elemento fue originalmente introducido por Apple en el OS X Dashboard y Safari. Internet Explorer, antes de la versión 9.0 beta, no admite de forma nativa <canvas> , pero una página puede de hecho añadir la compatibilidad mediante la inclusión de un script del proyecto Explorer Canvas de Google. Opera 9 también es compatible con <canvas> .
Para más artículos sobre canvas, consulta la página del tema canvas .
@@ -35,7 +35,7 @@ original_slug: Web/HTML/Elemento/canvasmethod es post, este atributo es el tipo MIME del contenido que es usado para enviar el formulario al servidor.method es post, este atributo es el tipo MIME del contenido que es usado para enviar el formulario al servidor.
action , con un '?' como separador, y la URI resultante es enviada al servidor. Use este método cuando el formulario no tiene efectos secundarios y contiene solo caracteres ASCII.action , con un '?' como separador, y la URI resultante es enviada al servidor. Use este método cuando el formulario no tiene efectos secundarios y contiene solo caracteres ASCII.Este valor puede ser sobreescrito por un atributo {{ htmlattrxref("formmethod", "button") }} en un {{ HTMLElement("button") }} o elemento {{ HTMLElement("input") }}.
Para las claves DSA, el parámetro keyparams especifica los parámetros DSA PQG que se van a utilizar en el proceso de creación de llaves. El valor del parámetro pqg es en BASE64, DER codificado Dss-Parms como se especifica en el IETF RFC 3279 . El usuario puede tener una variedad de tamaños de claves DSA, lo que permite al usuario elegir una de las dimensiones definidas en el estándar DSA.
Para las claves CE, el parámetro keyparams especifica el nombre de la curva elíptica en la que será generada la clave. Normalmente es una cadena de la tabla en nsKeygenHandler.cpp . (Tenga en cuenta que sólo un subconjunto de las curvas nombradas puede ser compatible con un navegador en particular.) Si la cadena parámetro keyparams no es el nombre de una curva reconocible, entonces una curva se elige de acuerdo a la fortaleza elegida por el usuario (bajo, medio, alto), utilizando la curva llamada " secp384r1 " para alto, y la curva llamada" secp256r1 " para claves de fuerza mediana. (Nota: la elección de la cantidad de fortalezas, los valores por defecto para cada fuerza, y la interfaz de usuario que el usuario se ofrece una opción, están fuera del alcance de esta especificación.)
Para las claves CE, el parámetro keyparams especifica el nombre de la curva elíptica en la que será generada la clave. Normalmente es una cadena de la tabla en nsKeygenHandler.cpp . (Tenga en cuenta que sólo un subconjunto de las curvas nombradas puede ser compatible con un navegador en particular.) Si la cadena parámetro keyparams no es el nombre de una curva reconocible, entonces una curva se elige de acuerdo a la fortaleza elegida por el usuario (bajo, medio, alto), utilizando la curva llamada " secp384r1 " para alto, y la curva llamada" secp256r1 " para claves de fuerza mediana. (Nota: la elección de la cantidad de fortalezas, los valores por defecto para cada fuerza, y la interfaz de usuario que el usuario se ofrece una opción, están fuera del alcance de esta especificación.)
El elemento keygen sólo es válido dentro de un formulario HTML. Esto causará que algún tipo de selección se presentará al usuario para la selección del tamaño de la clave. La interfaz de usuario para la selección puede ser un menú, botones de radio, o posiblemente algo más. El navegador presentará varias fuerzas posibles. Actualmente, se ofrecen dos fuerzas, alta y media. Si el navegador del usuario está configurado para el soporte de hardware de cifrado (por ejemplo, "tarjetas inteligentes"), también puede dársele la opción al usuario de dónde generar la clave, es decir, si en una tarjeta inteligente o en el software y si se almacenan en el disco.
| Documento normativo | -HTML 5, sección 4.8.6 | +HTML 5, sección 4.8.6 |
nsIDOMHTMLMediaElementvideo (especificación de HTML 5)video (especificación de HTML 5)En HTML5, el único objetico del DOCTYPE es activar el modo estándar completo. Las versiones anteriores del estándar HTML daban información adicional en el DOCTYPE, pero ningún navegador usaba dicha información y sólo la usaba para cambiar entre el modo quirks o el estándar.
-Más información y detalles en cuándo eligen los navegadores entre los diferentes modos.
+Más información y detalles en cuándo eligen los navegadores entre los diferentes modos.
Este estándar de intercambio de origen cruzado es utilizado para habilitar solicitudes HTTP de sitios cruzados para:
+Este estándar de intercambio de origen cruzado es utilizado para habilitar solicitudes HTTP de sitios cruzados para:
XMLHttpRequest o Fetch en una manera de sitio cruzado, como se discutió arriba.@font-face dentro de CSS), para que los servidores puedan mostrar fuentes TrueType que sólo puedan ser cargadas por sitios cruzados y usadas por sitios web que lo tengan permitido.@font-face dentro de CSS), para que los servidores puedan mostrar fuentes TrueType que sólo puedan ser cargadas por sitios cruzados y usadas por sitios web que lo tengan permitido.drawImage.Aquí, presentamos tres escenarios que ilustran cómo funciona el Intercambio de Recursos de Origen Cruzado. Todos estos ejemplos utilizan el objeto XMLHttpRequest, que puede ser utilizado para hacer invocaciones de sitios cruzados en cualquier explorador soportado.
Los fragmentos de JavaScript incluidos en estas secciones (y las instancias ejecutadas del código servidor que correctamente maneja las solicitudes de sitios cruzados) pueden ser encontrados "en acción" aquí, y pueden ser trabajados en exploradores que soportan XMLHttpRequest de sitios cruzados. Una discusión de Intercambio de Recursos de Origen Cruzado desde una perspectiva de servidor (incluyendo fragmentos de código PHP) puede ser encontrada aquí.
Los fragmentos de JavaScript incluidos en estas secciones (y las instancias ejecutadas del código servidor que correctamente maneja las solicitudes de sitios cruzados) pueden ser encontrados "en acción" aquí, y pueden ser trabajados en exploradores que soportan XMLHttpRequest de sitios cruzados. Una discusión de Intercambio de Recursos de Origen Cruzado desde una perspectiva de servidor (incluyendo fragmentos de código PHP) puede ser encontrada aquí.
El servidor responde con Access-Control-Allow-Methods y dice que POST, GET, y OPTIONS son métodos viables para consultar el recurso en cuestión. Observe que esta cabecera es similar al HTTP/1.1 Allow: encabezado de respuesta, pero usado estrictamente dentro del contexto del control de acceso. El servidor también envía Access-Control-Allow-Headers con un valor de X-PINGOTHER, confirmando que es una cabecera permitida para ser usado en la solicitud real. Como Access-Control-Allow-Methods, Access-Control-Allow-Headers es una lista separada por comas de cabeceras aceptables. Finalmente, Access-Control-Max-Age da el valor en segundos de cuánto tarda la respuesta de la solicitud verificada en ser capturada sin enviar otra solicitud verificada. En este caso, 1728000 segundos son 20 días.
El servidor responde con Access-Control-Allow-Methods y dice que POST, GET, y OPTIONS son métodos viables para consultar el recurso en cuestión. Observe que esta cabecera es similar al HTTP/1.1 Allow: encabezado de respuesta, pero usado estrictamente dentro del contexto del control de acceso. El servidor también envía Access-Control-Allow-Headers con un valor de X-PINGOTHER, confirmando que es una cabecera permitida para ser usado en la solicitud real. Como Access-Control-Allow-Methods, Access-Control-Allow-Headers es una lista separada por comas de cabeceras aceptables. Finalmente, Access-Control-Max-Age da el valor en segundos de cuánto tarda la respuesta de la solicitud verificada en ser capturada sin enviar otra solicitud verificada. En este caso, 1728000 segundos son 20 días.
Pese a que la línea 11 contiene la Cookie destinada para el contenido en http://bar.other, si bar.other no responde con Access-Control-Allow-Credentials: true (línea 19) la respuesta será ignorada y no puesta a disposición para el contenido web. Nota Importante: cuando se responde a una solicitud con credeciales, el servidor debe especificar un dominio, y no puede usar comodines. El ejemplo de arriba fallará si la cabecera fuera un comodín como: Access-Control-Allow-Origin: *. Dado que Access-Control-Allow-Origin menciona explícitamente http://foo.example, el contenido de credenciales competente es devuelto al contenido web invocador. Observe que, en la línea 22, se establece una cookie adicional.
Todos estos ejemplos pueden verse funcionando aquí. La siguiente sección se refiere a las verdaderas cabeceras HTTP.
+Todos estos ejemplos pueden verse funcionando aquí. La siguiente sección se refiere a las verdaderas cabeceras HTTP.
XMLHttpRequest e Intercambio de Recursos de Origen CruzadoXMLHttpRequest e Intercambio de Recursos de Origen CruzadoXMLHttpRequest{{ languages( { "ja": "ja/HTTP_access_control" } ) }}
diff --git a/files/es/web/javascript/about_javascript/index.html b/files/es/web/javascript/about_javascript/index.html index e26dafe39b..f13f58ac9a 100644 --- a/files/es/web/javascript/about_javascript/index.html +++ b/files/es/web/javascript/about_javascript/index.html @@ -10,7 +10,7 @@ original_slug: Web/JavaScript/Acerca_de_JavaScriptJavaScript® (a menudo abreviado como JS) es un lenguaje ligero, interpretado y orientado a objetos con funciones de primera clase, y mejor conocido como el lenguaje de programación para las páginas Web, pero {{Interwiki("wikipedia", "JavaScript#Otras_características", "también se utiliza en muchos entornos que no son de navegador")}}. Es un lenguaje de scripts que es dinámico, multiparadigma, {{Interwiki("wikipedia", "Programación_basada_en_prototipos", "basado en prototipos")}} y admite estilos de programación orientados a objetos, imperativos y funcionales.
+JavaScript® (a menudo abreviado como JS) es un lenguaje ligero, interpretado y orientado a objetos con funciones de primera clase, y mejor conocido como el lenguaje de programación para las páginas Web, pero {{Interwiki("wikipedia", "JavaScript#Otras_características", "también se utiliza en muchos entornos que no son de navegador")}}. Es un lenguaje de scripts que es dinámico, multiparadigma, {{Interwiki("wikipedia", "Programación_basada_en_prototipos", "basado en prototipos")}} y admite estilos de programación orientados a objetos, imperativos y funcionales.
JavaScript se ejecuta en el lado del cliente de la web, y se puede utilizar para estilizar/programar cómo se comportan las páginas web cuando ocurre un evento. JavaScript es un potente lenguaje de scripts y fácil de aprender, ampliamente utilizado para controlar el comportamiento de las páginas web.
@@ -31,10 +31,10 @@ original_slug: Web/JavaScript/Acerca_de_JavaScriptMás allá de las implementaciones anteriores, existen otros motores JavaScript populares como:—
Cada uno de los motores de JavaScript de Mozilla expone una API pública que los desarrolladores de aplicaciones pueden utilizar para integrar JavaScript en su software. Hasta ahora, el entorno de alojamiento más común para JavaScript son los navegadores web. Los navegadores web suelen utilizar la API pública para crear objetos del anfitrión responsables de reflejar el DOM en JavaScript.
diff --git a/files/es/web/javascript/data_structures/index.html b/files/es/web/javascript/data_structures/index.html index 5c26acb53e..5a75d6a883 100644 --- a/files/es/web/javascript/data_structures/index.html +++ b/files/es/web/javascript/data_structures/index.html @@ -448,5 +448,5 @@ InfinityLa igualdad Same-value se encarga de un último caso de uso: determinar si dos valores son funcionalmente idénticos en todos los contextos. (Este caso de uso es un caso de ejemplo del Liskov substitution principle.) Un ejemplo de esto ocurre cuando se intenta hacer mutable una propiedad inmutable.
+La igualdad Same-value se encarga de un último caso de uso: determinar si dos valores son funcionalmente idénticos en todos los contextos. (Este caso de uso es un caso de ejemplo del Liskov substitution principle.) Un ejemplo de esto ocurre cuando se intenta hacer mutable una propiedad inmutable.
@@ -222,7 +222,7 @@ function attemptMutation(v) -En la especificación ES5, la comparación == queda descrita en Section 11.9.3, The Abstract Equality Algorithm. La comparación === en 11.9.6, The Strict Equality Algorithm. (Búscala y leela, son breves y fáciles de leer. Nota: lee el algoritmo de la igualdad estricta primero.) ES5 también describe, en Section 9.12, The SameValue Algorithm para uso interno del motor JS. Es, en su mayoría igual que el algoritmo de igualdad estricto, excepto porque 11.9..6.4 y 9.12.4 difieren en cómo tratar los Numbers. ES2015 simplemente propone exponer este algoritmo mediante el uso de Object.is.
En la especificación ES5, la comparación == queda descrita en Section 11.9.3, The Abstract Equality Algorithm. La comparación === en 11.9.6, The Strict Equality Algorithm. (Búscala y leela, son breves y fáciles de leer. Nota: lee el algoritmo de la igualdad estricta primero.) ES5 también describe, en Section 9.12, The SameValue Algorithm para uso interno del motor JS. Es, en su mayoría igual que el algoritmo de igualdad estricto, excepto porque 11.9..6.4 y 9.12.4 difieren en cómo tratar los Numbers. ES2015 simplemente propone exponer este algoritmo mediante el uso de Object.is.
Podemos ver con el igual doble y el triple que, con la excepción de hacer con antelación una comprobación de tipo en 11.9.6.1, el algorimto de igualdad estricta es un subconjunto del algorimot de igualdad abstracta porque 11.9.6.2-7 se corresponde con 11.9.3.1a-f.
diff --git a/files/es/web/javascript/language_resources/index.html b/files/es/web/javascript/language_resources/index.html index c165066272..88a33b5b31 100644 --- a/files/es/web/javascript/language_resources/index.html +++ b/files/es/web/javascript/language_resources/index.html @@ -8,7 +8,7 @@ translation_of: Web/JavaScript/Language_Resources ---ECMAScript es el lenguaje de scripting que forma la base de JavaScript. ECMAScript está estandarizado por la organización de estándares ECMA Internacional en las especificaciones ECMA-262 y ECMA-402. Los siguientes estándares de ECMAScript han sido aprobados o estas siendo trabajados:
+ECMAScript es el lenguaje de scripting que forma la base de JavaScript. ECMAScript está estandarizado por la organización de estándares ECMA Internacional en las especificaciones ECMA-262 y ECMA-402. Los siguientes estándares de ECMAScript han sido aprobados o estas siendo trabajados:
| Documento normativo | -SVG 1.1 (2.ª edición) | +SVG 1.1 (2.ª edición) |
|---|
- +
rect con esquinas redondeadosURL: www.inkscape.org
+URL: www.inkscape.org
Una de las herramientas más importantes para un formato de gráficos es un programa de dibujo decente. Inkscape ofrece dibujos vectoriales de última generación, y es de código abierto.
@@ -39,7 +39,7 @@ translation_of: Web/SVG/Tutorial/Tools_for_SVGSeveral projects exist that can create a raster image from an SVG source. ImageMagick is one of the most famous command-line image processing tools. The Gnome library rsvg is used by the Wikipedia to raster their SVG graphics. Usage of headless browsers such as SlimerJS and PhantomJS are also popular for this purpose, as the image produced is closer to what the SVG will look like in the browser.
+Several projects exist that can create a raster image from an SVG source. ImageMagick is one of the most famous command-line image processing tools. The Gnome library rsvg is used by the Wikipedia to raster their SVG graphics. Usage of headless browsers such as SlimerJS and PhantomJS are also popular for this purpose, as the image produced is closer to what the SVG will look like in the browser.
The well-known plotting tools xfig and gnuplot both support exporting as SVG. To render graphs on the web JSXGraph supports VML, SVG and canvas, automatically deciding which technology to use based on browser capabilities.
+The well-known plotting tools xfig and gnuplot both support exporting as SVG. To render graphs on the web JSXGraph supports VML, SVG and canvas, automatically deciding which technology to use based on browser capabilities.
In GIS (Geographic Information System) applications SVG is often used as both storage and rendering format. See carto.net for details.
diff --git a/files/es/web/tutorials/index.html b/files/es/web/tutorials/index.html index 6037c6d099..fb87c71bda 100644 --- a/files/es/web/tutorials/index.html +++ b/files/es/web/tutorials/index.html @@ -152,7 +152,7 @@ original_slug: Web/Tutoriales