mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 01:46 Benutzername: Passwort: Auto-Login

Thema: Responsive Webdesign vom 26.09.2013


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Responsive Webdesign
Seite: 1, 2  Weiter
Autor Nachricht
tobi1985
Threadersteller

Dabei seit: 15.05.2013
Ort: Rosenheim
Alter: 38
Geschlecht: Männlich
Verfasst Do 26.09.2013 12:43
Titel

Responsive Webdesign

Antworten mit Zitat Zum Seitenanfang

Auch auf die Gefahr hin dass ich gleich gebannt/gebasht werde:

Thema: Responsive Webdesign

Wo kann ich auf dem Seitenquelltext einer Seite sehen, ob die Seite dafür ausgelegt ist?
Und: generell bei Seiten die dieses Konzept umsetzen:
- keine festen Schriftgrößen und Bildgrößen?
- flexible Layouts?

Wenn ja, wo kann ich das auf dem Seitenquelltext nachprüfen?
  View user's profile Private Nachricht senden
type1

Dabei seit: 19.11.2004
Ort: -
Alter: 44
Geschlecht: Männlich
Verfasst Do 26.09.2013 12:46
Titel

Antworten mit Zitat Zum Seitenanfang

Im ff: Shift strg M. Oder zieh dein Fenster einfach kleiner. Dann siehste ja was passiert.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
remote

Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 110
Geschlecht: Männlich
Verfasst Do 26.09.2013 13:00
Titel

Antworten mit Zitat Zum Seitenanfang

mach dich erstmal kundig, dann kann man auch drüber reden Lächel

guter startpunkt:
http://bradfrost.github.io/this-is-responsive/resources.html
  View user's profile Private Nachricht senden
Karlarsch

Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht: Männlich
Verfasst Do 26.09.2013 13:10
Titel

Antworten mit Zitat Zum Seitenanfang

Da es unterschiedliche Wege gibt RWD zu implementieren (z.B. Media Queries, RESS) gibt es keine wirklich verlässlichen Anhaltspunkte.

Indizien für clientseitig gesteuertes RWD sind i.d.R. Media Queries in den CSS oder Scripte die Ressourcen (z.B. Bilder, CSS, Seitenelemente) abhängig vom Viewport laden. Je mehr die Steuerung jedoch serverseitig stattfindet, desto weniger Indizien werden sich finden lassen.

RWD muss auch nicht bedeuten, dass sich die Seite on-the-fly verändert, wenn du im Browser deinen Viewport änderst. Einige Ansätze gehen auch davon aus, dass der Viewport der beim Betreten einer Seite besteht, beibehalten wird. Bei sämtlichen Smartphones und Tablets ist das zum Beispiel generell der Fall (ich glaube ich habe bisher noch keinen Browser im Fenstermodus auf Smartphone oder Tablet gesehen) und auch die wenigsten Desktop-User skalieren ihren Viewport während sie eine Seite nutzen.

Gruß
Karl
  View user's profile Private Nachricht senden
type1

Dabei seit: 19.11.2004
Ort: -
Alter: 44
Geschlecht: Männlich
Verfasst Do 26.09.2013 13:49
Titel

Antworten mit Zitat Zum Seitenanfang

Karlarsch hat geschrieben:

RWD muss auch nicht bedeuten, dass sich die Seite on-the-fly verändert, wenn du im Browser deinen Viewport änderst. Einige Ansätze gehen auch davon aus, dass der Viewport der beim Betreten einer Seite besteht, beibehalten wird.


Haste da gerade ne Beispiel URL parat? Bedankt!
  View user's profile Private Nachricht senden
tobi1985
Threadersteller

Dabei seit: 15.05.2013
Ort: Rosenheim
Alter: 38
Geschlecht: Männlich
Verfasst Do 26.09.2013 13:57
Titel

Antworten mit Zitat Zum Seitenanfang

type1 hat geschrieben:
Karlarsch hat geschrieben:

RWD muss auch nicht bedeuten, dass sich die Seite on-the-fly verändert, wenn du im Browser deinen Viewport änderst. Einige Ansätze gehen auch davon aus, dass der Viewport der beim Betreten einer Seite besteht, beibehalten wird.


Haste da gerade ne Beispiel URL parat? Bedankt!


Ist das sowas: http://www.dreiwerken.de/

type1 hat geschrieben:

Im ff: Shift strg M. Oder zieh dein Fenster einfach kleiner. Dann siehste ja was passiert.


Wie mach ich das bei nem Mac?
  View user's profile Private Nachricht senden
type1

Dabei seit: 19.11.2004
Ort: -
Alter: 44
Geschlecht: Männlich
Verfasst Do 26.09.2013 14:09
Titel

Antworten mit Zitat Zum Seitenanfang

tobi1985 hat geschrieben:


type1 hat geschrieben:

Im ff: Shift strg M. Oder zieh dein Fenster einfach kleiner. Dann siehste ja was passiert.


Wie mach ich das bei nem Mac?


https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_View
  View user's profile Private Nachricht senden
Karlarsch

Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht: Männlich
Verfasst Do 26.09.2013 14:59
Titel

Antworten mit Zitat Zum Seitenanfang

type1 hat geschrieben:
Haste da gerade ne Beispiel URL parat? Bedankt!


Nicht direkt, aber wenn du dich ein bisschen in RESS einlesen willst ist diese Präsentation ein guter Ausgangspunkt. Sie enthält auch viele weiterführende Links.

Der Ansatz nur einmal den Viewport zu ermitteln ist aber naheliegend. An Studien im UX-Umfeld lässt sich sehr gut sehen, dass nur ein verschwindend geringer Teil der Desktop-User überhaupt auf die Idee kommt seinen Browser nicht im Vollbild zu nutzen. Und von denen verändert wiederum nur ein sehr geringer Teil die Größe seines Viewports.

Da z.B. im E-Commerce Ladezeit = Geld ist geht es hier um die Reduzierung des ausgelieferten Codes um jedes Byte. Beim konsequentem Einsatz von RESS entfallen alle Teile Code die im klassischen RWD via Media Queries für andere Viewports vorgesehen wird und auch die Scripte werde verschlankt und soweit umgebaut, dass jede Seite nur die Scripte bekommt die grade benötigt werden.
Basierend auf den oben erwähnten gewonnen Erkenntnissen werden auch die onresize-Trigger eingespart (welche wohl eh als ADHS-Vertreter der Events angesehen werden müssen und deshalb diverse Spezialbehandlungen benötigen ... aber das ist ein anderes Thema).

Einem konsequenten Einsatz von RESS sieht man RWD auf Clientseite somit i.d.R. nicht an.

Gruß
Karl
  View user's profile Private Nachricht senden
 
Ähnliche Themen Responsive Webdesign
RESPONSIVE WEBDESIGN?
Breakpoints | Responsive Webdesign
Welche Größe und Breakpojnts bei Responsive Webdesign
Responsive Webdesign mit CSS3 Media Queries
Responsive Tester
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.