Gunnar Bittersmann: Umbruch mit bootstrap

Beitrag lesen

problematische Seite

@@at

Also muss er die Position der Inhaltselemente untereinander im Blick haben. Hat er ohnehin lieber, denn er verschiebt sie ja in der Regel mittels Klicken-und-Ziehen statt Eingabefeldern.

Ja, drag and drop kann man als progressive enhancement obendrauf tun.

Das CMS generiert das Element mit style="grid-column: 2 / span 2; grid-row: 3 / span 1".

Inline-Styles, weshalb ich da nicht selbst drauf gekommen bin⁈

Ich hätte im gleichen Atemzug noch Inline-Styles verteufeln sollen. Ach, hatte ich ja schon.

Inline-Styles sind böse, wenn die Angabe der Darstellung im Markup gepflegt wird. Hier liegt der Fall aber anders. Die Angabe der Darstellung wird gar nicht im Code, sondern im GUI des CMS getätigt. Wo das CMS den Code dafür letztendlich hinpackt, ist ziemlich egal.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
0 135

Umbruch mit bootstrap

FrankMe
  • bootstrap
  1. 1
    Gunnar Bittersmann
    • bootstrap
    • flexbox
    • grid
    1. 3
      Gunnar Bittersmann
      1. 0
        Gunnar Bittersmann
        • bootstrap
    2. 0
      Gunnar Bittersmann
      • barrierefreiheit
      • html
      1. 2
        marctrix
        1. 0
          Gunnar Bittersmann
          • barrierefreiheit
          • bootstrap
          • html
          1. 0
            marctrix
            1. 0
              at
              1. 1
                Gunnar Bittersmann
                1. 5
                  dedlfix
                  1. 2
                    Christian Kruse
                  2. -1
                    Gunnar Bittersmann
                    1. 0
                      marctrix
                    2. 1
                      dedlfix
                      1. 0
                        Gunnar Bittersmann
                    3. 0
                      Tabellenkalk
                      • bootstrap
                      • menschelei
                      • sprache
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Tabellenkalk
                  3. 1
                    at
                2. 0
                  at
              2. 0
                marctrix
                1. 1
                  Gunnar Bittersmann
                2. 1
                  at
                  1. 0
                    marctrix
                    1. 2
                      Gunnar Bittersmann
                  2. 1
                    Gunnar Bittersmann
                    • bootstrap
                    • grid
                    1. 1
                      at
                3. -1
                  Gunnar Bittersmann
                  • bootstrap
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      marctrix
                    2. 0
                      at
                      1. 1
                        Gunnar Bittersmann
                    3. 1
                      Matthias Apsel
                      1. 0
                        Christian Kruse
                        1. 0
                          Matthias Apsel
                          1. 0
                            at
                      2. 0
                        Gunnar Bittersmann
              3. 1
                Gunnar Bittersmann
                • bootstrap
                • css
                • html
                1. 0
                  at
            2. 0
              Gunnar Bittersmann
              • bootstrap
              • html
    3. 0
      at
      1. 0
        Gunnar Bittersmann
        • bootstrap
        • html
        1. 0
          marctrix
          1. 0
            Gunnar Bittersmann
            • html
            1. 0
              marctrix
              1. 1

                Leere Listen

                Matthias Apsel
                1. 0
                  Matthias Apsel
                2. 0
                  marctrix
        2. 0
          at
      2. 0
        marctrix
        1. 0
          at
          1. 0
            marctrix
            1. 0
              at
              1. 0
                marctrix
                1. 0
                  at
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      at
                      1. 0
                        marctrix
                        1. 1
                          Christian Kruse
                          1. 0
                            marctrix
                            1. 0
                              Christian Kruse
                              1. 0
                                marctrix
                                1. 1
                                  Gunnar Bittersmann
                                  • bootstrap
                                  1. 0
                                    marctrix
                                2. 2
                                  at
                                  1. 0
                                    marctrix
                                    1. 0
                                      at
                                      1. 0
                                        Gunnar Bittersmann
                                      2. 0
                                        marctrix
                                  2. 0
                                    Gunnar Bittersmann
                                    • barrierefreiheit
                                    • links
                                    1. 0
                                      dedlfix
                                      1. 0
                                        Gunnar Bittersmann
                                        • sprache
                                        1. 0
                                          Gunnar Bittersmann
                                          • sonstiges
                                      2. 0
                                        Matthias Apsel
                                        • menschelei
                                  3. 0
                                    Gunnar Bittersmann
                                    • barrierefreiheit
                                    • sprache
                                    1. 0
                                      at
                                      1. 0
                                        Gunnar Bittersmann
                          2. 0
                            Gunnar Bittersmann
                            • design
                            1. 2
                              Christian Kruse
                              1. 0
                                Gunnar Bittersmann
                                1. 2
                                  Christian Kruse
                                  1. 1
                                    Gunnar Bittersmann
                                    1. 2
                                      Christian Kruse
                                      1. 0
                                        marctrix
                                        1. 0
                                          Christian Kruse
                                          1. 0
                                            marctrix
                                            1. 0
                                              Tabellenkalk
                                            2. 0
                                              at
                                              1. 0
                                                marctrix
                                                1. 0
                                                  at
                                                  1. 0
                                                    marctrix
                                                    1. 0
                                                      marctrix
                                            3. 0
                                              Christian Kruse
                                              1. 0
                                                marctrix
                                                • design
                                                • meinung
                                                1. 0
                                                  Christian Kruse
                                                  1. 0
                                                    marctrix
                        2. 0
                          at
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Gunnar Bittersmann
                              • menschelei
                              1. 0
                                Matthias Apsel
                                1. 0
                                  Gunnar Bittersmann
                                  1. 1
                                    Gunnar Bittersmann
                                    1. 1
                                      MudGuard
                                      1. 0
                                        Gunnar Bittersmann
                                        1. 0
                                          dedlfix
                                        2. 0
                                          MudGuard
                                          1. 0
                                            Gunnar Bittersmann
                                      2. 0
                                        Gunnar Bittersmann
                                        1. 0
                                          Tabellenkalk
                              2. 0
                                marctrix
                          2. 0
                            marctrix
                            1. 0
                              Christian Kruse
                            2. 0
                              Christian Kruse
                        3. 0
                          Gunnar Bittersmann
                          • html
                      2. 1
                        Gunnar Bittersmann
                        1. 0
                          marctrix
                          1. 0
                            at
                            1. 0
                              marctrix
                              1. 0
                                at
                                1. 0
                                  marctrix
                              2. 1
                                Gunnar Bittersmann
                                1. 0
                                  marctrix
                                  • bootstrap
                                  • sass
                            2. 1
                              Gunnar Bittersmann
                        2. 0
                          at
                          1. 1
                            Gunnar Bittersmann
                            1. 0
                              at
                              1. 0
                                Gunnar Bittersmann
                                1. 0
                                  at
                                  1. 0
                                    Gunnar Bittersmann
                              2. 0
                                marctrix
                                1. 0
                                  Gunnar Bittersmann
          2. 0
            Tabellenkalk
            1. 0
              at
      3. 1
        dedlfix