Crea un Reloj Analógico usando HTML, CSS y JavaScript

Vamos a construir un reloj analógico en tiempo real utilizando HTML, CSS y JavaScript. Requisito previo: Comprensión básica de HTML , CSS y JavaScript . Enfoque: Crearemos tres archivos (archivo HTML, un archivo CSS y un archivo JavaScript), también tenemos una imagen del reloj que se usará en segundo plano, y además de eso, haremos … Continue reading «Crea un Reloj Analógico usando HTML, CSS y JavaScript»

Tablas Spectre Tablas desplazables

Las tablas son elementos importantes de la sociedad de desarrollo web. Si desea mostrar algunos datos, definitivamente necesitará tablas. Las tablas de Spectre son iguales a las tablas HTML, aquí discutiremos las tablas desplazables de Spectre. Tablas Tablas desplazables Clase: desplazamiento de la tabla: esta clase se utiliza para crear la fila de la tabla … Continue reading «Tablas Spectre Tablas desplazables»

¿Cómo contar la cantidad de veces que se hace clic en un botón usando JavaScript?

Le hemos dado un botón, y la tarea es contar cuántas veces se hace clic en el botón usando JavaScript.  Enfoque: Primero, crearemos un botón HTML y un elemento de párrafo donde mostraremos el recuento de clics del botón. Cuando se hace clic en el botón, se llama a la función de JavaScript. Declaramos una … Continue reading «¿Cómo contar la cantidad de veces que se hace clic en un botón usando JavaScript?»

¿Cómo instalar y usar Materialise CSS?

Materialise CSS es un lenguaje de diseño que se hizo con CSS, JavaScript y HTML. Está hecho y planificado por Google. Materialise es creado y diseñado por Google. El objetivo de Google es desarrollar un diseño de sistema que permita una mejor experiencia de usuario en todos los productos en cualquier plataforma. También hace que … Continue reading «¿Cómo instalar y usar Materialise CSS?»

Efecto de desplazamiento de tarjeta Glassmorphism

Glassmorphism es una forma moderna de diseñar elementos web de cualquier página web y proporcionar un efecto 3D y de vidrio. Este efecto de animación se puede generar fácilmente usando HTML, CSS y Vanilla-tilt JS. Podemos implementar Glassmorphism usando varias propiedades CSS. Se usa para agregar un efecto de vidrio al elemento dado y Vanilla-tilt … Continue reading «Efecto de desplazamiento de tarjeta Glassmorphism»

Casilla de Bulma

En este artículo, aprenderemos sobre Bulma Checkbox , con algunos de sus ejemplos. Bulma es un marco gratuito y de código abierto que se utiliza para crear componentes reutilizables mientras se crean aplicaciones web. Este marco es un marco listo para dispositivos móviles con el que los usuarios pueden ver las aplicaciones web como una … Continue reading «Casilla de Bulma»

¿Cómo crear un botón que envíe un formulario y descargue un pdf simultáneamente?

No existe un método directo para descargar y enviar el formulario simultáneamente, pero podemos realizar esta tarea si controlamos el envío del formulario y, al hacer clic en el botón Enviar formulario, primero activamos la descarga del PDF y luego enviamos el formulario. Entonces, los enfoques que podemos seguir para lograr esto se discuten a … Continue reading «¿Cómo crear un botón que envíe un formulario y descargue un pdf simultáneamente?»

Iconos de forma de Bulma

Bulma es un marco CSS de código abierto que contiene elementos y componentes prediseñados que facilitan a los desarrolladores la creación de interfaces hermosas y receptivas. En este artículo, aprenderemos cómo agregar íconos al formulario. Para agregar íconos a un formulario, se pueden agregar modificadores tiene íconos a la izquierda o íconos a la derecha … Continue reading «Iconos de forma de Bulma»

¿Cómo detectar los comandos de copiar y pegar Ctrl+V, Ctrl+C usando JavaScript?

Para detectar la combinación de teclas con “Ctrl”, usamos la propiedad ctrl del evento keydown . Devuelve un valor «booleano» para indicar si se presionó «ctrl» o no cuando se activó el evento clave. Sintaxis: event.ctrlKey Valor devuelto: verdadero: cuando se presionó «ctrl». falso: cuando no se presionó “ctrl”. Código HTML: A continuación se muestra … Continue reading «¿Cómo detectar los comandos de copiar y pegar Ctrl+V, Ctrl+C usando JavaScript?»

Insignias de espectro

Spectre Badges son componentes simples y básicos que se utilizan para mostrar un indicador o contar un número. Esto es muy útil para fines de conteo de correo y alertas, entre otras cosas. Las insignias son idénticas a las etiquetas, con la excepción de que tienen esquinas más redondeadas. Clase de insignias de espectro: insignia: … Continue reading «Insignias de espectro»