Frontend растет с каждым днем, все frontend-разработчики хотя бы раз но каждый слышали о таком css-фреймворке как Bootstrap. И вот в предстоящем году нас ждет Bootstrap 5 с его фишками и особенностями, теперь по порядку.
Jquery
Некогда популярная jQuery-библиотека постепенно теряет свои позиции, т.к. за время своего развития она стала достаточно объемной и тяжелой + требует много времени на загрузку. Сейчас многие функции оттуда реально заменить на обычный JavaScript с использованием селекторов. Кроме того, разработчики переходят на Angular, React, Vue и др., обладающие более высокими показателями производительности.
Старичок постепенно садится на кресло, откидывает и ноги и все что остается это просто смотреть за развитием web-разработки без него. Но справедливости ради этого пока не произошло, и значительная часть сайтов все еще держится на Jquery.
Улучшенная система сетки - в названиях классов произошло только одно изменение - добавился класс xxl (Extra extra large) для разрешений экранов ≥1400px, т.е. для широкоформатных мониторов. Все остальные классы и брейкпойнты, в рамках которых они действуют, остались такими же, что и в версии Bootstrap 4. Все также для построения сетки используется модель FlexBox.
Теперь пройдемся по мелким нововведениям:
- Отказ от поддержки IE 10
- Библиотека пользовательских иконок SVG
- Переход с Jekyll на Hugo
- Основные обновления Javascript
Вот несколько новых CSS-классов Bootstrap 5:
- Классы gx- * управляют горизонтальной шириной / шириной колонки;
- GY- * классы контролируют ширину горизонтали или вертикали колонки;
- Классы g- * контролируют горизонтальную и вертикальную ширину ;
- row-cols-auto.
А также удаление Card Desk.
Со всеми новыми обновлениями, появившимися в Bootstrap 5, можно с уверенностью сказать, что команда Bootstrap делает огромные шаги, чтобы сделать фреймворк легким, простым, полезным и быстрым в интересах разработчика.
