4 Repos
Awesome GitHub RepositoriesContainer-Adaptive Resizing
Logic that automatically adjusts the dimensions of a component to fit its parent container upon window resize.
Distinct from Automatic Content Sizing: Focuses on adaptive container fitting rather than internal content-based sizing or generic layout engines.
Explore 4 awesome GitHub repositories matching user interface & experience · Container-Adaptive Resizing. Refine with filters or upvote what's useful.
Awesome Container-Adaptive Resizing GitHub Repositories
Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
- olifolkerd/tabulator
olifolkerd/tabulator
7,550Auf GitHub ansehenTabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from JSON or arrays. It functions as a hierarchical data viewer and a spreadsheet interface component, capable of rendering thousands of records efficiently through viewport-based virtualization and progressive loading. The library distinguishes itself by providing a full spreadsheet interface mode with multi-sheet management, cell range selection, and bulk copy-paste capabilities. It supports complex data architectures, including nested data field mapping, expandable tree structure
Redraws table contents automatically to fit the parent container when the screen size changes.
JavaScriptajaxcdnjsdata - davatron5000/fittext.js
davatron5000/FitText.js
6,717Auf GitHub ansehenFitText.js is a jQuery plugin that scales headline text proportionally to its parent container's width, enabling fluid, responsive typography. It functions as a fluid headline text resizer and responsive typography tool, inflating web type by resizing text based on container dimensions with configurable compression. The plugin distinguishes itself through precise control over the scaling behavior. It includes a compressor factor for tuning how aggressively text size responds to container width changes, and provides min-max clamping to enforce lower and upper pixel bounds on the computed font
Adjusts a compressor factor to control how aggressively text size responds to container width changes.
HTML - simplefocus/flowtype.js
simplefocus/FlowType.JS
4,571Auf GitHub ansehenFlowType.JS ist eine JavaScript-Bibliothek für fluide Typografie und eine Engine für responsive Typografie. Sie fungiert als clientseitiger Layout-Rechner, der optimale typografische Metriken basierend auf den Echtzeit-Dimensionen von DOM-Elementen bestimmt und anwendet. Die Bibliothek zeichnet sich dadurch aus, dass sie browserseitige Logik verwendet, um Schriftgröße und Zeilenhöhe relativ zur Breite eines Containers zu skalieren. Dies stellt eine konsistente Anzahl von Zeichen pro Zeile über verschiedene Bildschirmgrößen hinweg sicher und umgeht die Einschränkungen statischer CSS-Media-Queries. Das System nutzt eine dynamische Layout-Engine, die sich mit einem Resize-Observer integriert, um automatische Neuberechnungen auszulösen, wann immer ein überwachtes Element seine Dimensionen ändert. Dieser Prozess behält ein proportionales Verhältnis zwischen Schriftgröße und Zeilenhöhe bei, um den typografischen Rhythmus zu bewahren.
Calculates text dimensions using JavaScript to bypass static CSS limitations when font size depends on element width.
JavaScript - taiga-family/taiga-ui
taiga-family/taiga-ui
4,002Auf GitHub ansehenTaiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp
Provides the ability to automatically resize font sizes to prevent text overflow within parent containers.
TypeScriptangularbest-practicescdk
