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

Beitrag lesen

@@Gunnar:

nuqneH

Ich kürze das hier mal ab. Vieles habe ich in der Antwort auf Mathias Post ja bereits geschrieben.
Auf die Geschichte mit dem "Workflow" möchte ich gar nicht weiter eingehen, denn ist ein eigenständiges Kapitel, das mit dem Punkt, um den es mir hier geht, nicht direkt etwas zu tun hat.

Und es macht sicherlich auch einen Unterschied, ob es sich um eine "Mehr-User" oder "Einzel-User" Abteilung handelt.

Und auch du bist hier im Prinzip nicht auf die Unterschiede (Vor- & Nachteile) der beiden unterschiedlichen Strategien ('overlapping' <-> 'stacking') eingegangen!

Das taten andere.

Sorry, aber der Artikel ist mit Verlaub "für die Tonne".
Ich kannte den Artikel auch schon, weil er (leider), wenn man nach "overlapping vs. stacking" sucht, meist mit ganz oben auftaucht.

Die Auflistung der "Pros and Cons" ist bestenfalls als "unvollständig" zu bezeichnen.

Die "Schlussfolgerung/ Entscheidung" basiert mehr auf "Bauchgefühl" und "Annahmen", als dass sie objektiv untermauert wäre.

Abschließend möchte ich mal kurz zusammenfassen:

Wie alleine schon unsere Diskussion hier gezeigt hat, scheint es in der Praxis keine einheitliche Vorstellung davon zu geben, was genau denn nun eigentlich unter "Mobile first" zu verstehen ist.
Das alleine macht die Verwendung dieses Begriffs schon "problematisch".

Wie viele Beiträge im Netz zeigen, verstehen viele/ einige darunter aber zumindest auch immer den Aufbau des CSS Layouts per 'overlapping MQs'.
Diese Vorgehensweise kann keinesfalls "pauschal" immer als die Beste angesehen werden. Vielmehr sollte man im jeweiligen Einzelfall entscheiden!

Auch ob bei der "Planung" immer vom KAV (kleinsten anzunehmenden Viewport) ausgegangen werden sollte, darf man zumindest in Frage stellen, wenn nicht gar verneinen!

Progressive enhancement so zu interpretieren, dass man größere Viewports als "enhancement" ansieht, kann man machen, muss man aber nicht.
Monochrome/ Farbe und Display Auflösung fallen z.B. für mich darunter. Die Viewportgröße nicht, denn auf vielen Geräten ist diese u.a. ja auch veränderbar.
Progressive enhancement ist für mich ein eigenständiger Punkt/ Aspekt (den man immer berücksichtigen sollte), der nicht zwingend mit "Mobile first" verbunden ist. Vielmehr ist er_auch_ein Bestandteil von "Mobile first".

Wenn ich mir diese drei Punkte angucke, dann stellt sich mir die Frage, ob "Mobile first" wirklich so ein "gelungenes Konzept" (oder als was man das auch immer bezeichnen will) ist!?

Es geht doch in der Praxis nicht um "Mobile first" vs. "Desktop first". Allenfalls um "Content & User Experience (first)". Wobei ich das Wort "first" in allen Fällen "unschön" finde, da es im Prinzip immer um eine Site als Ganzes geht - aber mit irgendetwas muss man ja anfangen.

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