Friki Work

paint-order Controla la secuencia de dibujado en elementos SVG o texto. Para textos, solo se modifica el orden entre el contorno y el relleno. .texto-personalizado { -webkit-text-stroke: 1.8px #2E86C1; paint-order: stroke; } .elemento-svg { paint-order: stroke fill; } accent-color Define el color de énfasis en componentes de int ...

Este artículo proporciona una guía detallada para integrar el sistema de diseño 98.css, que recrea fielmente interfaces de usuario antiguas, con frameworks frontend modernos como React y Vue.js, además de cubrir las mejores prácticas con TypeScript. Se exploran estrategias para la encapsulación de componentes, la gestión del estado, la adaptaci ...

Los hipervínculos son componentes esenciales en la web, ya que permiten la navegación entre diferentes páginas y recursos dentro de un sitio o hacia sitios externos. Tipos de enlaces Los enlaces se clasifican en internos, externos, de correo electrónico, de anclaje, vacíos y otros interactivos. Propiedades de visualización para enlaces Se puede ...

Introducción a CSS CSS (Hojas de Estilo en Cascada) es un lenguaje estandarizado que se utiliza para definir la apariencia visual de documentos HTML. Facilita la separación entre contenido y presentación, permitiendo controlar elementos como colores, tipografía y distribución sin alterar la estructura del marcado. Sintaxis Básica selector { ...

Los sitios web con desplazamiento prolongado son una tendencia popular en el diseño actual. Un subtipo destacado es el desplazamiento parallax, donde las imágenes se mueven de manera asincrónica para crear una ilusión de profundidad. Al desplazarse por la página, las animaciones se activan, ofreciendo una experiencia visual dinámica. Crear un s ...

Este artículo explora en profundidad cómo implementar menús desplegables en cascada infinita utilizando tecnología Ajax. Esta funcionalidad permite actualizar el contenido de la página mediante solicitudes asíncronas, mejorando significativamente la experiencia del usuario. Se cubren los conceptos fundamentales de Ajax, los principios de los me ...

Los selectores CSS son patrones utilizados para seleccionar elementos HTML a los que desea aplicar estilos. Son la columna vertebral de cualquier hoja de estilos CSS, permitiendo a los desarrolladores apuntar con precisión a uno o más elementos dentro de un documento para modificar su apariencia. Comprender los diferentes tipos de selectores es ...

Este artículo recopila un conjunto de estilos CSS recurrentes y técnicas fundamentales, buscando clarificar su aplicación y funcionamiento en diversos escenarios del desarrollo web. Manejo de Desbordamiento de Texto Texto en una sola línea con elipsis Para truncar texto que excede el ancho de su contenedor en una sola línea, mostrando puntos su ...

En el diseño web, cada elemento HTML se interpreta como una caja rectangular por parte del navegador durante el proceso de renderizado. Componentes del Modelo de Cajas Una caja CSS se compone de cuatro áreas principales: Área de contenido (content) Área de relleno (padding) Área de borde (border) Área de margen (margin) Dimensiones del Área d ...

El diseño de cascada, o disposición en casccada, es una técnica de maquetación web que organiza los elemetnos en múltiples columnas con alturas variables, creando un efecto visual irregular. A medida que el usuario se despalza verticalmente, se insertan nuevos elementos en la posición de menor altura acumulada, optimizando el espacio y ofrecien ...