Responsive Optimierung

[2bdesign]

Hallo,

wer hat kapazitäten frei um meine selbstprogrammierte Seite für mobile devices zu optimieren?
bei interesse schicke ich die URL per Mail.

es ist Version 3.2

Das Basis Template wurde mit tutorials von Harry Boldt Programmiert und sollte für einen guten Cssler keine Herausforderung sein.
evtl neues Mobile Menu und entfernen von fixen Größen

Gruß

2bdesign

[mlweb]

Das ist eher etwas für den Bereich "Bezahlte Unterstützung (kleine Aufträge)". Wobei so etwas nicht mal immer ein Kleinauftrag ist.

sollte für einen guten Cssler keine Herausforderung sein.
evtl neues Mobile Menu und entfernen von fixen Größen

So etwas liebe ich immer ganz besonders. Wahrscheinlich bin ich da auch kein Einzelfall.
Ein bischen mehr steckt schon hinter responsive Design und Optimierung für mobile Geräte.
Klar kann man auch irgendwas zusammenschustern, aber das hat dann nichts, aber auch gar nichts mit "responsiver Optimierung" zu tun.

Nachtrag: Ich glaube mal, dass ich bei meiner kleinen Recherche die richtige Website erwischt habe. Ich glaub da ist wie erwartet einiges zu tun. Ein sauberer Umbau einer Website von reiner Desktopversion mit fester Breite auf responsive Website ist nahezu immer mit einem Nauaufbau zu vergleichen. Als Tip wenn Du es bei Kleinaufträgen einstellst, dann schreib die Website dazu. Die Leute wollen meist abschätzen können wie groß der Aufwand ist.

[2bdesign]

sorry,

den beitrag hätte ich tatsächlich dort erstellen sollen.

Dann werde ich wohl selber hand anlegen müssen und alles von vorne starten.
Ich kriege leider schon einen krampf wenn die Installation von 4.2 nicht funktioniert.
Ein Neues Menu, den Banner zerschneiden und eine Responsive Touch optimierte Gallerie, dann fixe breiten aus dem Maincontainer durch prozente eingeben. evtl 2 breakpoints einbauen.

damit wäre ich schon zufrieden gewesen--


trotzdem danke.

[Andreas]

dann fixe breiten aus dem Maincontainer durch prozente eingeben.

Am einfachsten ist es, wenn du statt width, max-width benutzt. Prozentwerte müssen auch immer sehr gut überlegt sein. Wenn ich mit meiner Monitorauflösung von 9000px Breite komme und der Mainbereich hat 50%, dann sind das immerhin 4500px. Da möchte ich lieber keinen Fließtext lesen, wenn die Zeilen so lang sind.

[tab]

Du bekommst bei deinem Browserfenster dann einfach Schriftgröße 64px als Basis gesetzt, dann ist dein Browserfenster nicht mehr zu breit für den Fließtext und die Schrift auch ohne Lesebrille bequem zu lesen . Oder du setzt dich einfach ein paar Meter weiter weg von deinem Monitor, dann ist die Schriftgröße genau richtig..

[Samson1964]

Du bekommst bei deinem Browserfenster dann einfach Schriftgröße 64px als Basis gesetzt, dann ist dein Browserfenster nicht mehr zu breit für den Fließtext und die Schrift auch ohne Lesebrille bequem zu lesen . Oder du setzt dich einfach ein paar Meter weiter weg von deinem Monitor, dann ist die Schriftgröße genau richtig..

Den Tip muß ich mir merken . Aktuell habe ich einen Fall, wo der Websitebetreiber nahezu keine Ahnung von HTML und CSS hat, aber auf Responsive rumreitet und sich irgendwas zusammenschustert. Dabei möchte er keine Maximalbreite seiner Seite festlegen. Alles soll überall floaten. Mein Argument mit Riesenmonitoren ließ er nicht gelten, weil seiner mit 1920px schon das Maximum ist, was angeblich so üblicherweise verwendet wird.

[tab]

Na, wenn 1920px seiner Meinung nach eh das Maximum ist was üblicherweise verwendet wird, dann wird er ja nichts dagegen haben, wenn die Maximalbreite des Inhalts wenigstens auf 1920px festgelegt wird . Wobei, je nach Inhalt der Seiten kann ich mir schon Layouts vorstellen, die die volle Breite des Browserfensters sinnvoll nutzen. Z.B. bei einer Galerie oder bei Nachrichtenseiten, da könnte man für die Einzelnachricht eine Maximalbreite festlegen wegen der Lesbarkeit und dann die Nachrichten floaten (der per Flexbox, Masonry oder was auch immer im Stil einer Zeitung anordnen. Aber wenn halt auf einer Seite nur begrenzt Inhalt verfügbar ist... auch ein 10-spaltig ausgegebener Fließtext sieht blöd aus, wenn jede Spalte nur aus wenigen Zeilen besteht.

[mlweb]

Machen kann man vieles, aber nur

Ein Neues Menu, den Banner zerschneiden und eine Responsive Touch optimierte Gallerie, dann fixe breiten aus dem Maincontainer durch prozente eingeben. evtl 2 breakpoints einbauen.

ist eben keine responsive Optimierung und selbst einfache Anpassungen die allenfalls zu einem flexiblen Layout führen, werden Zeit und damit Geld kosten. Aus Erfahrung kann auch so etwas zu im Vorfeld nicht bedachten Problemen führen.

[Andreas]

Mit den 9000px war auch nur ein Beispiel um zu zeigen, dass Prozente nicht das Allheilmittel sind

Die Darstellung muss abhängig vom Inhalt überdacht werden. Die Monitorbreite soll ausgenutzt werden wo es Sinn macht, Fließtextzeilen sollen eine angenehme Länge haben, das Design soll gut (einladend) aussehen. Breakpoints nicht anhand von Gerätegrößen setzen, sondern dort wo es Sinn macht.

Max-width mit Pixeln (meistens nur auf dem Wrapper), ändern von Float und Flexbox scheinen mir da grundsätzlich die wichtigsten Basics zu sein. Dann noch hier und da kleinere Anpassungen in Bezug auf Abstände und was sonst noch zu optimieren wäre oder unangenehm auffällt.

Ausklapp-Touch/Click-Navigation ab einem bestimmten Breakpoint (wenn überhaupt nötig), Navis vorher auch schon touch/click-geeignet.

Wenn man will dann noch mit den PICTURE-Möglichkeiten (extended Bildgrößen) von Contao arbeiten (das wäre ne echte Ladezeitoptimierung). (ps Polyfill muss nicht geladen werden! Das ist ein falscher Hilfetext.).