Friki Work

Los modos de mezcla CSS, inspirados en herramientas de diseño gráfico como Photoshop, permiten combinar dos o más capas de contenido de formas visualmente impactantes. Estas propiedades ajustan cómo los píxeles de una capa (la fuente) interactúan con los píxeles de la capa subyacente (el fondo), creando una amplia gama de efectos de color y lum ...

Las Hojas de Estilo en Cascada, o CSS (por sus siglas en inglés, Cascading Style Sheets), son un lenguaje fundamental para el diseño web. Su propósito principal es controlar la presentación y el aspecto visual de un documento escrito en HTML o XML. CSS permite separar el contenido de la estructura de la página de su estilo, lo que facilita el m ...

Resuelve problemas de compatibilidad entre navegadores Incorpora numerosas características innovadoras Enfoque centrado en el usuario Beneficios de simplificación en el desarrollo Consideraciones al escribir código Utiliza la tecla Tab para las indentaciones, no espacios Todas las etiquetas deben estar contenidas entre <> y aparecer en ...

El tamaño predeterminado de un canvas es de 300×150 píxeles. Es importante entender que definir los atributos width y height directamente en la etiqueta canvas es diferente a establecerlos mediante CSS. Los atributos width y height en la etiqueta canvas representan el tamaño real del lienzo donde se dibujan los gráficos. Por otro lado, las prop ...

Este proyecto de diseño web se centra en la creación de una página estática con temática de animales marinos, específicamente cetáceos (ballenas y delfines). La implementación se realiza utilizando HTML5 y CSS3, asegurando la compatibilidad con los principales navegadores web. Estructura del Sitio Web El diseño sigue una estructura web moderna ...

Propiedades de Posicionamiento Valores disponibles: static, fixed, absolute, relative absolute: Elimina el elemento del flujo normal. Las propiedades top, bottom, left y right establecen posición absoluta relativa al contenedor más cercano con posición no estática. Si top y bottom coexisten, top prevalece. Mismo comportamiento para left sobre r ...

Este artículo detalla un método para adaptar la resolución de aplicaciones Vue a diferentes escalas de navegador, especialmente útil en pantallas de alta densidad de píxeles (HiDPI) y al redimensionar la ventana del navegador. Se enfoca en la implementación mediante un plugin personalizado y la configuración de PostCSS. Método de Adaptación med ...

La manipulación de imágenes mediante gestos de zoom, desplazamiento y escalado es una funcionalidad fundamental en el desarrollo de Mini Programas (como WeChat Mini Programs). A continuación, se presentan diversas estrategias técnicas para implementar estos efectos, desde soluciones nativas simples hasta interacciones complejas con gestos. 1. E ...

Introducción En los navegadores actuales, es común encontrar propiedades como esta: elemento { --color-fondo-principal: marrón; } A continuación, explicaremos detalladamente este concepto y proporcionaremos información relevante sobre su funcionamiento. Descripción general Las propiedades personalizadas (también conocidas como variables CS ...

El desarrollo web moderno exige una adaptabilidad impecable a diversos tamaños de pantalla. Para lograrlo, las conusltas de medios (media queries) son fundamentales. Este artículo explora una implementación avanzada en SCSS que simplifica la gestión de la lógica responsiva, permitiendo aplicar estilos condicionales tanto mediante las propias co ...