at: Umbruch mit bootstrap

Beitrag lesen

problematische Seite

Hallo marctrix.

Man müsste es einfach probieren, denn alle Probleme lassen sich nicht vorhersehen. So wie du allein mit Bootstrap nicht jedes Problem löst, sondern deine vorhandenen CSS-Kenntnisse noch zusätzlich verwendest, würde man auch beim Verzicht auf Bootstrap Lösungen finden, die hier und da nicht der reinen Lehre von überhaupt gar keinem presentational markup entsprechen.

Ein echtes Problem sehen ja nur die, die Presentational Markup um seiner selbst willen ablehnen, statt anzuerkennen, dass ihre Argumente eben nicht überzeugen, wenn häufiger semantisch neue Inhaltselemente entstehen als grundlegende Redesigns. Meine HTML-Templates funktionieren, das CSS funktioniert und die Redakteure können ihre Freiheit nutzen. Klar könnte man auch Grids einsetzen, aber das Presentational Markup bliebe auch damit, sei es mit Klassen oder mit Inline-Styles.

Nichtsdestotrotz bin ich an Alternativen interessiert und habe mich darüber auch schon mit Kollegen ausgetauscht. Nur gefunden haben wir eben bislang nichts.

Aber auch das kann ja ein Weg sein. Von @Gunnar Bittersmann gibt es einen schönen Vortrag, wie man mit Sass presentational markup vermeiden kann und trotzdem leicht verständliche Bezeichner wie "großer Button" oder "rot" in seinem Code verwenden kann.

Das verschiebt das Problem meines Erachtens nur um eine Ebene. Irgendwo müssen ja zur Vermeidung von Presentational Markup die semantischen Klassenbezeichnungen herkommen. Und wenn der Designer im CSS, der Entwickler im HTML und der Redakteur im CMS nicht ohne einander dafür sorgen, wird es der CSS-Präprozessor wohl auch nicht von allein schaffen.

Ich habe den nicht gefunden, aber den Webkraut-Beitrag von @molily zu demselben Thema und habe ein Codepen-Beispiel erstellt.

Ich sehe mir das mal an, vielen Dank!

MfG, at

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