3 个仓库
The use of HTML data attributes to store and render text within CSS pseudo-elements.
Distinct from Element Attributes: Distinct from general Element Attributes by focusing on using attributes as the data source for visual rendering in pseudo-elements.
Explore 3 awesome GitHub repositories matching web development · Attribute-Driven Content Rendering. Refine with filters or upvote what's useful.
hint.css is a pure CSS tooltip library and styling framework used to create accessible informational pop-ups. It functions as a lightweight user interface component that transforms ARIA attributes into visible tooltips without the use of JavaScript. The framework is designed to be customizable, offering a system of configurable class prefixes to prevent naming conflicts within larger web projects. It utilizes a BEM-inspired namespace to ensure stylesheets remain conflict-free when integrated into existing environments. The library covers a range of UI capabilities, including directional posi
Uses data attributes to store and display tooltip text without requiring separate HTML elements.
本项目是一个极简的 Obsidian 视觉主题和可定制 CSS 框架。它作为 Markdown 布局引擎和自适应用户界面,旨在消除界面杂乱,创造一个无干扰的写作环境。 该主题的特色在于其布局转换功能,可将标准的 Markdown 表格和列表转换为卡片式网格和视觉画廊。它提供了一套将结构化数据转换为可扫描视觉表示的系统,并将连续的图像组织成列式网格。 该框架涵盖了全面的界面美学定制,包括排版、颜色和线条宽度。它还包括跨移动端和桌面端的响应式缩放、自定义任务复选框样式以及图像视觉滤镜。
Provides rendering logic that uses HTML attributes to determine the visual layout of content.
Peity 是一个轻量级的 SVG 数据可视化库,可将数字文本内容和 HTML 属性转换为小型饼图、环形图、柱状图和折线图。它作为一个属性驱动的渲染器和渐进增强工具,通过直接从 DOM 读取数据来向网页添加矢量图形,而无需重型 JavaScript 框架。 该库支持自定义绘图函数和动态颜色分配,允许注册新的图表类型,并使用自定义函数来确定段颜色。 其能力涵盖了小型数据图表的渲染,例如仪表板指标的迷你图(sparklines)和进度环。它包括在底层元素文本更改时自动重绘可视化的能力,并允许通过 HTML 数据属性进行单独的图表配置。
Uses HTML data attributes to configure visual settings and styles for individual vector chart instances.