Что такое JavaScript: назначение, особенности и сферы применения языка

Разработка #Браузеры #Разбор #JavaScript #HTML/CSS Интерактивные элементы сайтов и мобильных приложений часто выполняются на языке JavaScript. Он хорошо...

Создаем калькулятор-конвертер на базе React. Часть 11: Советы для начинающих React-разработчиков

Разработка #Фреймворки #JavaScript Разработка приложения закончена, наш калькулятор уже на серверах Timeweb. Осталось обсудить пару мелочей.  Предыдущий материал:...

Как работать с фоновыми рисунками в CSS

Разработка #Веб-дизайн #HTML/CSS Ни для кого не секрет, что картинки – это неотъемлемая часть любого сайта, будь то...

Что такое API

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

Создание email рассылок на Joomla

Создание почтовых рассылок – это эффективный способ рекламы и привлечения внимания к своему сайту. Я уже рассказывала о...

Как пользоваться Visual Studio Code

Разработка #IDE #Редакторы кода #Программы #Обзор #Windows Visual Studio Code – это один из наиболее популярных редакторов кода,...

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

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

Руководство по разработке приложений: как сделать приложение для iOS и Android самостоятельно

Разработка #Конверсия #Подборка #Разбор #UX/UI #Конструктор Разработка мобильного приложения от А до Я – это довольно долгая и...

Авторизация и аутентификация пользователя при помощи JWT. Часть 1: Что такое JWT и как его создать?

Разработка #Хостинг #Серверы #JavaScript #OpenSource #Безопасность Реклама. ООО «ТаймВэб». erid: LjN8KaXqo Что такое JWT? JWT или JSON Web...

Простой калькулятор на Python

Разработка #Python Python — это популярный и многофункциональный язык программирования с простым синтаксисом, который подходит для новичков. Его...

Обзор BrainyCP

BrainyCP – это новая панель управления сервером, о которой вы, вероятно, не слышали до этого времени. В этой...

Система управления контентом PHPShop.CMS

PHPShop.CMS – продукт российской компании PHPShop Software. Точнее, это общее название для нескольких продуктов-лицензий (как у 1C-Bitrix), а...

Instant CMS – наше чудо

Разработка #Фреймворки #Обзор Введение Знакомство с данной системой начал по необходимости, приятель попросил посмотреть его сайт на Drupal....

GitHub включил по умолчанию механизм защиты от утечек данных

Новости #GitHub #Сервисы #Безопасность Реклама. ООО «ТаймВэб». erid: LjN8K4hV8 Сервис GitHub включил защиту от попадания в публичный репозиторий приватных...

7 самых популярных фреймворков JavaScript

Разработка #Фреймворки #Обзор #JavaScript Статья посвящена самым популярным фреймворкам, библиотекам и инструментам JavaScript. Каждый из них может значительно облегчить...

Работа со строками в JavaScript

Разработка #Настройка #JavaScript Строка в JavaScript – это неизменяемая, упорядоченная последовательность 16-битных значений, каждое из которых представляет собой...

Обзор языка разметки HTML для новичков

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

16 лучших игровых шаблонов для WordPress

Разработка #Веб-дизайн #Шаблоны #Подборка #WordPress Создание своего сайта на игровую тематику – мечта многих геймеров. Ранее она была...

Как создать сайт бесплатно своими руками

Разработка #Хостинг #Домен #Веб-дизайн #Разбор #WordPress Для многих пользователей процесс создания сайта кажется чем-то невозможным, особенно когда речь идет...

Создаем свой шаблон для Joomla. Пошаговое руководство

Разработка #Шаблоны #HTML/CSS #Joomla! В этой статье пойдет речь о создании своего шаблона для Joomla 3.х с возможностью...

Плюсы и минусы 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