Volltextsuche
Eine Website für alle Endgeräte: Weblication® Tools für die beschleunigte Umsetzung von Responsive Webdesign
für die beschleunigte Umsetzung von Responsive Webdesign 02. Aug 2013 Mit dem Weblication®-Technologie-Paket für Responsive Webdesign erhalten Sie zahlreiche Werkzeuge zur schnelleren und einfacheren Umsetzung von Responsive Webdesigns - also
Responsive Webdesign
Webdesign Veröffentlichungsdatum: 23. Januar 2014 Änderungsdatum: 21. Juli 2014 weblication responsive webdesign responsive-webdesign breite anpassen Weblication CMS BASE Projekte sind standardmäßig für Responsive Webdesign optimiert.
Responsive Toggler-Navigation anpassen
Umsetzung BASE Classic 1) Allgemeines 2) Erforderliche Komponenten 3) Zusammenspiel der Komponenten 4) Nachrüsten der Responsive-Navigation in älteren Projekten 5) Toggler-Navigation bei allen Bildschirmbreiten nutzen 6) Weitere Hinweise / Zu
Mobile First BASE: Responsive Bilder
dass es inzwischen sehr viele unterschiedlichen Bildschirmgrößen gibt, setzt die Mobile First BASE konsequent auf Responsive Images, um eine optimale Bildqualität bei gleichzeitig minimaler Bildgröße auszuliefern. Funktionsumfang der
BASE (Mobile First): Responsive Bilder
Projektcache zu löschen. Bei Multiprojekten alle Caches der Inhaltsprojekte. 2. Bilder bedingte Container bzw. über responsive Container Gibt es Probleme bei Bildern mit responsive Containern ist es sinnvoll die Bildgrößentabelle anzuschauen
Tabelle über CSS-Only responsive darstellen
auf Grundlage des aktuellen Tabellen Weblics® die gewählte CSS-Only Hauptvariante 0 um die CSS-Only Eigenschaft für responsiveType ergänzt und auf "yes" gesetzt (siehe Beispiel Quelltext unten). Dies aktiviert zur Tabellenmaske die Auswahlbox
Jedem Client sein Bild
erstellt Weblication die notwendigen Größen, um diese je nach Endgerät und Browser des Besuchers auszuliefern. Responsive auf Elementebene Die Auslieferung geschieht auf Basis der tatsächlichen Breite eines Bildes. Hierzu sind keine
Sidebar-Navigation bei mobiler Darstellung
mobiler Darstellung Veröffentlichungsdatum: 20. Oktober 2014 Änderungsdatum: 06. März 2018 navigation sidebar mobile responsive Als Alternative zur klassischen mobilen Aufklappnavigation können Sie über CSS-Only auch eine Sidebar-Navigation
wPicture
um responsive Bilder über das PICTURE-Element zu generieren Funktionen createPicture Erstellt ein Bild über ein PICTURE-Element
wPicture::createPicture
Erstellt ein Bild über ein PICTURE-Element
Über 100 fertige Web-Anwendungen vom Hersteller - responsive, updatefähig, kompatibel
Mausklick in Ihre Webseiten einbinden können. Ihre Vorteile mit Weblication Anwendungen: Alle Weblics® sind bereits responsive optimiert , so dass sie auf allen Endgeräten gut aussehen und Sie keinen Aufwand für die responsive Optimierung
Responsive Webdesign: Weblication® beschleunigt die technische Umsetzung
beschleunigt die technische Umsetzung 30. Okt 2014 Weblication® beschleunigt die technische Umsetzung von responsiven Webpräsenzen - also Websites, die auf allen Endgeräten (Smartphones, iPads, Tablets, Netbooks, Notebooks sowie
BASE Version 2 mit neuen Weblics® verfügbar
ist. Weit über 100 Einzelverbesserungen wurden realisiert. Die wichtigsten Vorteile der neuen BASE Version 2: Responsive Webdesign (inkl. Responsive-Optimierung aller Weblics) Darstellungsvarianten für die Weblics® - die Anzahl wird in
Spaltenbreiten im mehrspaltigen Inhaltscontainer über CSS-Only umsetzen
{ margin-left: 6px; margin-right: 7px} .elementContainerStandardColumns_var255025 .col3 > div { margin-left: 14px} /* Responsive Umsetzung über mediaquery-Angaben bei Bedarf selber definieren */ Beispiel 2: Spaltenvariante 20 / 20 / 20 / 20 / 20,
CSS-Rendering - Inhalte wie Bilder automatisch in passender Breite generieren
Das BASE (Mobile First) Projekt ist zur Bildbreitenberechnung komplett anders umgesetzt und setzt konsequent auf Responsive Images, um eine optimale Bildqualität bei gleichzeitig minimaler Bildgröße auszuliefern (zum Artikel " BASE (Mobile
CSS-Only Referenz
. Mit CSS-Only erstellen Sie rein über CSS individuelle Layouts , individuell gestaltete Anwendungen, Logik sowie responsive Designs. Ihre Vorteile : Sie können beliebig individuell gestaltete Webseiten rein über CSS bauen, ohne Templates zu
Framework
Template auf Basis einer XHTML-Seite Void createXSLFOFromXHTML(String xslFoPath, Strig XHTMLStr) wPicture Klasse, um responsive Bilder über das PICTURE-Element zu generieren createPicture (5) Erstellt ein Bild über ein PICTURE-Element String
Responsive Webdesign: Viel Zeit sparen mit Weblication®
Webdesign: Viel Zeit sparen mit Weblication® 05. Dez 2013 Mit Weblication® sparen Sie viel Zeit bei der Umsetzung von responsiven Webpräsenzen: Das System unterstützt Sie mit zahlreichen fertigen Anwendungen und Funktionen, über die Sie Webseiten
Umstellung bestehender Weblication® Präsenzen auf Responsive Webdesign
Weblication® Version Ihre Präsenzen unverändert weiterführen. Damit sind die Präsenzen allerdings noch nicht im Responsive Webdesign umgesetzt. Es gibt zwei Ansätze , bestehende Weblication® Präsenzen ab Weblication® Version 5 auf ein
Responsive Webdesign mit Weblication® CMS
Tablets, Netbooks, Notebooks sowie hochauflösende Bildschirme. Weblication® Projekte ab Version 7 sind bereits für Responsive Webdesign vorbereitet. So sparen Agenturen bei der Umsetzung viel Zeit. Der Artikel zeigt beispielhaft die Darstellung
130 fertige Weblics® - Web-Anwendungen vom Hersteller - responsive, updatefähig, kompatibel - per Mausklick einbinden
in Seiten einbinden Alle Weblics® binden Sie mit dem Drag&Drop-Editor per Mausklick in Ihre Web-Projekte ein. Responsive optimierte Anwendungen Alle Weblics® sind bereits responsive optimiert, so dass sie auf allen Endgeräten gut aussehen
Responsive Newsletter mit Weblication®
gut lesbar sind, haben wir in der aktuellen BASE-Projektbasis sowie im neusten Newsletter-Weblic® die Vorlagen responsive umgesetzt . Bilder können abhängig von der Bildschirmbreite skaliert Textblöcke werden in der Breite skaliert Beim
Responsive Container: Inhalte abhängig von der Bildschirmbreite ein-/ausblenden
und sind für den Besucher nicht sichtbar, falls er nicht die geforderte Bildschirmgröße hat. Damit lassen sich Responsive Webdesign-Funktionen auf Inhaltsebene umsetzen. Responsive Container Prinzip testen Testen Sie das Prinzip, indem Sie
Barrierefrei-Werkzeuge in Weblication®
getrennt voneinander. Schriftengrößen und Abstände sind relativ angegeben, damit Größenänderungen möglich sind. Responsive Darstellung auf allen Endgeräten, individuelles Eingreifen über diverse Weblication® Werkzeuge und Weblics®
Bilder und Banner für alle Bildschirmgrößen optimal anzeigen
12. Okt 2017 Mit Responsive Images bietet Weblication® mit der Mobile First BASE viele Möglichkeiten, um Bilder responsive optimiert für unterschiedliche Bildschirmgrößen zu veröffentlichen . Dabei nutzt das System Client-Feedback beim
Responsive Websites mit Mobile First für mehr Investitionssicherheit
Je nach Website erfolgt der Aufruf bereits heute überwiegend mit mobilen Endgeräten. Diesem Umstand muss auch das responsive Web-Design Rechnung tragen. Im Zuge einer investitionssicheren Umsetzung sollten Dienstleister heute bereits für ihre
Was sich von Weblication® Version 5, 6, 7, 8, 9,10, 11 bis hin zu Version 12 alles getan hat
Bildausschnitte - Ladezeiten auf mobilen Geräten reduzieren Bildausschnitte bei Bannerbildern im Editor hervorgehoben Responsive Bilder Funktionsumfang der responsive Bilder Responsive Bilder für Redakteure Responsive Bilder für Administratoren
Neu in Weblication® Version 12 - veröffentlicht am 01.07.2017
Bildausschnitte - Ladezeiten auf mobilen Geräten reduzieren Bildausschnitte bei Bannerbildern im Editor hervorgehoben Responsive Bilder Funktionsumfang der responsive Bilder Responsive Bilder für Redakteure Responsive Bilder für Administratoren
Interessante Funktionen des Bild-Elementes in Weblication®
Bildausschnitte - Ladezeiten auf mobilen Geräten reduzieren Bildausschnitte bei Bannerbildern im Editor hervorgehoben Responsive Bilder Automatische Bildbreitenberechnung über Client-Feedback - Responsive Bilder - So funktioniert die
CSS-Only: Individuelle Layouts rein über CSS
. Mit CSS-Only erstellen Sie rein über CSS individuelle Layouts , individuell gestalteter Anwendungen, Logik sowie responsive Designs. Ihre Vorteile: Sie können beliebig individuell gestaltete Webseiten rein über CSS bauen, ohne Templates zu
Bereiche in Seiten über zahlreiche Parameter ein-/ausblenden ohne Programmierung
Über eine zeitgesteuerte Veröffentlichung können Inhalte zu einem bestimmte Zeitpunkt ein- bzw. ausgeblendet werden. ... (Responsive Inhaltscontainer), um Inhalte abhängig von der Bildschirmauflösung ein- bzw. auszublenden Responsive Container, um
Version 12: Überblick einiger Neuerungen für Agenturen und Entwickler
Makros in Suchen & Ersetzen CSS-Quelltext erzeugt automatisch Eingabemasken - am Beispiel der zentralen responsive Breakpoint Aus CSS-Quelltext werden automatisch Eingabemasken erzeugt, so dass die Parameter einer CSS-Datei auch über
Newsletter erstellen und versenden mit Weblication®
Integrierte An-, Abmeldeformulare Double Opt-In HTML Darstellung mit automatischer Generierung der Textversion Responsive Newsletter lassen sich gestalten Nutzung bestehender Seiten- und Elemente-Templates Dynamisches Einbinden bestehender
Newsletter versenden mit Weblication®
Integrierte An-, Abmeldeformulare Double Opt-In HTML Darstellung mit automatischer Generierung der Textversion Responsive Newsletter lassen sich gestalten Nutzung bestehender Seiten- und Elemente-Templates Dynamisches einbinden bestehender
Logik-Container: Häufig benötigte Intelligenz
Hierfür stehen zahlreiche Logik-Container zur Verfügung: Logik-Container ... ..., um Inhalte ein- und auszublenden ... (Responsive Inhaltscontainer), um Inhalte abhängig von der Bildschirmauflösung ein- bzw. auszublenden ..., um Inhalte der mobilen
NEU: Weblication® CMS Version 8 ist da
Neuer Editor mit Dialogmasken ohne Popup-Menüs Vorschaufunktionen für verschiedene mobile Endgeräte zur mobilen und responsive Optimierung Noch mehr Brillianz der generierten Bilder : HD High Definition Picture Rendering für HD-Displays wie z.B.
Was sich von Weblication® Version 5, 6, 7, 8 bis hin zu Version 9 alles getan hat
von Version 8 auf Version 9 Neuer Datei-Explorer Datei-Explorer bedienen mit Smartphones , Tablets und PCs Responsive -optimierte Darstellung Touch -Bedienung Drag & Drop Bildverzeichnisse mit Bildansicht Eingebettete Vorschau auf
Was sich von Weblication® Version 5, 6, 7, 8, 9,10 bis hin zu Version 11 alles getan hat
von Version 8 auf Version 9 Neuer Datei-Explorer Datei-Explorer bedienen mit Smartphones , Tablets und PCs Responsive -optimierte Darstellung Touch -Bedienung Drag & Drop Bildverzeichnisse mit Bildansicht Eingebettete Vorschau auf
Weblication® CMS Version 8 - ab 01.07.2013 final
Neuer Editor mit Dialogmasken ohne Popup-Menüs Vorschaufunktionen für verschiedene mobile Endgeräte zur mobilen und responsive Optimierung Minimierte Datenübertragung im Editor für noch schnelleres Arbeiten Überarbeiteter WYISWYG-Editor mit
Neue Website für den TCS und seine 1,5 Millionen Mitglieder
Club Schweiz) wurde bereits in Dritter Generation mit Weblication® CMS umgesetzt. Realisiert wurde das vollständig responsive Projekt bereits zum dritten Mal von ONFLOW GmbH - Weblication® Partner seit 2002. Einige Highlights:
Kosten sparen in Web-Projekten mit Weblication®
Layout- und Seiten-Erstellung Viele effiziente Tools für die sehr schnelle Umsetzung von Layout, Strukturen, CSS, Responsive Design Extrem hohe Flexibilität beim Erstellen von Web-Seiten Drag & Drop von Elementen statt
CSS-Only: Eine Weblication® Schlüssel-Technologie für mehr Effizienz
CSS-Picture-Rendering: Automatische Bildgrößenberechnung rein über CSS -Einstellungen ohne manuelle Bildbearbeitung Responsive Design rein über CSS ohne Programmierung Oft per Mausklick und bei Bedarf direkt im CSS-Code ändern Sie die
Weblication® Version 9 final verfügbar
Dieser bietet zahlreiche neue effizienzsteigernde Funktionen: Datei-Explorer bedienen mit Smartphones , Tablets und PCs Responsive -optimierte Darstellung Touch -Bedienung Drag & Drop : Dateien verschieben und kopieren Bildverzeichnisse mit
Mit einem Klick zum Seitenanfang
bei Smartphones bei Responsive Webdesign werden Seiten häufig sehr lang. So wird z.B. die Projekteliste unter http://www.scholl.de auf breiten
Klick-Analyse | Weblication CMS Onlinedokumentation
19.x Standard Deprecated Die Klick-Analyse wird seit Januar 2025 nicht mehr unterstützt. Aufgrund diverser Faktoren (Responsive Webdesign, Animationen, Einblendeffekte, etc.) hat die Funktion immer mehr an Bedeutung verloren und wird daher nicht
BASE Projekt - Mobile First | Weblication CMS Onlinedokumentation
hat genau einen Wurzelslektor. Varianten lassen sich direkt in der integrierten Variantenverwaltung installieren. Responsive Dynamische Breakpoints werden über Variablen definiert. Die Bildbreitenberechnung basiert auf den genutzten
Hohe Performance für SEO-Ranking, Nachhaltigkeit und User-Experience mit Weblication®
Bildgrößen aufrufen. Bei Bedarf können dort die existierenden Bildgrößen auch gelöscht bzw. zurückgesetzt werden. Responsive Bilder: So funktioniert die Breitenberechnung Nutzung von WebP für hochoptimierte Bilder Mit dem Bildformat WebP wird
Stadt Worms: 12 Jahre mit Weblication® - mehrere tausend Seiten
Möglichkeiten, die Weblication bietet, wird die Homepage auch immer auf den aktuellen Stand der Technik gehalten (Responsives Webdesign, neue Weblics (z.B. Akkordeon Element) usw.). Damit kann auf aktuelle Trends immer schnell und einfach
10 Jahre HAURATON mit Weblication®
März 2016. Die Gestaltung stammt wieder von neolog Communications, die Umsetzung von Navigate. Ziel war dieses Mal ein Responsive Design, das sich bei Darstellung auf Bildschirmen unterschiedlicher Größe entsprechend anpasst. „Damit greifen wir
Datei bearbeiten | Weblication CMS Onlinedokumentation
die Darstellung unterschiedlicher Bildschirmgrößen auf verschiedenen Endgeräten prüfen. Insbesondere bei responsive Webdesigns zeigt sich eine deutliche Kosten- und Zeitersparnis im Vergleich zur manuellen Prüfung über die