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

Beitrag lesen

Hallo!

Prominentestes Beispiel: http://css-tricks.com/logic-in-media-queries/

Das bezieht sich auf die konkrete Anwendung von Media Queries. Es beschreibt, in welcher Reihenfolge und mit welcher Logik sich MQs notieren lassen. Deshalb gibt es dort auch »mobile first« *und* »desktop first«. Das bezieht sich lediglich auf die Reihenfolge, wie Styles überschrieben werden. Man hätte es genauso »small overrides wide« oder »wide overrides small« nennen können.

Nein, es impliziert, dass man unter "Mobile first" die Verwendung von 'overlapping min-width MQs' versteht.

Was ja auch viele User tun ...!

Das sind basale MQ-Techniken, mehr nicht. CSS Tricks ist kein Magazin, in dem Konzept- und Designentscheidungen diskutiert werden.

Es hat aber nicht nur bei Google einen ziemlich "hohen Stellenwert".

Wenn ich von »Mobile First« spreche, meine ich das Produkt- und Designkonzept von Luke Wroblewski.

Sorry, aber ich habe das Buch immer noch nicht ...! Insofern weiß ich jetzt immer noch nicht mehr ...!

Also muss, um Missverständnisse zu vermeiden, jeder dazuschreiben, was er jetzt genau unter "Mobile first" versteht ...?

Und ehrlich gesagt halte ich es auch für etwas "realitätsfremd" bestreiten zu wollen, dass der Begriff "Mobile first" sehr häufig als Synonym für genau diese MQ-Technik verwendet wird.

Bezeichnenderweise gibt es auch weder in der Englischen, noch in der Deutschen Wikipedia einen Artikel "Mobile first". Vielmehr taucht es lediglich in der Englischen Ausgabe unter "Responsive Web Design" auf.

Natürlich ist das mit obigen MQs verwandt, aus den genannten Gründen. Sie gehen oftmals miteinander Hand in Hand gehen, sind aber nicht identisch.

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?

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