Friki Work

IconPark es una solución de código abierto diseñada para la gestión y generación de iconos basados en SVG. Su arquitectura permite tomar un único archivo SVG fuente y transformarlo en múltiples variantes temáticas, como contorno (outline), relleno (filled), bicolor (two-tone) y multicolor. Además, automatiza la creación de componentes compatibl ...

Los íconos SVG son fundamentales en el desarrollo web moderno por su escalabilidad y flexibilidad. Sin embargo, su integración puede introducir riesgos de seguridad si no se gestiona adecuadamente. Feather, una biblioteca de íconos de código abierto, ofrece una solución robusta para abordar estas vulnerabilidades, proporcionando un marco seguro ...

Evolución de las soulciones de renderizado La implementación de iconos en el desarrollo frontend ha experimentado múltiples transformaciones para resolver problemas de rendimiento, mantenimiento y flexibilidad de diseño. Imágenes y CSS Sprites Inicialmente, los iconos se gestionaban mediante etiquetas <img>. Para mitigar el exceso de peti ...

Introducción a PcbDraw y el Procesamiento por Lotes PcbDraw es una herramienta de código abierto que convierte diseños de KiCad en dibujos 2D detallados, ideales para diagramas de pines y guías de ensamblaje. Esta guía se enfoca en utilizar su funcionalidad de procesamiento por lotes para crear múltiples versiones de diagramas de placas de circ ...

Principios de Diseño y Emoción Simbólica El proyecto Fluent Emoji de Microsoft prioriza la creación de símbolos que sean familiares, amigables y modernos. La obra ganadora, una medalla de primer lugar, demuestra esta filosofía al utilizar una paleta dorada y contornos circulares para evocar logro, mientras mantiene líneas minimalistas para aseg ...

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 ...

Los gráficos vectoriales escalables (SVG) representan un formato fundamental para el diseño web interactivo, al permitir la generación y manipulación de imágenes mediante código. Al integrarlos con JavaScript, se desbloquea la posibilidad de crear efectos dinámicos y atractivos para el usuario. Principios de los Gráficos SVG SVG es un dialecto ...