Un generador de códigos QR es una aplicación que almacena los datos de texto requeridos en un código QR que luego se puede escanear con un escáner de códigos QR para revelar la información almacenada. Este Código QR se puede utilizar en cualquier lugar, por ejemplo, en un cartel o sitio web para permitir a … Continue reading «Generador de códigos QR usando HTML, CSS y jQuery»
Los sitios web que pueden cambiar su apariencia de forma dinámica según el dispositivo o la pantalla en la que se visualice se denominan sitios web responsivos . Utiliza el concepto de puntos de interrupción para determinar la apariencia de los sitios web en diferentes pantallas. Los puntos de interrupción se especifican en función del … Continue reading «¿Qué entender sobre los sitios web receptivos?»
Podemos hacer un hexágono de borde curvo usando la propiedad de pseudo-elemento de CSS. Use un elemento div para crear un rectángulo y también agréguele un radio de borde. Ahora cree un pseudo-elemento después de usar CSS y gírelo usando 60 grados. También cree otro pseudo-elemento antes usando CSS y gírelo -60 grados. Ejemplo 1: … Continue reading «¿Cómo dibujar un hexágono de borde curvo usando CSS?»
En este artículo, crearemos una tarjeta transparente o borrosa utilizando las propiedades básicas de HTML y CSS . El efecto borroso también se llama efecto de cristal. Acercarse: En la etiqueta del cuerpo , cree el diseño de la tarjeta. Defina las clases a cada uno de los componentes para usar las propiedades CSS. Para … Continue reading «¿Cómo crear una tarjeta transparente o borrosa usando CSS?»
Podemos crear globos de diálogo increíbles usando HTML y CSS sin imagen, sin JavaScript, sin marcos adicionales ni nada. Con un solo elemento HTML div, estamos creando una burbuja de diálogo, puede elegir cualquier otro elemento. Haremos una caja simple con algunos estilos que podemos ajustar de acuerdo a nuestras elecciones. Después de eso, le … Continue reading «¿Cómo crear bocadillos de diálogo sin imágenes usando CSS?»
En este artículo, aprenderemos cómo alinear el extremo flexible del elemento al final del contenedor usando CSS. La propiedad align-items and display de CSS se utiliza para alinear elementos al final del contenedor. Enfoque: la propiedad align-items y display de CSS se utiliza para alinear elementos al final del contenedor. Para alinear elementos al final … Continue reading «¿Cómo alinear el artículo con el extremo flexible en el contenedor usando CSS?»
Ampersand o «&» es una característica poderosa de SASS. Mejora la legibilidad del código mediante el uso de declaraciones de anidamiento, lo que tiene una ventaja sobre el CSS convencional. Podemos anidar la clase css cualquier cantidad de veces, pero la mayoría de las veces no es necesario. Sintaxis: parent { some_styling; & .child_element … Continue reading «¿Cómo combinar padre usando ampersand (&) con selectores de tipo en SASS?»
Las páginas web directas y sencillas son buenas, pero no las mejores. La animación es lo que le da vida a una página estática y la hace más llamativa. Aquí hay algunas ideas de animación para sus páginas web utilizando lenguajes de interfaz como HTML y CSS. 1. Rotar una Carta: El primero es rotar … Continue reading «Ideas de animación para páginas web usando HTML y CSS»
El modelo de caja flexible o caja flexible en CSS es un modelo de diseño unidimensional que tiene diseños flexibles y eficientes con espacios distribuidos entre elementos para controlar su estructura de alineación, es decir, es un modelo de diseño que proporciona una manera fácil y limpia de organizar elementos dentro de un contenedor. Flexbox … Continue reading «Introducción a CSS Flexbox»
La función Sass rgba usa el modelo rojo-verde-azul-alfa para describir los colores donde se usa alfa para agregar opacidad al color. Su valor oscila entre 0,0 (totalmente transparente) y 1,0 (totalmente opaco). La función toma dos valores de entrada: el código de color hexadecimal y alfa, y convierte el código hexadecimal al formato RGBa. Sintaxis: … Continue reading «Convierta Hex a RGBa para opacidad de fondo usando SASS»