Bulma

Bulma är ett responsivt CSS-ramverk som bygger på Flexbox och erbjuder färdiga komponenter för bland annat navigation, formulär, tabeller och innehållsbehållare. Ramverket använder klasser direkt i HTML för att styla webbplatsens olika delar.

Bulma påminner på många sätt om Bootstrap, med ett liknande arbetssätt och flera färdiga komponenter. Till skillnad från Bootstrap innehåller Bulma däremot inget eget JavaScript, vilket innebär att interaktiva funktioner kan behöva kompletteras med egen kod.

Läs mer på Bulmas officiella webbplats .

Fördelar och nackdelar

Fördelar

  • Bekant arbetssätt: Bulma påminner mycket om Bootstrap, vilket gjorde det lättare att komma igång efter att ha arbetat med det ramverket.
  • Färdiga komponenter: Navigation, tabeller, formulär och innehållsbehållare får snabbt ett enhetligt och genomarbetat utseende.
  • Smidigt kolumnsystem: Enkelt att skapa responsiva layouter utan särskilt mycket extra arbete.
  • Tilltalande standarddesign: Jag uppskattar bland annat Box-komponenten, som ger ett snyggt, lite mjukare resultat med väldigt lite kod.

Nackdelar

  • Kräver eget JavaScript: Bulma innehåller ingen inbyggd JavaScript-funktionalitet, så exempelvis den responsiva navigationsmenyn behöver hanteras separat.
  • Lite pyssel med navigationen: Det tog en stund att få menystrukturen, färgerna och hamburgermenyn att fungera och se ut som jag ville.
  • Många klasser att lära sig: Även om arbetssättet kändes bekant behövde jag sätta mig in i Bulmas egna klassnamn och struktur.

Utvärdering av Bulma

Funktion Betyg Svårighetsgrad Kommentar
Navigation 4/5 Medel Snygg komponent, men hamburgermenyn kräver egen JavaScript.
Kolumnsystem 5/5 Lätt Enkelt att skapa responsiv layout med få klasser.
Box 5/5 Lätt Snygg innehållsbehållare som knappt behöver anpassas, gillar den mjuka stilen.
Tabeller 4/5 Lätt Färdig styling gör arbetet enkelt, men mobilvisningen kräver sidoscrollning.
Dokumentation 4/5 Lätt Tydliga exempel, lätt att komma igång.

Lämna en utvärdering