Hinter den Kulissen nimmt das WebAcappella Fusion-Team die letzten Anpassungen am Service Pack 4 vor. Bevor es erscheint, geben wir einen kleinen Einblick: zwei neue flexible Container, vier neue Komponenten (Schaltfläche, Medaillons, Tabelle, Akkordeon), ein Editor für den Shape Divider mit Farbverläufen und eine direkte Suche im Ressourcen-Picker. Hier ein Überblick über das, was Sie erwartet.
Zwei neue Container für mehr Freiheit beim Layout
Elemente in einem perfekt regelmäßigen Raster anordnen oder sie adaptiv entsprechend der verfügbaren Breite verteilen: Diese beiden Layoutlogiken erfordern heute noch Umgehungslösungen. SP4 wird zwei neue Container einführen, die sich unterscheiden und ergänzen, wobei jeder einem bestimmten Bedarf entspricht.
Das Raster
Das Raster ermöglicht ein Layout mit perfekt gleichmäßigen Spalten und Zeilen sowie kontrollierten Abständen. Ideal für Produktgalerien, Team-Raster, Sammlungen von Erfahrungsberichten oder jede symmetrische Anordnung von Elementen, bei der visuelle Regelmäßigkeit im Vordergrund steht.
Der FlexLayout-Container
Basierend auf dem CSS-Flexbox-Modell verwaltet der FlexLayout-Container adaptive Anordnungen: horizontale oder vertikale Ausrichtung, Aufteilung des verfügbaren Platzes, automatischer Zeilenumbruch auf schmalen Bildschirmen. Das perfekte Werkzeug für Abschnitte, in denen jedes Element seine eigene Logik beibehält und sich gleichzeitig an den ihm zur Verfügung stehenden Platz anpasst.
Die beiden Container ersetzen sich nicht gegenseitig. SP4 bietet Ihnen endlich für jeden Fall das richtige Werkzeug – und genau diese Unterscheidung macht den entscheidenden Unterschied bei der Erstellung moderner Layouts aus.
Vier neue Komponenten
SP4 erweitert die Bibliothek um vier neue Komponenten: Schaltfläche, Medaillons, Tabelle und Akkordeon. Sie wurden so konzipiert, dass sie umfangreiche Einstellungsmöglichkeiten bieten und sich nahtlos in die neuen flexiblen Container integrieren lassen.
Schaltfläche
Die neue Schaltflächen-Komponente wird alle modernen Anpassungsoptionen bieten: Positionierung des Symbols, getrennte Hover- und Aktiv-Zustände, adaptives Verhalten im Flex-Kontext, pixelgenau konfigurierbare Innenränder sowie Unterstützung für dynamische Farben aus der Website-Palette. Sie wird die aktuelle Komponente bei neuen Projekten ersetzen.
Medaille
Die Medaillons kombinieren ein kreisförmiges Bild, einen Titel, einen Untertitel und einen Link in einem kompakten visuellen Format. Die ideale Komponente, um ein Team, Erfahrungsberichte, Zertifizierungen oder eine Reihe von Partnern hervorzuheben, mit einer harmonischen Darstellung unabhängig von der Anzahl der Elemente.
Tabelle
Die Komponente „Tabelle“ ermöglicht die Darstellung strukturierter Daten – Preise, Vergleiche, technische Datenblätter, Zeitpläne – mit einer detaillierten Verwaltung von Zellen, Kopfzeilen, Rahmen und responsivem Verhalten auf Mobilgeräten. Damit lassen sich Workarounds auf Basis gestapelter Spalten durch eine echte, übersichtliche und barrierefreie Tabelle ersetzen.
Akkordeon
Mit dem Akkordeon lassen sich Inhalte strukturieren, die per Klick ein- und ausgeklappt werden können. Perfekt für FAQs, detaillierte Merkmalslisten, Verkaufsbedingungen oder jeden umfangreichen Abschnitt, in dem man Zugriff auf viele Informationen gewähren möchte, ohne die Seite optisch zu überladen. Jedes Feld öffnet sich unabhängig mit flüssigen Übergängen.
Shape Divider: Grafische Gestaltung ohne Eingriff in das CSS
Form-Trennlinien – Wellen, Kurven, Diagonalen, Dreiecke – sind auf modernen Websites unverzichtbar geworden. Sie ermöglichen es, zwei Abschnitte mit unterschiedlichen Farben ohne abrupten Schnitt miteinander zu verbinden. Derzeit erfordert ihre Erstellung in WebAcappella Fusion oft einen Eingriff in das benutzerdefinierte CSS. SP4 wird einen Shape-Divider-Editor direkt in die Einstellungen der Boxen integrieren.
Das Prinzip ist einfach: Sie wählen die Form aus, passen ihre Höhe und Ausrichtung an und personalisieren dann ihre Darstellung mit bis zu drei Farbverlaufsbereichen, um farbenreiche Übergänge zu erzielen – vom sanften Zweifarbverlauf über subtile Nuancen zwischen zwei Abschnitten bis hin zum mehrfarbigen Verlauf. All dies mit einer Echtzeit-Vorschau im Editor.
Der Shape Divider lässt sich oben, unten oder an beiden Seiten einer Box anwenden. So lassen sich strukturierte Abschnitte erstellen, die mit ihren Nachbarn interagieren, ohne dass Hintergrundbilder manuell übereinandergelegt werden müssen.
Suche im Ressourcen-Picker
Wenn sich in Ihren Projekten Hunderte von Bildern und Dateien ansammeln, kann es mühsam werden, das richtige Element zu finden. SP4 fügt eine Suchleiste direkt in den Ressourcen-Picker ein: Sie geben einen Teil des Namens ein, und das Ergebnis wird sofort gefiltert.
Die Suche gilt sowohl für Bilder als auch für Dateien, die dem Projekt angehängt sind. Eine kleine Ergänzung, die jedoch sofort Zeit spart, sobald die Medienbibliothek mehr als ein paar Dutzend Elemente umfasst.
SP4 ist in jeder ab heute gekauften oder aktualisierten Lizenz enthalten
Ab heute berechtigt jeder Kauf oder jedes Update einer WebAcappella Fusion-Lizenz automatisch zum Erhalt des Service Pack 4, sobald dieses verfügbar ist. Es sind keine weiteren Schritte erforderlich: Ihre Lizenz gewährt Ihnen direkt nach Veröffentlichung Zugriff auf alle in diesem Artikel vorgestellten Neuerungen.
Wenn Sie gerade dabei waren, Ihre WebAcappella Fusion-Lizenz zu kaufen oder zu verlängern, ist jetzt der richtige Zeitpunkt: SP4 wird automatisch und ohne zusätzliche Kosten integriert, sobald es verfügbar ist.
Bis bald
SP4 wird einen wichtigen Meilenstein in der Entwicklung von WebAcappella Fusion darstellen. Mit den neuen flexiblen Containern und der Überarbeitung der Komponenten wird das gesamte Layout-Arsenal an Kohärenz und Leistungsfähigkeit gewinnen. Die Veröffentlichung rückt näher – bleiben Sie dran, alle Details folgen in einem kommenden Artikel, sobald das Service Pack verfügbar ist.