+49 (0) 2921 559 75 93 hallo@aeosys.de

Ist Bootstrap tot?

von | 30.01.2019 | Technologie, Webdesign

Ist Bootstrap tot?

Sie benötigen kein Bootstrap

Hiermit erkläre ich Ihnen, warum ich der Meinung bin, dass Bootstrap das falsche Tool für die meisten Websites ist und was Sie stattdessen verwenden sollten.

 

1. Anti-Muster

Erstens unterstützt Bootstrap viel zu viele Anti-Patterns. Ein Anti-Pattern ist eine Designidee, die gut aussieht, oft reproduziert wird, aber im Allgemeinen sind dies schlechte Ansätze für eine Website. Erstens, Bootstrap bietet Ihnen kein wirklich ansprechendes Design. Es befürwortet die Idee 4 Breakpoints zu verwenden,um Websites für Telefone, Tablets und Desktops zu erstellen. Dies steht im Widerspruch zur Idee, eine Website auf der Grundlage von Inhalten zu entwerfen und sicherzustellen, dass die Website nutzbar bleibt, unabhängig von dem Gerät mit dem sie betrachtet wird. Ein gutes Beispiel dafür, wie Geräte nicht in solche dezentralen Kategorien passen, ist das Samsung Galaxy Mega, das entweder ein großes Smartphone oder ein kleines Tablett ist. Das Design sollte auch mit solch einem Gerät funktionieren, auch wenn es sich nicht speziell um ein Tablett oder Smartphone handelt.

Das ist auch bei klassenbasierten Grid-Systemen ein generelles Problem, damit begrenzen wir uns selbst. Grids sollten mit dem Inhalt arbeiten und keine Klassenstruktur vorschreiben. Wir sollten uns nicht auf ein 12-Spalten-Layoutmit vier Breakpoints beschränken, sondern unsere Seiten nach dem Inhalt gestalten und großartige mobile First-Layouts erstellen. Kurz gesagt: Wir verdienen Besseres.

 

2. Sie sollten IHR Design verwenden.

Bootstrap-Sites sehen alle gleich aus und haben alle den gleichen Frontend-Code, der angewendet wird. Sogar die Vorlagen verwenden eine Menge Styles, die Sie vielleicht gar nicht benötigen. Aber für Ihre Website sollten Sie so wenig CSS wie möglich verwenden, um IHR Design zu erstellen. Warum sollten Sie etwas übersteuern, wenn Sie von Anfang an einfach Ihren eigenen Code verwenden können?

 

3. Besserer Markup

Ich hasse es, überflüssige Klassen zu haben, und nicht-semantische Klassen, die mein Markup verunreinigen. Ich möchte, dass meine Website sauber und leicht lesbar ist und so wenig Störungen wie möglich aufweist. Neben meinem Wunsch nach einem sauberen Markup gibt es auch praktische Gründe, dieses klassenbasierte System nicht zu wollen. Viele CMSs, haben ihre eigene Meinung und Methode zum Ausdrucken von Markup und Klassen und es ist sehr schwierig, Bootstrap-Klassen im gesamten Markup zu platzieren. Ja, es ist machbar, und ja, es gibt Möglichkeiten. Aber es wird viel mehr Zeit und Energie erfordern, als nur von Anfang an ein eigenes, benutzerdefiniertes CSS zu erstellen.

 

4. Sass macht es möglich

In meinen Überlegungen bekomme ich normalerweise die Reaktion im Sinne von: „Ja, aber ich muss schnelle Prototypen erstellen, und ich habe nicht die Zeit, vom ersten Tag an ein eigenes CSS zu erstellen“. Das war der Fall, bevor die Sass-Community anfing, steckbare Erweiterungen für Compass zu entwickeln, um schnelle und einfache Prototypen mit 100% benutzerdefiniertem Code zu erstellen. Sie können dies nicht nur mit benutzerdefiniertem Code tun, sondern schreiben mit Ihrem Prototyp vom ersten Tag an serienreifen Code. Das Sass Team hat viel Arbeit investiert, um benutzerdefinierte Raster, Medienanfragen und Styling unglaublich einfach zu gestalten.

 

Welche Vorteile bietet Bootstrap?

Ich empfehle dringend, Bootstrap nicht mehr zu verwenden, und würde niemals die Verwendung auf einer Live-Site befürworten. Abgesehen davon ist nicht alles schlecht und Bootstrap wurde von einem Team hervorragender Ingenieure und Designer entwickelt, um der Welt einige großartige Ideen zu liefern. Erstens, es ist eine gute Möglichkeit, zu lernen, und zu sehen, wie einige interessante Stylings und JavaScripte verwendet werden können. Wenn Sie neu in der Front-End-Branche sind oder sehen möchten, wie reaktionsschnelles Webdesign auf einer grundlegenden Ebene funktioniert, schauen Sie sich den Code an. Es ist eine großartige Möglichkeit zu lernen, wie einige dieser Front-End-Beispiele grundsätzlich funktionieren. Auch wenn Sie eine Backend-Verwaltungsseite erstellen, die nur intern verwendet wird, ist Bootstrap ein großartiges Werkzeug, um Ihnen interessante Oberflächenelemente bereitzustellen, ohne ein komplettes Design entwerfen zu müssen. Da dieser Code nicht perfekt performant sein muss und es keine Rolle spielt, ob das Design von anderen UI-Elementen stammt, dann verwenden Sie Bootstrap.

 

Zusammenfassung

Verwenden Sie kein Bootstrap. Nein – wirklich nicht. Sie können es besser machen, Sie können besser gestalten und Sie können Ihren Code besser erstellen. Die Verwendung eines CSS-Präprozessors wie Sass ermöglicht es Ihnen, immer noch das Rapid Prototyping durchzuführen, das Sie benötigen, und die Community-Tools innerhalb von Sass sind in dieser Hinsicht Ihr tägliches Brot.