La animación Seesaw es una animación que se puede aplicar a varios componentes de un sitio web como texto, tarjetas e incluso botones. Pero, se usa principalmente para animación de texto. Esta es una animación relativamente nueva cuando se trata de animaciones de texto. Enfoque: El enfoque es simple, rotaremos el texto en un orden … Continue reading «Animación de texto de balancín»
jQuery Mobile es una tecnología basada en la web que se utiliza para crear contenido receptivo al que se puede acceder en todos los teléfonos inteligentes, tabletas y computadoras de escritorio. En este artículo, crearemos un botón de posición de icono usando jQuery Mobile. Acercarse: Primero, agregue los scripts jQuery Mobile necesarios para su proyecto. … Continue reading «¿Cómo hacer un botón de posición de icono usando jQuery Mobile?»
El enfoque de este artículo es agregar una sombra usando la propiedad text-shadow en CSS. Esta propiedad acepta una lista de sombras separadas por comas que se aplicarán al texto. El valor predeterminado de la propiedad text-shadow es «ninguno». Sintaxis: text-shadow: h-shadow v-shadow blur-radius color|none|initial| Ejemplo: HTML <!DOCTYPE html> <html> <head> <style> h1 { … Continue reading «¿Cómo agregar sombra al texto usando CSS?»
En la página web HTML, al aplicar valores a las propiedades CSS, los cálculos se realizan mediante la función calc() . Sintaxis: element { // CSS property property : calc( expression) } Propiedades: La función calc() toma parámetros en forma de una sola expresión. El valor se convierte en el resultado de la expresión. Incluso … Continue reading «¿Cómo configurar la solución Calc Viewport Units en CSS?»
En este artículo, hemos proporcionado algunos elementos de la lista y la tarea es crear una lista de elementos con viñetas de imágenes. Esta tarea se puede realizar utilizando la propiedad list-style-image en CSS. Esta propiedad se utiliza para establecer la imagen que se utilizará como marcador de elementos de la lista. Sintaxis: list-style-image: … Continue reading «¿Cómo crear viñetas de una imagen en HTML?»
Los enlaces de menú alineados a la derecha se utilizan en muchos sitios web. Al igual que el sitio web de hoteles que contiene muchas opciones en la sección del menú, pero en caso de emergencia, para contactarlos, se necesita atención específica. En ese caso, puede colocar todas las opciones del menú en el lado … Continue reading «¿Cómo crear enlaces de menú alineados a la derecha usando HTML y CSS?»
En este artículo, vamos a almacenar datos en una base de datos que se envía a través de un formulario HTML. Requisitos: Servidor XAMPP (servidor web) HTML PHP mysql Formulario HTML: Primero creamos un formulario HTML que necesita tomar la entrada del usuario desde el teclado. El formulario HTML es un documento que almacena información … Continue reading «¿Cómo insertar datos de formulario en la base de datos usando PHP?»
El PDO (PHP Data Objects) define la interfaz liviana y consistente para acceder a las bases de datos en PHP. Enfoque: asegúrese de tener XAMPP o WAMP instalado en su máquina con Windows. En caso de que esté utilizando Linux, instale el servidor LAMP . En este artículo, usaremos el servidor XAMPP. Siga los pasos … Continue reading «¿Cómo obtener datos de la base de datos en PHP PDO usando loop?»
DataTables es un complemento moderno de jQuery para agregar controles interactivos y avanzados a las tablas HTML de nuestras páginas web. Es un complemento fácil de usar con una amplia gama de opciones para los cambios personalizados del desarrollador. Las características comunes del complemento DataTable son la paginación, el ordenamiento de varias columnas, la clasificación … Continue reading «¿Cómo cargar datos de una array de JavaScript usando el complemento jQuery DataTables?»
En este artículo, alinearemos el contenido del texto en el centro usando JavaScript. Usamos la propiedad textAlign de estilo HTML DOM para establecer la alineación del texto. Sintaxis: object.style.textAlign = «center» La sintaxis anterior establece la alineación del texto en el centro dinámicamente. Ejemplo: HTML <!DOCTYPE html> <html> <head> <title> How to align text … Continue reading «¿Cómo alinear el contenido del texto en el centro usando JavaScript?»