Componentes de color: antes de pasar a las funciones de color de SASS, asegurémonos de conocer los elementos de color que cambian. La teoría del color simple divide cualquier color en tres componentes básicos: matiz, saturación y valor. HUE (también llamado “color local”) es generalmente el color del que hablamos. Me gusta: cielo azul, sol … Continue reading «SASS | Funciones de color»
La minificación es un proceso muy ampliamente reconocido y útil que nos ayuda a mejorar el rendimiento de una aplicación web eliminando las partes innecesarias, generalmente los espacios en blanco, los saltos de línea y los comentarios de los archivos HTML , CSS y JavaScript . Minificación: es el proceso de minimizar el tamaño de … Continue reading «¿Cómo mejorar el rendimiento al minimizar y comprimir archivos?»
La función translate3d() es una función incorporada que se utiliza para reposicionar un elemento en el espacio 3D. Sintaxis: translate3d( tx, ty, tz ) Parámetros: esta función acepta tres parámetros, como se mencionó anteriormente y se describe a continuación: tx: este parámetro contiene la longitud de la traducción correspondiente al eje x. Este parámetro contiene … Continue reading «CSS | función traducir3d()»
Un palíndromo es una palabra, oración o incluso un número que se lee igual desde atrás y desde adelante. Por lo tanto, si tomamos la entrada, invertimos la string y verificamos si la string invertida y la string original son iguales, significa que la string es un palíndromo, de lo contrario, no lo es. Acercarse: … Continue reading «¿Cómo verificar que la string dada sea palíndromo usando JavaScript?»
La propiedad flex-shrink especifica cuánto se encogerá el elemento en comparación con otros elementos dentro de ese contenedor. Define la capacidad de un elemento para encogerse en comparación con los otros elementos que se colocan dentro del mismo contenedor. Nota: Si el artículo en el contenedor no es un artículo flexible, la propiedad de contracción … Continue reading «CSS | Propiedad de contracción flexible»
En este artículo, analizaremos las esquinas redondeadas mediante el uso de propiedades CSS . Cuando quitamos el borde afilado de cualquier elemento y le damos forma redonda, se le llama esquina redondeada. Enfoque: para cambiar el borde afilado con un borde redondeado usamos la propiedad border-radius . Ejemplo 1: En este ejemplo, nombramos la etiqueta … Continue reading «¿Cómo agregar una esquina redondeada a un elemento usando CSS?»
Esta clase acepta mucho valor en Tailwind CSS en el que todas las propiedades están cubiertas en forma de clase. Esta clase se usa para especificar cómo se debe combinar el contenido de un elemento con el fondo. En CSS, podemos hacerlo usando la propiedad mix-blend-mode de CSS. Mezclar clases de modo de fusión: mix-blend-normal: … Continue reading «Modo de mezcla Tailwind CSS Mix»
Como todos sabemos, podemos aplicar la sombra usando el atributo Box-Shadow de CSS, pero no es válido si lo aplicamos en el objeto recortado usando la función Clip-Path() de CSS. Acercarse: Vamos a crear dos divs, uno para el principal y otro para nuestra forma recortada. Luego vamos a usar la función drop-shadow() para aplicar … Continue reading «¿Cómo agregar Box-Shadow al objeto Clip-Path?»
El selector de pseudoclase CSS :nth-child() se utiliza para hacer coincidir los elementos en función de su posición en un grupo de hermanos. Coincide con cada elemento que es el enésimo hijo, independientemente del tipo, de su padre. Sintaxis: :nth-child(number) { // CSS Property } Donde número es el único argumento que representa el patrón … Continue reading «Selector CSS :nth-child()»
Dado un documento HTML y la tarea es habilitar o deshabilitar el botón de envío de formulario en jQuery. Enfoque: para habilitar o deshabilitar el botón de envío de formulario, usamos el siguiente fragmento de código. $(‘#enabled’).click(function () { if ($(‘#submit-button’).is(‘:disabled’)) { $(‘#submit-button’).removeAttr(‘disabled’); } else { $(‘#submit-button’).attr(‘disabled’, ‘disabled’); } }); En el código anterior, habilitado … Continue reading «¿Cómo deshabilitar o habilitar el botón de envío de formulario en jQuery?»