Volltextsuche
Umsetzung einer Internetpräsenz für mobile Endgeräte in älteren Projekten
älteren Projekten Nutzbar ab: Version Veröffentlichungsdatum: 12. August 2011 Änderungsdatum: 29. August 2016 mobile endgeräte iphone ipad android Während in aktuellen BASE Projekten bereits standardmäßig eine mobile Version enthalten ist,
Banner: Bildausschnitt für kleine Endgeräte anders wählen
Im Standard ist dies mit $viewport_m_min eine Breite von 768 Pixel. Sie können über diese Angabe also bei kleineren Endgeräten einen passenden und aussagekräftigeren Bildausschnitt wählen. Dieser ist auch dann sinvoll, wenn der Info-Layer im
Bild mit unterschiedlichem Seitenverhältnis für Mobilansicht
08. August 2023 Projektgrundlage: BASE Seitenverhältnisse für Bilder auf Desktop-Ansicht können auf mobilen Endgeräten unvorteilhaft sein. Dies können Sie über die entsprechende Untervariante für das Seitenverhältnis beeinflussen. Die
Vorschaubild in Liste mit unterschiedlichem Seitenverhältnis für Mobilansicht
08. August 2023 Projektgrundlage: BASE Seitenverhältnisse für Bilder auf Desktop-Ansicht können auf mobilen Endgeräten unvorteilhaft sein. Dies können Sie über die entsprechende Untervariante für das Seitenverhältnis beeinflussen. Die
Verlinkung von Telefonnummern
geben Sie die Telefonnummer erneut ein, stellen der URI aber das Präfix tel: vorneweg (siehe auch Screen). Aufrufende Endgeräte können durch Klick auf diesen Telefon-Link direkt die auf dem System verwendete Telefon-Anwendung starten.
Responsive Webdesign
Webdesign ( RWD ) . Eine spezielle mobile Darstellung empfehlen wir nur dann, wenn sich die Inhalte für mobile Endgeräte stark von der eigentlichen Webseite unterscheiden sollen. Die in der BASE Projektbasis enthaltene RWD Umsetzung
Responsive Toggler-Navigation anpassen
können Sie die Navigation optimiert für geringere Auflösungen ausgeben. Um den Besuchern Ihrer Webseiten bei kleinen Endgeräten (geringer Bildschirmauflösung) eine optimierte Seitenausgabe zu liefern, sollte auch die Navigation entsprechend an den
Scroll-Fortschrittsanzeige für Seiten
bei langen Seiten / Artikeln macht es Sinn, dem Seitenbesucher den Lesefortschritt anzuzeigen. Auch auf mobilen Endgeräten ist diese Funktion nützlich, damit der Leser motiviert wird, den Beitrag / Text komplett zu lesen. Sowohl die BASE
Performance-Optimierungen
lassen sich allerdings enorme Performance-Verbesserungen bei geringem Aufwand erreichen und so Webserver, Netzwerke und Endgeräte entlasten. Skript-Laufzeit, Webserver-Anfragen und Datenmenge Listen-Cache nutzen Dynamische Inhalte und Cache
Lazy Loading in Listen
reduzieren. Beim Einsatz von HD-Bildern, werden auch diese berücksichtigt und abhängig vom Device-Pixel-Ratio des Endgerätes geladen, sobald sie sichtbar sind. Quelltext eines Lazy Loading Bildes src= " /trans.gif " alt= " " height= " 180 "
Performance der Webseite optimieren
lassen sich allerdings enorme Performance-Verbesserungen bei geringem Aufwand erreichen und so Webserver, Netzwerke und Endgeräte entlasten. Dieser Artikel betrachtet die folgenden drei Bereiche der Performance-Optimierung: 1. Reduzierung der PHP
Lazy Loading in Listen
reduzieren. Beim Einsatz von HD-Bildern, werden auch diese berücksichtigt und abhängig vom Device-Pixel-Ratio des Endgerätes geladen, sobald sie sichtbar sind. Listeneinstellung Allgemein - Lazyload Um Lazy Loading zu nutzen, sind keinerlei
Schriftgrößen zum Projekt festlegen
Basisschriftgröße auch für die unterschiedlichen Breakpoints (M, L, XL) abweichend bestimmen, um z.B. auf mobilen Endgeräten eine andere Schriftgröße zu setzen. Im Standard kann das bezogen auf die dort hinterlegten Breakpoints (M = 768 px, L
Tabelle über CSS-Only responsive darstellen
"Darstellung auf kleinen Bildschirmen". Wenn Sie diese auf "Werte neben Bezeichnungen" setzen, wird eine Tabelle auf Endgeräten mit viewport <= 768 Pixel so ausgegeben, daß die Werte neben dem Label platziert werden. Beispiel: Auszug aus der
Weblication® CMS Version 8 - Start Betaphase
Optimierte Darstellung auch auf schmaleren Bildschirmen Offene JavaScript-API Erweiterte Vorschaufunktionen für mobile Endgeräte Beachten Sie, dass für den neuen 8er Editor aktuelle Browserversionen erforderlich sind. Beim Internetexplorer ist