Awesome GitHub RepositoriesCSS Optimizers

clean-css ist ein Node.js CSS-Optimizer, der als Minifier, Bundler und Source-Map-Generator fungiert. Er reduziert die Dateigröße von Stylesheets durch das Entfernen von Leerzeichen und Kommentaren, während Farben und Einheiten optimiert werden, um die Seitenladezeiten zu verbessern. Das Tool bietet eine Plugin-gesteuerte Pipeline, die benutzerdefinierte Optimierungstransformationen und die Bewahrung spezifischer Codefragmente mittels markerbasierter Ausschlüsse ermöglicht. Es beinhaltet Browser-Kompatibilitäts-Targeting, um sicherzustellen, dass optimierte Styles über spezifizierte Browserversionen hinweg funktionsfähig bleiben. Das Projekt bietet Funktionen zum Bündeln mehrerer Stylesheets in eine einzige Ausgabe, zum asynchronen Inlining von Remote-Ressourcen und zum Rebasen relativer Asset-URLs. Es generiert zudem Source-Maps, um optimierte Stylesheets mit ihrem ursprünglichen Quellcode zu verknüpfen.

Clean-CSS ist ein Node.js CSS-Optimizer, der als Minifier, Bundler und Post-Prozessor fungiert. Er wurde entwickelt, um das Gesamtvolumen von Stylesheets durch das Entfernen von Leerzeichen, Kommentaren und redundantem Code zu verringern. Das Projekt bietet eine Pipeline zum Anwenden benutzerdefinierter Transformationen und Browser-Kompatibilitätsanpassungen. Es ermöglicht die programmatische Modifikation von CSS-Regeln und -Werten durch ein Plugin-System und die Verwendung benutzerdefinierter Optimierungs-Plugins. Das Tool deckt ein breites Spektrum an Asset-Optimierungsfunktionen ab, einschließlich Stylesheet-Bündelung, Inlining von Import-Regeln und Rebasen relativer URLs. Es unterstützt zudem die Generierung von Source-Maps für das Debugging und anpassbare Ausgabeformatierung für die Verschönerung.

inuit.css is a Sass-based CSS framework and design system tool focused on building scalable user interfaces. It serves as a modular preprocessor system that utilizes BEM architecture and OOCSS patterns to structure stylesheets into reusable components and layout abstractions. The framework distinguishes itself by separating structural layout logic from visual skinning, allowing for the creation of design-agnostic layout objects. It employs a configuration-driven build process where developers can use feature switches and variable overrides to inject design tokens and selectively include only

csso is a CSS minifier and optimizer that reduces stylesheet file sizes through structural analysis and algebraic transformations. It functions as an abstract syntax tree processor, converting styles into a structured tree to perform deep analysis and semantic-preserving code transformations while maintaining the original visual presentation. The project distinguishes itself through usage-aware optimization, analyzing external HTML markup and class identifiers to prune unused styles and reorganize rules based on actual document usage. It also performs structural refactoring by identifying and

This project is a Webpack plugin designed to automate the compression and refinement of CSS assets during the module bundling process. It functions as a build-time utility that intercepts generated stylesheets to reduce their total file size and improve performance for production deployments. The plugin distinguishes itself by providing a flexible architecture that supports third-party minification libraries, allowing developers to integrate specific compression engines into the build pipeline. It performs post-processing transformations on CSS files, including the identification and merging