2 repositorios
Dynamic updates to visual styles driven by application logic or user settings rather than static stylesheets.
Distinct from CSS Styling: Focuses on the runtime modification of styles, whereas CSS Styling is generally about the application of styles.
Explore 2 awesome GitHub repositories matching user interface & experience · Programmatic Styling. Refine with filters or upvote what's useful.
Este proyecto es una extensión de GNOME Shell que proporciona una barra de tareas unificada combinando el dash de aplicaciones y la bandeja del sistema en un solo panel. Funciona como un plugin de shell de JavaScript que modifica el diseño del escritorio para admitir flujos de trabajo de barra de tareas tradicionales dentro del entorno GNOME. La extensión incluye un sistema de gestión de ventanas que permite a los usuarios aislar aplicaciones en ejecución por espacio de trabajo o monitor, controlar la agrupación de ventanas y ver vistas previas en vivo de las ventanas abiertas mediante eventos de hover. Los usuarios pueden definir comportamientos de clic específicos para los iconos de las aplicaciones y lanzar aplicaciones favoritas utilizando atajos de teclado asignados. La herramienta proporciona una interfaz de configuración para ajustar la posición, el tamaño y el color de los elementos del panel, así como opciones para ocultar automáticamente el panel. También admite la exportación e importación de perfiles de configuración para sincronizar la configuración entre diferentes entornos.
Dynamically modifies GtkCssProvider rules to update panel appearance based on user settings.
Flexibility es un motor de diseño de JavaScript y capa de compatibilidad CSS que funciona como un polyfill para la especificación CSS Flexbox. Simula el comportamiento de diseño de caja flexible en navegadores web que no admiten la especificación de forma nativa. El proyecto logra la consistencia de diseño entre navegadores mediante la implementación de un sistema programático para calcular y aplicar propiedades de alineación, dirección y ajuste a los elementos DOM. Proporciona utilidades tanto para la aplicación como para la extracción de estos estilos de diseño para gestionar la estructura visual de una página. El motor opera a través del recorrido del árbol DOM y el cálculo manual de coordenadas para determinar las dimensiones y posiciones de los elementos. Luego utiliza la inyección de estilo en tiempo de ejecución para escribir los valores resultantes de ancho, alto y margen directamente en los atributos de estilo del elemento.
Allows for dynamic updates to visual styles driven by application logic to adjust Flexbox properties.