• IT
  • DE
  • EN
Direkt zum Seiteninhalt

Neue Engine für Version 17 von WebSite X5

Blog
Veröffentlicht von Incomedia in WebSite X5 News · Dienstag 08 Jan 2019
Eines unserer bevorzugten Mottos lautet: „Mach Schwieriges einfach.“

Im Grunde ist genau dies das Ziel von WebSite X5, nämlich eine komplexe Aufgabe wie die Erstellung einer Website in mehrere einfache Aufgaben zu gliedern, die auch Personen ohne spezifische Kenntnisse oder Erfahrungen bewältigen können.
Normalerweise beschreiben wir daher keine Codes oder technischen Aspekte. Darum kümmern wir uns, damit Sie sich darauf konzentrieren können, was Sie auf Ihren Webseiten kommunizieren möchten und wie.

Aber die Ausnahme bestätigt ja bekanntlich die Regel. Damit Sie verstehen, woran wir in den vergangenen Monaten gearbeitet haben und warum uns das Release der neuen Version 17 so begeistert, berichten wir hier ausnahmsweise über ein rein technisches Thema: das CSS-Grid-Layout.

„Was ist das CSS-Grid-Layout?“

CSS-Grid-Layout ist das derzeit leistungsstärkste System für das Erstellen von Website-Layouts in CSS.
Es ermöglicht eine hervorragende Positionierung der Inhalte, sowohl horizontal als auch vertikal.

Außerdem können Sie die Anpassung der Seiten auf der Grundlage der Größe von Browserfenstern und/oder Displays von Mobilgeräten besonders einfach verwalten. Alles unter Beibehaltung der semantischen Struktur der Inhalte.

Vertiefende Informationen zu diesem Thema finden Sie in zahlreichen Online-Ressourcen. Dies ist ein guter Ausgangspunkt: https://css-tricks.com/snippets/css/complete-guide-grid/

„Aber was hat das CSS-Grid-Layout mit WebSite X5 zu tun? “

Wir haben die programminterne Engine von WebSite X5 für die Seitenerstellung überarbeitet und dafür das CSS-Grid-Layout verwendet.

Der Motor ist die Kernkomponente, die alles funktionieren lässt. Diese komplett neue Planung und Entwicklung mit einer neuen Technologie war eine begeisternde Herausforderung, der wir uns seit einigen Monaten gestellt haben und die als erstes Ergebnis die neue Version 17 hervorgebracht hat.
Damit aber nicht genug. Wir planen, diese Technik weiterzuentwickeln und mit den kommenden Versionen weitere wichtige Ziele zu erreichen.

„Mit einfachen Worten, was bedeutet die Neuentwicklung der Engine für die Seitenerstellung in WebSite X5 mit CSS-Grid-Layout? “

Es bedeutet: höhere Geschwindigkeit mehr Flexibilität höhere Präzision bessere Kompatibilität.

Gehen wir zur Veranschaulichung einen Schritt zurück und betrachten die Funktionsweise der Engine für die Seitenerstellung, die bis zur Version 16 verwendet wurde.

Diese Engine basierte vereinfacht ausgedrückt auf dem Layout, das im Raster erstellt wurde, und simulierte das Laden der Inhalte, um die Höhe dieser Inhalte zu messen. Auf der Grundlage dieser Werte erstellte die Engine die effektive Seite, die lokal als Vorschau betrachtet oder online gestellt werden konnte.

Wie Sie sich vorstellen können, beanspruchten diese Operationen der Simulation und Berechnung sowohl Rechenleistung als auch Ausführungszeit. Außerdem wurden die Höhenmaße der Objekte gerundet, was innerhalb der Seite zu Ungenauigkeiten in der Ausrichtung sowie in einigen Fällen zu Abweichungen in der Darstellung von Seitenlayouts in verschiedenen Browsern führen konnte.
Mit CSS-Grid-Layout werden diese Probleme an der Wurzel gelöst und die Seitenlayouts werden erstellt, ohne im Hintergrund Simulationen oder Messungen auszuführen. Dadurch ist WebSite X5 nun noch erheblich schneller und stabiler. Da die Höhe der Inhalte nicht mehr berechnet werden muss, ist das Layout darüber hinaus präziser, ohne Abweichungen bei der Darstellung in verschiedenen Browsern.

„Bietet das CSS-Grid-Layout außer der Leistungssteigerung für WebSite X5 noch weitere Vorteile? “

Ja, einen davon sehen Sie schon in Version 17, weitere werden in den nächsten Versionen folgen.
Dank dem CSS-Grid konnten wir in Version 17 eine Funktion implementieren, die sich viele von Ihnen gewünscht haben: die Option, Inhalte in Full Width darzustellen, also über die gesamte Breite des Browserfensters.

Inhalte, wie zum Beispiel eine Bildergalerie oder eine Karte, in Full Width darzustellen, ist nun möglich: Markieren Sie einfach das entsprechende Objekt und klicken Sie auf die Schaltfläche „Erweitern“ in der Werkzeugleiste über dem Layout-Raster.

Weiterführende Informationen finden Sie in dieser Anleitung: So erstellen Sie eine Bildergalerie in Full Width-Ansicht.

„Das heißt, die Vorteile, die CSS-Grid bietet, enden nicht mit Version 17? “

Genau! CSS-Grid kann auch sehr interessante Auswirkungen auf einzelne Objekte und die Verwaltung responsiver Seiten haben. Daran arbeiten wir zur Zeit und Sie werden sehen, dass sich das Warten lohnen wird.

Neben der Entwicklung der neuen programminternen Engine mit CSS-Grid-Layout und der Einführung der Full Width-Ansicht kommt die neue Version 17 von WebSite X5 mit weiteren interessanten Neuigkeiten für Onlineshops und die Suchmaschinenoptimierung. Entdecken Sie allen neuen Funktionen auf der Seite Neuheiten.

Und denken Sie daran: Wenn Sie WebSite X5 mit Update Protection nutzen, ist die Aktualisierung auf Version 17 für Sie kostenlos. Aktualisieren Sie jetzt Ihre Lizenz und nutzen Sie die neuen Funktionen zur Optimierung Ihrer Projekte.

Sollten Sie hingegen WebSite X5 noch nicht besitzen, könnte dies der richtige Moment für einen Kauf sein. Sie können beliebig viele Websites erstellen und mit der Update Protection erhalten Sie für 12 Monate alle neuen Versionen und Updates kostenlos, sobald sie erscheinen. Angebote entdecken.


Zurück zum Seiteninhalt
www.websitex5.com