Automatic CSS hat das neuestes Update, Version 2.5, veröffentlicht. Dieses große Update enthält viele neue Features und Funktionen. In diesem Artikel stellen wir die kurz alle neuen und relevanten Features vor!
Look and Feel
Das erste, was dir auffallen wird, ist eine leichte Veränderung im Look and Feel von Automatic CSS.
Es wurde die Markenfarbe in das Dashboard integriert, die jetzt angezeigt wird, wenn du mit dem Mauszeiger über Links fährst, und die die Indikatoren in Eingabefeldern ersetzt, die sich von ihrem Standardwert geändert haben.
Außerdem wurde die Farbe der Kippschalter geändert, damit es einfacher ist, zwischen ein- und ausgeschalteten Kippschaltern zu unterscheiden.
Farbsystem
Eine wichtige Aktualisierung des automatischen CSS ist das überarbeitete Farbsystem.
Es gibt jetzt den Namen der Variablen aus und ermöglicht eine einfache Änderung der Farben und die Implementierung von dunklen und hellen Modi. Mit dem neu überarbeiteten Farbsystem kannst du eine benutzerdefinierte Klasse oder eine Body-Klasse verwenden, um Farben im Handumdrehen zu ändern.
Das Farbsystem hat seine Funktionalität durch die Einführung einer brandneuen Farbvariablen partial erweitert, die auf den Farbtonwert der Komplementärfarbe einer beliebigen Farbe verweist.
Plaster Plugin nun Teil von ACSS
Die Übernahme des Plaster Plug-Ins und des Entwicklers Kristoff hat zu einigen großartigen Verbesserungen geführt.
Gehe zu den Optionen und aktiviere die neuen Einstellungen, damit du einen komplett aufgefrischten Look und den verbesserten Workflow und die Benutzeroberfläche genießen kannst. Die in Plaster eingeführten Updates sind wirklich leistungsstarke neue Funktionen, mit denen du deinen Arbeitsablauf verbessern kannst.
Cheet Sheet Anpassungen
Der Cheet Sheet wurde um eine Funktion erweitert, mit der du Zugriff auf alle Features und Funktionen hast, die in Automatic CSS verfügbar sind. Klicke mit der rechten Maustaste auf das Klasse-Eingabefeld und du siehst alles, was dir im System zur Verfügung steht. Du kannst den Cheet Sheet sogar nutzen, um die gesamte Palette von acss zu durchsuchen.
Kontextabhängige Abstände und Flex Grids
Automatic CSS stellt dir kontextabhängige Abstände in den Padding-Feldern, Space-Variablen in den Margin-Feldern und dasselbe im Gap-Feld zur Verfügung. Dies schafft sehr leistungsfähige Entwicklungsmöglichkeiten mit der Verwendung von benutzerdefinierter Klassenorganisation und den acss-Variablen.
Es wurde auch eine neue Rasterstruktur namens Flex Grids eingeführt, die Flexbox nutzt, um flexible Raster zu erstellen, die einfach zentriert und angepasst werden können. Das ist eine große Verbesserung gegenüber früheren Rasterstrukturen, denn es ermöglicht mehr Flexibilität und Kontrolle über das Layout deiner Inhalte.
Außerdem kannst du die Größe der Abstände ganz einfach ändern, ohne dich um die Berechnungen kümmern zu müssen, die bei Flexbox erforderlich sind.
Formularstyling
Auch das Formularstyling in Automatic CSS wurde deutlich überarbeitet. Es gibt jetzt einen vollständig entwickelten Formularstil mit einem Standardabschnitt für gemeinsame globale Stile für helle und dunkle Modi. Die separaten Abschnitte für helle und dunkle Formularstile können nach Bedarf angepasst werden. So kannst du den Stil deiner Formulare ganz einfach an das Erscheinungsbild deiner Website anpassen – und das alles über das Acss-Dashboard.
Klassenverkettung / Class Chaining
Eine der größten Änderungen in Automatic CSS Version 2.5 ist die Möglichkeit, die Klassenverkettung in Bricks zu deaktivieren. Das bedeutet, dass die CSS-Ausgabe eines jeden Builders viel näher an der gewünschten Ausgabe liegt und du mehr Kontrolle über deine Stile hast. Wir empfehlen dringend, die Klassenverkettung in den Brickseinstellungen zu deaktivieren, um die Funktionen von Automatic CSS voll nutzen zu können.
Ausblick
Automatic CSS wird ständig aktualisiert und innoviert. Für die kommenden Versionen sind neue Funktionen und Features geplant. Wenn du auf der Suche nach einem leistungsstarken und vielseitigen CSS-Framework bist, das deine Entwicklung effizienter macht, bist du bei Automatic CSS an der richtigen Adresse. Mit seinen ständig verbesserten Funktionen und seiner intuitiven Benutzeroberfläche ist Automatic CSS das perfekte Werkzeug für Webentwickler aller Stufen.
Fazit
Zusammenfassend lässt sich sagen, dass Automatic CSS Version 2.5 ein komplett aufgefrischtes und aktualisiertes Look and Feel bietet. Eine Änderung des Farbsystems erweitert die Funktionalität des Systems, während der neu aktualisierte Spickzettel eine ganz neue Welt der Möglichkeiten eröffnet. Die kontextuellen Lücken und Raumvariablen schaffen sehr leistungsfähige Entwicklungsmöglichkeiten. Und schließlich bieten dir die neuen Funktionen in Plaster Zugang zu einem komplett erneuerten Workflow und einer neuen Benutzeroberfläche.
Alles in allem ist die Version 2.5 von Automatic CSS ein umfangreiches Update mit vielen Funktionen, die es dir erleichtern, das System in vollem Umfang zu nutzen. Du kannst deinen Arbeitsablauf effizienter gestalten und alles ist leichter zugänglich und nutzbar. Wenn du also auf der Suche nach einem leistungsstarken und vielseitigen CSS-Framework bist, solltest du dir Automatic CSS auf jeden Fall näher ansehen.
