Me he desafiado a mí mismo para crear una experiencia visualmente dinámica e interactiva en HTML y CSS solamente (sin Javascript). Hasta ahora, no he encontrado ninguna característica que necesitara que no pudiera hacer en CSS y HTML puro. Este es quizás un poco más difícil. Tengo que evitar que...
¿Cómo puedo mejorar este código para eliminar la falta de respuesta / retraso de la página después de seleccionar un archivo del cuadro de diálogo de archivo y hacer clic en Aceptar? He estado probando archivos con tamaños de alrededor de 50-100 KB function handleFileSelect(evt) { var files =...
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 . ¿Es posible...
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 medida que...
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...
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...
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...
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");...
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...
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.),...
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 se contrae solapando...
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) ,...
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...
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...
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...
Al escribir una aplicación web de Flutter, trato de aprovechar un marco de Web-UI-Testing basado en Selenium. Lamentablemente, no identifico un elemento HTML que represente un cierto widget de aleteo por su id o atributo de nombre. La clave del widget no está presente en el documento HTML. Me las...
Cuando un mouse se mueve sobre una imagen. Se detecta por esta declaración if: if ((distance(circles[this.index].x, circles[this.index].y, mouse.x, mouse.y)) < circles[this.index].radius) También quiero detectar cuando un mouse está fuera de una imagen. Después de esa declaración if anterior...
Estoy usando el polímero 3 y el elemento iluminado (2.2.1). La versión de mwc-textfield es 0.13.0. He leído las documentaciones relacionadas con esta versión. En esta documentación , he descubierto que podemos agregar mixin para la altura. Lo había intentado de varias maneras pero no lo logré....
Cuando un usuario realiza un gesto de tocar y mantener presionado para seleccionar una palabra y luego arrastra el dedo hacia los bordes superior o inferior de la pantalla, la página se desplaza automáticamente para acomodar la selección. aquí hay un breve clip que lo demuestra Me gustaría evitar...
Estoy creando un menú anidado y submenús y todo se ha hecho a partir de ahora. Ahora tengo la necesidad de hacer que este menú colapsable se abra de manera predeterminada en función de la identificación dada. También puede echar un vistazo al fragmento de código de trabajo completo a...