Tag: css

¿Se retrasa la ejecución de JavaScript hasta que se construya CSSOM o no?

La respuesta a esta pregunta ha sido clara para mí desde que leí / aprendí sobre CSSOM hasta hoy. Parece que no puedo encontrar el artículo inicial, pero se explica bastante claro, con ejemplos, que la ejecución de JavaScript se aplaza hasta que CSSOM se construye a partir de todas las tags y en (excepto […]

Añadir javascript o CSS a una página específica en Joomla

¿Cómo incluir un archivo javascript o CSS solo en un artículo determinado en Joomla? Tengo un artículo que requiere la interfaz de usuario jQuery y el tema asociado. Como no se usa en ninguna otra página, solo lo quiero para este artículo en particular. Agregar las tags y en el HTML del artículo no funciona, […]

HTML5: canvas loco dibujar tamaño de imagen

Tengo la siguiente plantilla html: Snap Photo Aquí está la captura de pantalla de mi aplicación. En la parte superior puede ver y en la parte inferior (foco en devtools). Problema: para dibujar imagen a debería usar estos coeficientes extraños: const canvas = document.getElementById(‘canvas’), context = canvas.getContext(“2d”), video = document.getElementById(‘video’); //QUESTION: why?! const widthCoef = […]

Controlando los colores SVG con CSS

Estoy configurando algunos íconos en una biblioteca que usa algunos CSS básicos y un Sprite SVG (generado a través de webpack). Algunos de los íconos quiero poder colorear con múltiples colores. Mi configuración se ve como: mail.svg (los detalles de svg se omiten por simplicidad) Mi CSS computado (el blue es el color de acento […]

Muestra una imagen de clase durante 10 segundos.

Tengo el siguiente código que muestra 9 cajas , que tienen valores como digital time , Hay otra clase box002 que muestra los digits corresponden al valor seleccionado al azar de nueve cajas. box002 can be dragged to digital time starting with that digit luego ese cuadro dissappeared y una parte de la imagen debajo […]

¿Cómo copiar varios archivos y mantener la estructura de carpetas con Gulp?

Estoy intentando copiar archivos de una carpeta a otra usando Gulp gulp.task(‘move-css’,function(){ return gulp.src([ ‘./source/css/one.css’, ‘./source/other/css/two.css’ ]).pipe(gulp.dest(‘./public/assets/css/’)); }); El código anterior está copiando one.css & two.css a public/assets/css carpeta public/assets/css two.css public/assets/css Y si uso gulp.src(‘./source/css/*.css’) copiará todos los archivos CSS a public/assets/css carpeta public/assets/css que no es lo que quiero Mi pregunta es ¿cómo […]

¿Cómo pasar al siguiente div usando Javascript?

Así que estoy haciendo un sitio web con muchos Divs que toman 100% de altura. Y quiero hacer un botón para que cuando haga clic se desplace suavemente al siguiente div. He codificado algo así que cuando se hace clic, se desplaza a div específico. $(“.next”).click(function() { $(‘html,body’).animate({ scrollTop: $(“.p2”).offset().top}, ‘slow’); }); body{ margin: 0; […]

Escriba texto personalizado en el canvas de la imagen con fabric.js y HTML5

Estoy usando HTML5 y fabric.js para subir varias imágenes. Quiero añadir texto personalizado en este canvas de imagen. En este momento estoy cargando varias imágenes en el canvas una por una. Después de subir las imágenes quiero agregar texto personalizado en el canvas. var canvas = new fabric.Canvas(‘canvas’); document.getElementById(‘file’).addEventListener(“change”,function (e) { var file = e.target.files[0]; […]

Google Maps Gray

Yo diría que tengo un problema bastante simple, que me está volviendo loco. En la página web de mis clientes http://alminde-akupunktur.dk/ en la parte inferior de la página de destino, estoy usando un Google Maps como fondo. Después de actualizar la API de Google Maps, el mapa se volvió gris y no tuve suerte en […]

pasando la introducción de la clave del evento desde el componente de chip al componente de pestaña

Estoy tratando de integrar el css del esqueleto con la funcionalidad de ingresar la clave. al hacer clic en el botón chip de prueba se abre un cuadro de diálogo con el cuadro de texto. en ese chip cuando escriba alguna letra e ingrésela debe pintar el div siguiente con el esqueleto css sombra gris […]

Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.