Школа
Веб-разработка

Зачем верстать самому, если есть Бутстрап?

Анна
1 сен 2022
👁 4373   🗩1
Веб-разработка

Зачем верстать самому, если есть Бутстрап?

Анна
1 сен 2022
👁 4373   🗩1
Игорь Петров
Разработчик, преподаватель Школы бюро
Полезно
 17
17
Непонятно
  
Войдите в Бюросферу, чтобы голосовать

Бутстрап — это библиотека, набор готовых ЦСС‑классов для работы с сеткой, оформления форм, меню и других типовых модулей.

Если вы уверены, что Бутстрап поможет вам решить задачу, — ради бога. Он экономит время на написание стилей и даёт большой набор типовых компонентов с настраиваемым внешним видом.

Бутстрап — это библиотека, набор готовых ЦСС‑классов для работы с сеткой, оформления форм, меню и других типовых модулей.

Сам я не большой фанат Бутстрапа. На мой вкус, он тяжеловат и в большинстве случаев избыточен. Обычно Бутстрап берут только из‑за его адаптивной колоночной сетки, но для создания такой сетки есть много более простых и легковесных решений.

Даже минифицированный Бутстрап весит почти 200 КБ и тащит в проект тонну кода, который обычно лежит там мёртвым грузом.

Библиотека‑аналог Pure весит в 10 раз меньше — 20 КБ. А отдельная сетка Simple Grid — всего 4 КБ!

Бутстрап подходит для быстрого прототипирования, проверки гипотез, вёрстки непубличных интерфейсов. В большинстве других случаев я как разработчик выберу более подходящие инструменты.

Даже минифицированный Бутстрап весит почти 200 КБ и тащит в проект тонну кода, который обычно лежит там мёртвым грузом.

Библиотека‑аналог Pure весит в 10 раз меньше — 20 КБ. А отдельная сетка Simple Grid — всего 4 КБ!

Небольшому ИП проще вообще не трогать код и собрать магазинчик в конструкторах вроде Тильды, Инсейлса или Викса. Кроме визуального редактора, там из коробки будет и учёт заказов и админка для самостоятельного управления текстами и товарами.

Если опыта с разными инструментами нет и заморачиваться не хочется — используйте Бутстрап и не парьтесь. Если хотите прокачиваться — пробуйте разные инструменты, изучайте их особенности, пользу и ограничения.

Изучайте базу: ХТМЛ и ЦСС. Раньше сделать сетку или гибкую дизайн‑систему на ЦСС было сложнее, библиотеки вроде Бутстрапа действительно экономили много времени верстальщикам. Сегодня эти задачи решаются чистым ЦСС без особых усилий, благодаря современным фишкам типа гридов и переменных.

P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.

P. P. S. В книге по вёрстке скоро выйдет следующий большущий раздел, следите за новостями и поддержите нас предзаказами

Веб‑разработка
Полезно
 17
17
Непонятно
  
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментарии

Андрей Гусев

У бутстрапа помимо готовых стилей и компонентов есть ещё одно большое преимущество — соответствие стандартам accessibility, на которые многие разработчики не обращают внимания.

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы