bootstrap4

Те кто так или иначе связан с веб разработкой скорее всего знает что такое Bootstrap. Сегодня день рождения этого замечательного фреймворка. В свой день рождения был объявлен Bootstrap 4.

bootstrap-4-alpha

Bootstrap 4 – что нового?

Переезд с Less на Sass

Bootstrap теперь компилируется быстрее обычного за счет использования Libsass.

Улучшения системы сеточной верстки

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

.line [email protected] make-row(); }

Поддержка Flexbox

Как пишут сами разработчики: «Будущее наступило…». Легким движением переменной и перекомпилированием можно получить Bootstrap основанный на Flexbox

Карточки (Cards)

На смену некоторым компонентам (well, thumbnail, panel) пришли карточки. Они делают тоже самое только еще лучше.

Reboot

Все, что в Bootstrap 3 выполняло роль сброса HTML для кросс-браузерной верстки получилось в виде модуля Reboot. С настройками в одном sass файле.

Новые опции настройки

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

IE8 не поддерживается. Перешли на rem и em вместо px

Если нужна поддержка IE8 оставайтесь на Bootstrap 3. Обновились для того, чтобы поддерживать всё лучшее из CSS без необходимости использовать костыли. Отказ от пикселей обусловлен необходимостью лучшей поддержки отзывчивой типографики и более простого изменения размеров компонентов.

Переписаны все JavaScript плагины

Все плагины были переписаны в ES6 чтобы воспользоваться всем преимуществами новейшего JavaScript.

 Улучшена документация

Переписано на Markdown и добавлено пара удобных плагинов для более удобной работы с документацией. Скоро появится улучшенный поиск.

Много нового

Удобный контроль над формами, классы для отступов, новые классы-утилиты и много чего еще.

Версия 4 содержит около 1100 коммитов и 120000 строк изменений, а работа всё еще не завершена. План разработки следующий:

  • Выпустить пару alpha релизов;
  • 2 beta релиза после того как определятся с возможностями и функционалом и хорошего тестирования;
  • Парочка RC, чтоб вообще всё оттестировать;
  • Релиз.

Bootstrap 3

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

Но и это еще не всё! Сегодня был запущен еще один проект – Official Bootstrap Themes.

bootstrap-4-themes

 

Пока там 3 внушительные темы по $99 (dashboard, application, marketing). В каждой можно найти всё из Bootstrap + примеры из реального мира, компоненты, плагины, документация и удобные утилиты. Все темы можно использовать сколько угодно раз, для любых проектов, но не продавать саму тему или производные от нее.