Bulma.io - framework CSS z wesołymi kolorkami

Nie samym Bootstrapem front-endowiec żyje. Frameworki CSS pojawiają się rzadziej, niż te do JS (czyli co drugi dzień :), dlatego można dość łatwo, opanować podstawy nowych projektów i wykorzystać je do tworzenia własnych layoutów.
Bulma to dynamicznie rozwijany framework oparty na modelu flexbox. Pierwsze, co rzuca się w oczy po przejrzeniu jego funkcji, to żywe, wesołe kolory podstawowych elementów. Dodajmy zatem do naszej strony trochę życia.


Tworzenie kolumn
Bulma pozwala zarówno na dynamiczne ustawianie szerokości kolumn w zależności od ilości elementów, jak i ustawienie szerokości kolumn, jak w Bootstrapie. Podstawowa struktura jest bardzo prosta i prezentuje się tak:

<div class="columns"> <div class="column">1</div> <div class="column">2</div> <div class="column">3</div> <div class="column">4</div> <div class="column">5</div> </div>


Wyśrodkowanie treści
Środkowanie treści za pomocą flexa jest bajecznie proste. Bulma jeszcze to ułatwia, oferując nam własne klasy dla elementu rodzica z wyśrodkowaną treścią.

Buttony
Framework oferuje kilka rodzajów buttonów wraz z modyfikatorami. Bardzo łatwo można stworzyć na przykład button z kółkiem animacji wskazującym na ładowanie.

Tworzenie menu
Bulma out of the box nie oferuje tworzenia klasycznego menu z elementem hamburgera, jednak dla średnio-zaawansowanego front-endowca, nie powinno to stanowić problemu. Elementy menu w Bulma.io na małym ekranie, rozmieszczane są jeden pod drugim. Co więcej, menu nie jest szczególnie skomplikowane i można napisać je bez kopiowania całości bez strony. Nie można tego powiedzieć o menu w Bootstrapie.

Modale
Wyglądają nieco mniej atrakcyjnie niż w Bootstrap 3 (brak animacji), ale także spełniają swoją rolę.

Na stronie projektu znajdziesz pełną dokumentację Bulma.  Podsumowując - biblioteka jest jeszcze we wczesnej wersji, ale jej twórcy, walczą aktywnie z bugami. Moim zdaniem, Bulma.io to taki pomost między funkcjonalnościami Bootstrapa 3 i 4, ponieważ jest lekka, oferuje dobrodziejstwo flexa i oferuje proste do zapamiętania nazwy klas.
Liczę na to, że autorzy dodadzą także jakieś elementy ułatwiające tworzenie popularnych elementów interface wymagających JS.
Pozdrawiam