Los mejores libros para aprender desarrollo web front-end

Existe una gran demanda de desarrolladores web front-end o diseñadores web en TI y los trabajos de desarrollador front-end también son uno de los trabajos mejor pagados. Todas estas son las razones por las que a la gente le encanta elegir este campo. El desarrollo frontend tiene que ver con UI/UX donde la principal preocupación … Continue reading «Los mejores libros para aprender desarrollo web front-end»

¿Cómo alinear verticalmente el texto dentro de un flexbox usando CSS?

CSS flexbox: La propiedad flex en CSS es la combinación de las propiedades flex-grow, flex-shrink y flex-basis. Se utiliza para establecer la longitud de elementos flexibles. La propiedad flexible es mucho más receptiva y compatible con dispositivos móviles. Es fácil colocar elementos secundarios y el contenedor principal. El margen no colapsa con los márgenes del … Continue reading «¿Cómo alinear verticalmente el texto dentro de un flexbox usando CSS?»

¿Cuál es el papel de la directiva @media en SASS?

SASS significa hoja de estilo sintácticamente impresionante. Básicamente es un preprocesador CSS que nos ayuda a reducir las repeticiones en el código CSS y también ayuda a reducir la complejidad del código CSS. SASS hace que el código sea fácil de entender usando diferentes características como mixins, variables, etc. Una característica tan importante de SASS … Continue reading «¿Cuál es el papel de la directiva @media en SASS?»

CSS | propiedad font-stretch

La propiedad font-stretch en CSS se usa para establecer el texto más ancho o más estrecho. Esta propiedad no funciona con ninguna fuente. Solo funciona cuando la familia de fuentes tiene una cara variante de ancho. Sintaxis:   font-stretch: normal|ultra-condensed|extra-condensed|condensed| semi-condensed|semi-expanded|expanded|extra-expanded|ultra-expanded; Valor por defecto:  normal Valores de propiedad:   normal: es el tipo de letra predeterminado. No … Continue reading «CSS | propiedad font-stretch»

Explicar cómo definir una variable en SASS

HABLAR CON DESCARO Aes una forma abreviada de Syntactically Awesome Style Sheet que es una extensión de Cascading StyleSheet (CSS). Es un preprocesador de CSS. Está compilado en CSS y es totalmente compatible con todas las versiones de CSS. Sass reduce la repetición de CSS y, por lo tanto, ahorra tiempo. Permite usar variables, reglas … Continue reading «Explicar cómo definir una variable en SASS»

¿Cómo funciona el índice z en CSS?

En este artículo vamos a ver cómo funciona z-index en CSS. Z-index funciona como una pila para los elementos que son visibles en la pantalla. Podemos asignar un número a la propiedad del índice z para asignarle una posición en la pila. El número asignado puede ser negativo. El número mayor asigna la posición delantera … Continue reading «¿Cómo funciona el índice z en CSS?»

Explicar todas las unidades de medida en CSS3

Las unidades de medida de CSS utilizadas son las siguientes. Medir básicamente significa encontrar un número que muestre la cantidad de algo que queremos averiguar. CSS tiene muchas unidades de medida diferentes para expresar la longitud de varios contenedores HTML. Varias propiedades de CSS como ancho, relleno, tamaño de fuente, margen, etc. tienen un número … Continue reading «Explicar todas las unidades de medida en CSS3»

SASS | Funciones de color

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»

¿Cómo mejorar el rendimiento al minimizar y comprimir archivos?

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?»