En ReactJS, podemos crear un componente Breadcrumb fácilmente con Plain CSS. Ya que solo tenemos que hacer un nuevo componente con código JSX para obtener un código HTML básico para Breadcrumb, y luego tenemos que aplicar efectos CSS para hacer algunos cambios y hacer que su apariencia sea la mejor. ReactJS es un marco web … Continue reading «¿Cómo crear un componente Breadcrumb en React con Plain CSS?»
Los grupos de entrada de formularios de Spectre se utilizan para categorizar el campo del formulario, por ejemplo, detalles personales, detalles de facturación. Si el usuario desea adjuntar texto y botón junto con la entrada, agregue la clase de grupo de entrada al contenedor de entrada. Agregue la clase input-group-addon al elemento de texto e … Continue reading «Grupos de entrada de formas de espectro»
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»
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»
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?»
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?»
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»
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»
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?»
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»