Articles of html5

CSS Progress Circle

He buscado este sitio web para encontrar barras de progreso, pero las que he podido encontrar muestran círculos animados que llegan al 100% completo. Me gustaría que se detenga en ciertos porcentajes como en la captura de pantalla a continuación. ¿Hay alguna manera de hacerlo usando solo CSS?

El desplazamiento de iPad Safari hace que los elementos HTML desaparezcan y vuelvan a aparecer con un retraso

Actualmente estoy desarrollando una aplicación web usando html5 y jQuery para iPad Safari. Me encuentro con un problema en el que las áreas de desplazamiento grandes provocan que los elementos que están fuera de pantalla aparezcan después de un retraso cuando me desplazo hacia ellos. Lo que quiero decir con eso es que, si tengo […]

Otro: Forzar Chrome para almacenar por completo el video mp4

He visto algunos hilos sobre esto, pero sin respuestas, así que pensé que agregaría otro al patio de sepulturas de páginas relacionadas con youtube contaminadas. Tengo un video de 100MB mp4 que necesita ser descargado por completo por el navegador, Sin embargo, no hay ningún evento que se dispara cuando se ha descargado por completo, […]

Atributo requerido HTML5

Dentro de mi aplicación web estoy usando alguna validación personalizada para mis campos de formulario. Dentro de la misma forma, tengo dos botones: uno para enviar el formulario y el otro para cancelar / restablecer el formulario. Sobre todo uso Safari como mi navegador predeterminado. Ahora Safari 5 está apagado y de repente mi botón […]

HTML 5 extraño img siempre agrega 3px margen en la parte inferior

Cuando cambio mi sitio web a Cada elemento img que está envuelto dentro de un DIV tiene un margen inferior de 3px, aunque ese margen no está definido en CSS. En otras palabras, no hay atributos de estilo que estén causando ese margen inferior de 3px. Ahora digamos que haha.jpg es 50×50, y .placeholder está […]

Cómo copiar el contenido de un canvas a otro canvas localmente

Me gustaría copiar TODOS los contenidos de un canvas y transferirlos a otro todo en el lado del cliente. Creo que usaría el canvas.toDataURL() y context.drawImage() para implementar esto, pero me estoy encontrando con algunos problemas. Mi solución sería obtener Canvas.toDataURL() y almacenar esto en un objeto Image en Javascript, y luego usar el método […]

HTML5 Canvas 100% de ancho de altura de la ventana gráfica?

Intento crear un elemento canvas que ocupe el 100% del ancho y alto de la ventana gráfica. Puedes ver en mi ejemplo aquí que está ocurriendo, sin embargo está agregando barras de desplazamiento tanto en Chrome como en Firefox. ¿Cómo puedo evitar las barras de desplazamiento adicionales y simplemente proporcionar exactamente el ancho y alto […]

¿Cómo puedo convertir un elemento HTML en un elemento canvas?

Sería increíblemente útil poder convertir temporalmente un elemento regular en un canvas . Por ejemplo, supongamos que tengo un div estilo que quiero voltear. Quiero crear dinámicamente un canvas, “renderizar” el elemento HTMLElement en el canvas, ocultar el elemento original y animar el canvas. Se puede hacer?

¿Hay alguna opción de estilo para el selector de fecha HTML5?

Estoy muy entusiasmado con el selector de fecha HTML5. Es refrescante saber que el W3C finalmente está recuperando parte de la holgura para que no tengamos que seguir reinventando una forma de entrada tan común. La advertencia es que no veo o preveo mucho en la forma de aplicar colores al selector en sí mismo, […]

¿Mostrar la fuente de video de Youtube en la etiqueta de video HTML5?

Intento incluir una fuente de video de YouTube en la etiqueta HTML5 , pero parece que no funciona. Después de buscar en Google, descubrí que HTML5 no admite URL de video de YouTube como fuente. ¿Puedes usar HTML5 para incrustar videos de YouTube? Si no, ¿hay alguna solución?