Лучшие редакторы кода

Atom Выпущенный в 2015 году редактор уже полюбился многим разработчикам. Это open-source проект для Linux, Windows и macOS....

Создаем калькулятор-конвертер на базе React. Часть 8: Конвертер валют и собственный парсер данных

Разработка #Фреймворки #JavaScript Эпопея с калькулятором продолжается. В этот раз мы добавим в него конвертер валют, который в реальном...

Чем занимается веб-разработчик и что нужно для того, чтобы им стать

Разработка #Карьера #JavaScript #HTML/CSS #PHP #Python Сегодня программирование востребовано как никогда. Информационные технологии развиваются с колоссальной скоростью, и...

Обзор HostCMS

Введение HostCMS – это система управления сайтом, которая входит в пятерку самых популярных платных платформ по версии CMSmagazine....

Создаем калькулятор-конвертер на базе React. Часть 4: Декомпозиция и мелкие исправления

Разработка #Фреймворки #JavaScript Продолжаем разработку калькулятора-конвертера на базе Реакта с визуальной библиотекой Chakra. В этой статье речь пойдет...

Что такое виджет и как им пользоваться

Разработка #Веб-дизайн #JavaScript #Оптимизация #Windows Разработчики софта и владельцы сайтов стараются упростить процесс взаимодействия со своим продуктом. Одним из...

Что такое API

Разработка #Веб-дизайн #API #OpenSource #Безопасность Краткий ликбез по API. Выясняем, что он собой представляет, как работает и зачем нужен....

Open source редактор Publii, первый взгляд

Сейчас все избалованы различными CMS, порой не задумываясь о целесообразности их применения для небольших сайтов. Для небольшого сайта...

Краткая история «Параграфа»: советские ученые, которые подарили миру S Pen

Разработка #Технологии #Тренды #Apple #Железо В 1988 году уроженец Азербайджанской СCP Степан Пачиков основал софтверный кооператив «Микроконтур», в результате...

Лендинг на WordPress за три шага

Зайдите в панель управления, оплатите хостинг. 2 шаг Установите WordPress в разделе «Каталог CMS». 3 шаг Установите тему...

Создаем бесплатный callback-виджет с SMS и Telegram-оповещением

Разработка #Telegram #JavaScript #HTML/CSS В этой статье мы пошагово создадим виджет обратного звонка с красивой минималистичной анимацией и...

Amazon UK: как создать и продвигать свой интернет-магазин?

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

В Telegram доступны функции для бизнеса в рамках подписки Premium

Новости #Telegram #Обновления Реклама. ООО «ТаймВэб». erid: LjN8KYcMk В мессенджере Telegram на iOS и Android с последним обновлением...

CMS, фреймворк или собственная разработка: что выбрать?

CMS CMS – система управления контентом. Распространяется на бесплатной или платной основе. Подойдет для проектов: с небольшой нагрузкой;...

PyCharm: IDE для Python

Разработка #Программы #Обзор #IDE #Редакторы кода #Python Популярность Python как языка программирования меняется из года в год. Python...

9 инструментов для разработки проектов на PHP

Это интегрированная среда разработки (Integrated development environment, далее IDE) для PHP от компании JetBrains. В редакторе есть много...

5 главных способов привлечения клиентов из карт и отзывиков

Бизнес #Продажи #Предпринимательство #SEO Реклама. ООО «ТаймВэб». erid: LjN8KQs4Z Мы в MyReviews делаем инструменты для мониторинга и улучшения рейтинга...

Как сделать дейлики эффективными: интервью с Настей Ткаченко

Мнение рынка #Менеджмент #Разбор #Программы #Мессенджеры В гостях у Комьюнити побывала Настя Ткаченко, проджект-менеджер конструктора сайтов Craftum. У...

Создаем калькулятор-конвертер на базе React. Часть 5: Добавляем историю результатов

Разработка #Фреймворки #JavaScript Очередной этап разработки конвертера-калькулятора на базе Реакта. В этом уроке создадим компонент для сохранения всех...

Создаем калькулятор-конвертер на базе React. Часть 7: Drag & Drop

Разработка #Фреймворки #JavaScript На этом этапе добавим в наш калькулятор интерфейс для перетаскивания элементов с помощью мыши.  Предыдущий...

Плюсы и минусы Bootstrap

Введение

Bootstrap – один из самых популярных инструментов, который используется при создании сайтов и веб-приложений.

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

Релиз состоялся в 2011 году, затем в 2012 вышла вторая версия, в 2013 – третья и, наконец, в 2018 – четвертая. Каждая из версий имеет существенные изменения.

Изначально Bootstrap носил название Twitter Blueprint, так как создавался компанией Twitter. Это отличный пример того, как разрабатываемый для внутреннего использования инструмент становится в итоге востребованным по всему миру.

Основатели Bootstrap – сотрудники компании Twitter Марк Отто (Mark Otto) и Якоб Торнтон (Jacob Thornton) – по мере разработки поняли, что проект может стать чем-то бОльшим, чем просто одним из внутренних инструментов компании:

Through that process, we saw ourselves build something much more substantial than another internal tool. Months later, we ended up with an early version of Bootstrap as a way to document and share common design patterns and assets within the company.

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

Официальный сайт: https://getbootstrap.com/

Преимущества Bootstrap

Уменьшение количества времени, затрачиваемого на разработку

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

Адаптивность

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

Кросс-браузерность

Сайты, сделанные с использованием Bootstrap, будут одинаково отображаться во всех современных браузерах.

Легкость в использовании и быстрота в освоении

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

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

Понятный код

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

Единство стилей

Элементы Bootstrap смотрятся гармонично между собой и позволяют создавать страницы и сайты в едином стиле.

Недостатки Bootstrap

Шаблонность

Сайты, разработанные при помощи Bootstrap, похожи друг на друга: одинаковая структура, навигация, кнопки. Каждый новый сайт похож на множество уже созданных – и это не очень хорошо. Решить проблему можно – надо отказаться от использования готовых решений и максимально изменять шаблон в зависимости от пожеланий заказчика и идей дизайнеров. По этой причине важно разобраться во всех инструментах, предлагаемых Bootstrap, для того, чтобы максимально использовать их при разработке.

Отсутствие гибкости

Несмотря на все преимущества, Bootstrap – инструмент, имеющий свои ограничения (возвращаемся к предыдущему пункту о том, что все сайты на нем похожи друг на друга). Поэтому Bootstrap может не подойти для реализации каких-то проектов.

Старые браузеры

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

Вывод

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

Bootstrap отлично подходит для маленьких проектов, где нужно быстро собрать верстку, но в целом он используется на сайтах разного масштаба: на сентябрь 2018 года Bootstrap используют 17,8% сайтов в сети (и их количество постоянно растет).

Межтекстовые Отзывы
Посмотреть все комментарии
guest