Frontend-Frameworks sind sehr nützliche Tools für Webentwickler. Die beiden bekanntesten Frameworks Bootstrap und Foundation haben in den letzten Jahren ordentlich an Gewicht zugelegt. Aber neben den beiden Großen gibt es eine Menge an kleineren Frameworks, die häufig schneller einsatzbereit sind und sich durch eine deutlich bessere Performance auszeichnen. Eins davon ist Bulma.

Die bekanntesten Frontend-Frameworks Bootstrap, Foundation und Grumby sind zwar mit allen erdenklichen Komponenten ausgestattet, bringen aber auch stolze 200 bis 300 KB auf die Waage. Zwar bieten die Frameworks inzwischen auch die Möglichkeit, nur ausgewählte Elemente herunterzuladen, doch die manuelle Modifikation ist umständlich und zeitraubend. Da ist es sinnvoller, gleich ein kleines Framework zu wählen, das direkt einsatzbereit ist.

Das CSS-Framework Bulma basiert auf Flexbox und hat komprimiert nur schlanke 74 KB. Wer bereits mit Flexbox arbeitet, weiß wie flexibel das System ist. Eine responsive Website ohne viel Aufwand ist also mit dem Bulma-Framework schnell gemeistert. Die Standardelemente für Websites, wie zum Beispiel eine Suche, Dropdowns, Formulare, Buttons, Checkboxen, Social-Media-Integrationen und vieles mehr, sind bei Bulma vordefiniert. Diese Elemente sind quasi aus keinem Webprojekt wegzudenken. Komplexere Bausteine sucht man jedoch vergebens. Bewusst lassen Frameworks viele Komponenten außen vor und liefern dafür ein schlankes und übersichtliches CSS.

Bulma präsentiert sich auf den ersten Blick als ein nützliches, flexibles und schlankes Framework. Wer Flexbox beherrscht, aus verschiedenen Gründen größeren Frameworks abgeneigt ist und auf der Suche nach einem kleinerem ist, der sollte sich Bulma genauer angucken. Allerdings bringt ein modernes Framework auch Nachteile mit sich. Moderne Techniken wie Flexbox werden noch nicht überall vernünftig ausgeben. Der Internet Explorer unterstützt die Technik gar nicht und ab der Version 11 nur bedingt. Auch iOS-Geräte geben Flexbox erst ab der Version 9.2 fehlerfrei aus.