Уважаемые читатели ТопОбзор, как вы наверняка слышали, несколько месяцев назад (в августе 2015) была выпущена новая версия самого популярного фреймворка на планете — Bootstrap 4.
Для тех, кто не особо знаком с этой платформой, напомним, что Bootstrap является программой со свободным набором инструментов, которые значительно облегчают создание сайтов, приложений и в целом процесс верстки как для веб-разработчиков.
Любой уважающий себя специалист по фронтенду должен уметь работать в Bootstrap, так как сфера его применения очень широка. Знания и опыт работы в этом популярнейшем фреймворке на самом деле высоко ценятся, и могут пригодиться в любое время и в любом месте.
Что нового в последней версии Bootstrap 4?
По сравнению со своим предшественником, 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.