Sprung zum Inhalt

Webdesign nach Maß von webdesign weisshart

Mein Blog

RSS Feed AbonnementRSS 2.0 Feed

zum Archiv und den Kategorien

Die RWD-Lüge - Betrug am Kunden

Donnerstag, 12. März 2015

Web-Agenturen, die Responsive Web Design RWD für teueres Geld verkaufen, ziehen häufig den Besuchern der RWD-Website das Geld aus der Tasche. Den Grund dafür habe ich schon mehrfach thematisiert: Die Seiten werden zwar für die kleinen Displays von mobilen Geräten angepasst, aber dennoch auch im Mobilfunknetz Daten übertragen, die auf Smartphones gar nicht benötigt werden.
Ein Beispiel: (Ich erlaube mir die Wahl dieses Beispiels, weil die für das Beispiel zuständige Agentur explizit für RWD wirbt, z. B. in einem Kommentar in meinem Artikel.)
Jeder Aufruf der (fast 3 MB schweren) Startseite von pluswork.ag im mobilen Netz kostet ca. 0,30 €.

0,30 € mag nicht dramatisch erscheinen, aber es summiert sich, und freut die Mobilfunkprovider. Und manch einer, der hin und wieder mobil surft, wundert sich, wie schnell sein im Tarif enthaltenes Datenvolumen verbraucht ist.

Dass es besser geht, zeige ich mit meiner Demo. Der Besuch dieser Seite im Mobilfunknetz kostet nur 1 Cent.

Wer selbst testen will: webpagetest.org, dort den Test mit einem Smartphone durchführen, und in den Ergebnissen auf das $-Zeichen in der Spalte Costs klicken.

Screenshot
Die Ergebnisse von webpagetest.org (Ausschnitt)

CSS float und RWD

Dienstag, 3. März 2015

Die CSS-Eigenschaft float wird gerne eingesetzt, um Bilder von Text umfließen zu lassen. So weit, so gut.
Auf kleinen Bildschirmen kommt es jedoch häufig zu einem unerwünschten Layout-Problem:

Screenshot
Der Text "Lorem ipsum dolor sit amet" besteht aus kurzen Wörtern, und wird wunschgemäß neben dem (gefloateten) Bild angezeigt. Das Wort "consetitur" jedoch ist länger als der verfügbare Raum, und wird unter das gefloatete Bild geschoben.

tl;dr: Nur Webworker, die eine Lösung für das gezeigte Problem suchen, lesen ab hier weiter:
weiterlesen…


Archiv:

Kategorien:

Creative Commons Lizenzvertrag
Alle Texte (nicht Bilder!) Creative Commons CC BY-NC-SA 3.0 DE