Давайте рассмотрим 5 основных преимуществ и идей фреймворка Bulma. Возможно, что-то из этого для вас окажется актуальным и вы тоже захотите использовать этот фреймворк в своей работе и он сделает эту работу в области веб-разработке хотя бы немного, но легче.

1. Легкость

Первое преимущество, которое я хотел бы выделить в фреймворке Bulma - это легкость. Bulma - это только CSS. Никакого Javascript кода.

Что это нам дает?

В первую очередь - это быстрота загрузки веб-страницы. Чем быстрее веб-страница загружается, тем удобнее и приятнее на ней находиться посетителю.

2. Универсальность для совместимости с любым Javascript фреймворком.

Это преимущество выходит как следствие из первого. Если Bulma - это только CSS стили, то веб-страница, которая написана на этом фреймворке она будет совместима фактически с любым Javascript фреймворком. Это может быть jQuery, React, Angular или это может быть еще что-то, что вам привычнее всего использовать. Все это можно без проблем использовать с Bulma.

3. Настраиваемость

В Bulma есть более 300 sass переменных. 

Чем это хорошо?

С их помощью вы можете изменить дизайн вашей веб-страницы так как вам это необходимо. Вы можете менять цвета, размер, положение элементов, которые встроены в Bulma по умолчанию меняя значения соответствующих переменных.

4. Использование Flexbox.

Bulma - это современный фреймворк, который использует самые современные технологии. В первую очередь, это технологии верстки колонок с помощью так называемых Flexbox.

Верстая веб-страницы на Bulma вы создаете 100% адаптивные страницы под мобильные устройства.

Используя имена классов вы можете легко верстать колонки и забыть про различные сетки, float и.т.д.

5. Простые и интуитивно понятные имена классов.

Bulma имеет имена классов, которые очень легко читаются и запоминаются. Например, так можно создать колонки.

<div class="columns">
  <div class="column">
    First column
  </div>
  <div class="column">
    Second column
  </div>
  <div class="column">
    Third column
  </div>
  <div class="column">
    Fourth column
  </div>
</div>

Имя класса columns - можно перевести с англ. как колонки и имя класса column - т.е. колонка (одна колонка).

Фреймворк Bulma отличается удачным названием имен классов. Они очень легко запоминаются и использовать их на практике одно удовольствие. 

Такие вот основные идеи и преимущества фреймворка Bulma я бы хотел бы выделить. Если вам это понравилось, попробуйте воспользоваться этим фреймворком.