Что нового в последней версии Bootstrap

0
5 174 просм.

Уважаемые читатели ТопОбзор, как вы наверняка слышали, несколько месяцев назад (в августе 2015) была выпущена новая версия самого популярного фреймворка на планете — Bootstrap 4.

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

Любой уважающий себя специалист по фронтенду должен уметь работать в Bootstrap, так как сфера его применения очень широка. Знания и опыт работы в этом популярнейшем фреймворке на самом деле высоко ценятся, и могут пригодиться в любое время и в любом месте.

Что нового в последней версии Bootstrap 4?

Что нового в последней версии Bootstrap

По сравнению со своим предшественником, 4-я версия получила немало обновлений:

Переход на язык Sаss

Это, пожалуй, самое главное нововведение. В принципе особой разницы рядовой пользователь даже не заметит. Причина такого действия объясняется элементарно – теперь CSS компиляция будет производиться в разы быстрее при помощи библиотеки Libsass.

Поддержка flexbox

О, да, наконец-то! — мощнейшего инструмента html5, благодаря которому верстка может выглядеть как таблица или набор блоков, кому как удобнее.

Переработка структуры верстки макетов

Прежде всего, это проявляется в лучшей ориентации миксинов на работу с мобильными устройствами.

Введение нового компонента – карт

Все превью и панели в Bootstrap 4 теперь заменены на карты, которые объединяют разрозненные небольшие компоненты в один для удобства работы.

Обнуляющие стили собраны в один модуль

Обнуляющие стили HTML Reset собраны в этой версии в один модуль. Теперь они хранятся в файле под названием Normalize.css, который при необходимости всегда будет под рукой.

Улучшенная кастомизация шаблонов

Чтобы поменять исходный стиль какого-либо элемента не придется создавать для этого отдельный файл, достаточно просто обновить его новый вид в Sass – файле.

Вместо пикселей – rem и em

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

Прощай, IE8

В четвертой версии наконец-то отменена поддержка IE8. Наконец-то это произошло!

Коды плагинов JavaScript по требованиями ES6

Все коды плагинов JavaScript в этой версии были переписаны в соответствии с обновленными требованиями ES6, что сделало их более быстрыми и надежными.

Кроме того новая версия Bootstrap 4 получила и множество других обновлений – улучшенная работа поиска, структура документации, более плавное всплывание окон с подсказками и так далее.

Другие возможности Bootstrap 4

Помимо этого в последней версии Bootstrap появились темы (Bootstrap Themes) от разработчиков проекта.

Они предоставляются на платной основе и пока что их всего три:

  • Dashboard
  • Marketing
  • Application

Каждая тема стоит $99 и оформление всех тем представлено в одном стиле. Каждая тема включает все из Bootstrap, а также различные другие компоненты, документацию, плагины и утилиты. Использовать тему можно неограниченно, только ее нельзя продавать.

Также разработчики, пожалевшие об отмене поддержки второй версии, когда вышла третья, не хотят повторять своей ошибки. Поэтому поддержка Bootstrap 3 будет продолжаться.

Резюме:

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

Статья подготовлена ТопОбзор по материалам Bootstrap.