Preguntas etiquetadas con html

Después de excavar varias horas, decidimos hacer una pregunta sobre SO, con la esperanza de que alguien más pudiera ayudar con el siguiente problema. Para una de nuestras aplicaciones web, utilizamos el marco Onsen UI js con su biblioteca de soporte React Cuando intentamos representar la aplicación en nuestros entornos …

8 javascript  html  reactjs  onsen-ui 

Como ejercicio para aprender WebRTC, estoy tratando de mostrar la cámara web local y lado a lado con una reproducción retrasada de la cámara web. Para lograr esto, estoy tratando de pasar los blobs grabados a un BufferSource y usar el MediaSource correspondiente como fuente para un elemento de video. …

8 javascript  html  webrtc 

Estoy buscando hacer una transición de imágenes con alejar a la segunda imagen, tercera imagen, etc. Intenté hacerlo yo mismo con algunos fotogramas clave a través de la imagen de fondo y la escala, y funcionó decentemente, excepto que hubo 2 problemas. 1. Mi texto y botones también fueron escalados, …

8 html  css 

Esto está dentro del proyecto Bismon (un software GPLv3 + financiado por proyectos europeos H2020), git commit0e9a8eccc2976f . Este borrador del informe describe el software. Esta pregunta da más contexto y motivaciones. Se trata del archivo webroot / jscript / bismon-hwroot.js (escrito a mano) , utilizado en alguna página HTML …

8 jquery  html  css  linux  html5-canvas 

En el siguiente ejemplo, el círculo se adapta al ancho de la cuadrícula y mantiene su relación de aspecto. A medida que el ancho del contenedor se reduce, los círculos se reducen con él ... Sin embargo, cuando la altura es menor que el ancho (segundo recuadro), el círculo no …

8 html  css  svg  css-grid  aspect-ratio 

Tengo elementos en una página que son "enfocables" (botones, elementos con índice de tabla, etc.) y el lector de pantalla lee bien el contenido. Sin embargo, tengo algunos otros elementos que no son enfocables (debido al hecho de que hay muchos de ellos: resultados de la lista desplegable, etc.), por …

8 javascript  html  css  wai-aria 

Estoy luchando por implementar una entrada accesible con comportamientos de incremento / decremento, usando un <input type="text" role="spinbutton" />elemento en HTML / JavaScript. Pero parece que con VoiceOver hay eventos de entrada personalizados (¿falsos?) Para aumentar / disminuir que cambian el valor de la entrada de maneras inesperadas. ¿Cómo me …

8 javascript  html  accessibility  wai-aria  voiceover 

Estoy tratando de entender un código que encontré en internet. No entiendo en el ciclo while, por qué no es un ciclo infinito. Si cambia el calculator.appendChilden por ejemplo, console.logse ejecuta para siempre. window.location.hash = 1; var calculator = document.createElement("div"); calculator.id = "height-calculator"; while (document.body.firstChild) { calculator.appendChild(document.body.firstChild); } document.body.appendChild(calculator); document.title …

8 javascript  html 

Tengo un botón en la etiqueta con el texto "Descongelar". Quiero alternarlo a "Congelar" al hacer clic en el botón. Aquí está el código ny: <a class="btn btn-primary full-width" (click)="clickFreeze($event)"> <i class="fa fa-plus-circle"></i>Unfreeze</a> private clickFreeze(event) { console.log("event.srcElement.childNodes[1].textContent", event.srcElement.childNodes[1].textContent); if(event.srcElement.childNodes[1].textContent =='Unfreeze'){ event.srcElement.innerText="Freeze and Save"; } else if(event.srcElement.innerText =='Freeze and Save'){ event.srcElement.innerText="Unfreeze"; …

8 javascript  html  angular 

En las notas de la versión de Safari 13 se afirma que ya no es necesario aplicar lo siguiente a un elemento para habilitar el efecto de desplazamiento de rebote: div { overflow-x: scroll; -webkit-overflow-scrolling: touch; /* No longer needed */ } Sin embargo, ahora ya no puedo desactivar este …

8 html  ios  css  scroll  webkit 

Tengo un video HTML5 que es bastante grande. También estoy usando Chrome. El elemento de video tiene el loopatributo, pero cada vez que el video se "repite", el navegador vuelve a descargar el archivo de video. Me he puesto Cache-Control "max-age=15768000, private". Sin embargo, esto no evita descargas adicionales del …

8 javascript  html  google-chrome  http  amazon-s3 

Luchando para que las cosas se comporten. Tengo una lista dinámica de imágenes en un sitio receptivo. El diseño se genera donde las imágenes pueden estar en filas / columnas o filas de columnas. Este ejemplo está cerca, pero las imágenes emparejadas no se alinean en la parte inferior a …

8 html  css  flexbox  object-fit 

Tengo un conjunto de cuatro colores y quiero aplicarlos a los div anidados, por lo que cada próximo hijo tiene un color diferente. Si hay un quinto nivel de anidamiento, quiero comenzar de nuevo con el primer color y tenerlo en curso, incluso si tengo niveles infinitos de anidamiento . …

8 html  css  css-selectors