Introducción: en Bootstrap v5, las insignias 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. Las insignias … Continue reading «¿Qué son las insignias en Bootstrap?»
jQuery es una biblioteca de JavaScript liviana, «escribe menos, haz más». jQuery ayuda a escribir JavaScript de la manera más sencilla posible. Es eficaz para convertir unas pocas líneas de código en JavaScript en una sola línea. También simplifica tareas como llamadas Ajax y DOM (Document Object Model). La biblioteca jQuery contiene las siguientes características: … Continue reading «¿Cómo cargar el archivo jQuery local en caso de que CDN no esté disponible?»
DataTables es un complemento jQuery moderno para agregar controles interactivos y avanzados a las tablas HTML para una página web. Es un complemento muy fácil de usar con una variedad de opciones para los cambios personalizados del desarrollador según las necesidades de la aplicación. Las características del complemento incluyen paginación, clasificación, búsqueda y ordenación de … Continue reading «¿Cómo implementar la selección y eliminación de una sola fila usando el complemento DataTables?»
Las tarjetas giratorias son el efecto de las tarjetas que rotarán hasta cierto punto cuando pasas el mouse sobre ellas. Habrá información, enlaces o imágenes en la tarjeta que serán visibles cuando pase el mouse sobre las tarjetas. En este artículo, aprenderá cómo hacer tarjetas giratorias en su sitio web usando solo HTML y CSS … Continue reading «Diseña un efecto de tarjeta giratoria usando HTML y CSS»
Antes o después de realizar una acción, con frecuencia nos encontramos con notificaciones específicas en algunos sitios web. Estos mensajes de alerta son texto resaltado que se debe tener en cuenta al ejecutar una tarea. Usando clases preestablecidas en Bootstrap, estos mensajes de alerta se pueden mostrar en el sitio web. Enfoque: la clase .alert … Continue reading «¿Cómo crear alertas de notificación de advertencia en Bootstrap?»
Como sabemos, HTML proporciona muchos elementos predefinidos que se utilizan para cambiar el formato del texto. El formato se puede usar para establecer los estilos de texto (como negrita, cursiva o enfatizado, etc.), resaltar el texto, hacer que el texto sea superíndice y subíndice, etc. Elementos de formato de texto: Etiquetas <b> y <strong> :ambas … Continue reading «Elementos de formato de texto HTML»
Al crear un sitio web para dispositivos de pantalla pequeña como teléfonos inteligentes, es importante que usemos cada parte del espacio de la pantalla de manera inteligente, no podemos permitirnos el lujo de desperdiciar ningún área. Para conseguirlo, podemos ocultar algunos elementos periféricos en modo teléfono. Ocultar el texto del botón en el modo de … Continue reading «¿Cómo ocultar el texto del botón en el modo de teléfono?»
El menú desplegable se utiliza para crear una lista de elementos que necesitan seleccionar un elemento. Usamos los elementos <select> y <option> para crear una lista desplegable y usamos el atributo disabled en el elemento <select> para deshabilitar el elemento de la lista desplegable. Una lista desplegable deshabilitada no se puede hacer clic y no … Continue reading «¿Cómo deshabilitar la lista desplegable en HTML5?»
El efecto 3D suspendido en un botón es un efecto en el que el botón parece acercarse al usuario al pasar el mouse sobre él. Estos botones se crean utilizando HTML y CSS. Enfoque: la mejor manera de animar los objetos HTML se realiza utilizando CSS @keyframes y configurando las transiciones en diferentes etapas. Código … Continue reading «¿Cómo crear un efecto de botones 3D animados sobrevolados usando CSS?»
Permitir la carga de archivos en su sitio web se vuelve necesario cuando desea obtener los datos de los usuarios en forma de documento, imagen o archivo. HTML le permite agregar la funcionalidad de carga de archivos a su sitio web agregando un botón de carga de archivos a su página web con la ayuda … Continue reading «¿Cómo agregar la función de carga de archivos a una página web en HTML?»