Gunther: [SASS] mixin @media rule Verknüpfung der Expressions?

Beitrag lesen

Hallo,

Was grenzt denn dann bitte "Mobile first" von "RWD" ab, bzw. was sind die Unterschiede?
Nur dass ich bei der Layout- und Inhaltsplanung vom KAV ausgehe?

Responsive Design heißt erst einmal, dass ich unterschiedlichen Geräten angepasste Layouts gebe. Mobile First umschließt das, aber noch mehr:

http://www.lukew.com/ff/entry.asp?933
http://bradfrostweb.com/blog/mobile/the-many-faces-of-mobile-first/

Danke, das sorgt doch für etwas mehr Klarheit, was du meinst.

Und da sind wir aber auch schon gleich beim nächsten "Problem" von "Mobile first" ...!

Denn ich glaube, dass Luke seinerzeit unter dem Begriff "Mobile" im Wesentlichen nur Geräte mit kleinem Viewport, Touchscreen und "langsamer" GPRS Verbindung im Sinn hatte.

Wie definierst du denn heutzutage "Mobile"?

  • Geräte mit kleinem Viewport? => nicht notwendigerweise, siehe Tablets
  • Geräte mit Touchscreen? => nicht notwendigerweise, siehe Notebooks mit Tochscreen und/ oder Maus
  • Geräte mit Datenverbindung über das Mobilfunknetz (GPRS, HSDPA, LTE)? => nicht notwendigerweise, viele User verwenden ihre Smartphones und Tablets in WLAN Netzen

Ja, bei der Inhaltsplanung wird von Mobilgeräten ausgegangen – nicht notwendig vom kleinstmöglichen Viewport.

Sorry, aber das liest sich für mich bspw. in dem Artikel von Brad Frost ganz anders ...!

Viewports auf Mobilgeräten sind nicht mehr so klein. Selbst die üblichen 320px Breite sind bei einer Device-Pixel-Ratio von 2 oder 3 und entsprechenden Displaygrößen ziemlich viel.

Siehst du! Du schreibst ja schon selber:"Viewports auf Mobilgeräten sind nicht mehr so klein.".
Zusätzlich sei nochmal auf meine obige Frage verwiesen.

Und dann frage ich mich, wie viel ist dann noch von "Mobile first" übrig, bzw. welchen Sinn macht es (noch)?

Hinzukommt, dass zu der Zeit, wo Luke den Begriff samt zugehörigen Konzept "erfunden" hat, es noch (Desktop) Browser gab, die man durchaus seinerzeit noch unterstützen sollte, die von Hause aus keine MQs verstanden haben (IE 8).
Aber auch dieser Punkt ist heutzutage nicht mehr relevant, da man bei der Unterstützung des IE 8 und der Verwendung von HTML5 sowieso auf Javascript angewiesen ist, und somit auch auf entsprechende Polyfills für MQs zurückgreifen kann.

Gruß Gunther

0 84

[SASS] mixin @media rule Verknüpfung der Expressions?

Gunther
  • css
  1. 1
    Gunnar Bittersmann
    1. 0
      Gunther
      1. 0
        Gunnar Bittersmann
        1. 0
          Gunther
          1. 0

            Korrektur: Geht doch ohne 'unquote()'

            Gunther
          2. 0
            Gunnar Bittersmann
            1. 0
              Gunther
              1. 1
                Gunnar Bittersmann
                1. 0
                  Gunther
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Gunnar Bittersmann
                    2. 0
                      Gunther
                  2. 0
                    molily
                    1. 0
                      Gunnar Bittersmann
                    2. 0
                      Gunther
                      1. 0
                        molily
                        1. 0
                          Gunther
                          1. 0
                            molily
                            1. 0
                              Gunther
                              1. 0
                                molily
                                1. 0
                                  Gunther
                            2. 0

                              Mobile First

                              molily
                              • design/layout
            2. 0
              Gunnar Bittersmann
            3. 0
              Gunnar Bittersmann
              1. 0
                Gunther
                1. 0
                  Gunnar Bittersmann
              2. 0
                molily
                1. 0
                  Gunther
                  1. 0
                    Gunnar Bittersmann
                  2. 0
                    Gunnar Bittersmann
                  3. 0

                    gelesene Postings hervorheben

                    Gunnar Bittersmann
                    • zu diesem forum
                    1. 0
                      Gunther
                2. 0

                  "Lücke" in stacked MQs detektieren

                  Gunther
                  • javascript
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Gunther
                  2. 0
                    molily
            4. 0

              Wert der Basis-Schriftgröße

              Gunther
              1. 0
                Gunnar Bittersmann
                1. 0
                  Gunther
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Gunther
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Gunther
                          1. 0
                            Gunther
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                Gunther
                                1. 0
                                  Gunnar Bittersmann
                                  1. 0
                                    Gunther
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        Gunther
                                        1. 0
                                          Gunnar Bittersmann
                                          1. 0
                                            Gunther
                                            1. 0
                                              Gunnar Bittersmann
                                              1. 0
                                                Gunnar Bittersmann
                                                1. 0
                                                  Gunther
                          2. 0
                            Gunnar Bittersmann
                            1. 0
                              Gunther
                              1. 0
                                Gunnar Bittersmann
                        2. 0
                          Gunnar Bittersmann
                        3. 0
                          Gunnar Bittersmann
                          1. 0
                            Gunnar Bittersmann
        2. 0
          Gunnar Bittersmann
          1. 0
            Gunther
            1. 0
              Gunnar Bittersmann
              1. 0
                Gunther
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Gunther
        3. 0
          molily
          1. 0
            Gunther
            1. 0
              molily
              1. 0
                Gunther
            2. 1
              Gunnar Bittersmann
              1. 0
                Gunther
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Gunther
                  2. 0
                    molily
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        Gunther
      2. 0
        molily
        1. 0
          Gunther
          1. 0
            molily
    2. 0
      Gunnar Bittersmann
      1. 0
        Gunther