Статьи

Как бутстреп с открытым исходным кодом сделал его огромным

Неделя с открытым исходным кодом

Это неделя с открытым исходным кодом в SitePoint! Всю неделю мы публикуем статьи, посвященные всему, что связано с открытым исходным кодом, свободным программным обеспечением и сообществом, поэтому постоянно проверяйте тег OSW на наличие последних обновлений.

Открытая загрузка бутстрапа

Bootstrap , популярная платформа HTML / CSS / JS, созданная Марком Отто и Джейкобом Торнтоном , начинала как проприетарный инструмент, направленный на повышение согласованности и удобства сопровождения кода в продуктах Twitter. В конце августа 2010 года было принято важное решение Bootstrap с открытым исходным кодом .

Был ли бутстрэп с открытым исходным кодом отличным решением?

Bootstrap 4 логотип

В статье «Уроки из открытой загрузки» Марк Отто поделился одним из лучших свидетельств того, что значит быть в центре одного из самых успешных проектов с открытым исходным кодом во входной экосистеме:

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

Это был 2012 год, а теперь? Перенесемся в 2016 год: вышел Bootstrap 4 alpha 5 и на мой недавний вопрос на выделенном канале Bootstrap Slack Channel о том, насколько проект с открытым исходным кодом способствовал росту и успеху фреймворка, Отто быстро ответил:

без открытого исходного кода он вообще не вырос бы ? Это был бы внутренний проект в твиттере, если бы мы не поделились им внешне, когда сделали это.

Путь с открытым исходным кодом лежит в основе Bootstrap, который так же огромен, как и сегодня: это второй по популярности проект на GitHub, предоставляющий интерфейсную инфраструктуру для более десяти миллионов живых веб-сайтов .

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

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

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

Как Bootstrap управляется на GitHub?

Если вы не являетесь частью команды разработчиков Bootstrap, это не означает, что вы полностью не знаете, как проект поддерживается и развивается на GitHub.

Давайте не будем забывать о центральной роли, которую коммуникация играет в создании основы для всего проекта. Оказывается, Марк Отто не только хорош в документировании кода, он также весьма открыт, когда дело доходит до того, чтобы делиться своим видением, управлением проектами и вообще своими мыслями по ряду тем веб-разработки. Самые любопытные из вас могут спросить у @mdo что угодно! на GitHub и просмотрите ответы Отто, или, что еще лучше, ответьте на свои вопросы.

В разделе «Управление функциями в Bootstrap» Отто описывает несколько руководящих принципов и практик, которым он и его команда следуют в репозитории Bootstrap.

Вот резюме:

  • Bootstrap — это продукт с четкой миссией: облегчить дизайн и разработку . Если вы запрашиваете определенную функцию, команда Bootstrap определит, использовать ее или нет, исходя из баланса между этой целью и интересами и опытом команды.
  • Основным инструментом для управления функциями является трекер проблем Bootstrap . Если вы хотите предложить новую функцию или расширить существующую, просто откройте новую проблему или отправьте запрос на извлечение. Команда довольно проницательна, когда дело доходит до отклонения новых предложений, которые не соответствуют их целям для платформы, но если они принимают, ваш запрос остается открытым и ему назначают веху для его выпуска.
  • Разработка основных версий находится в стадии разработки до момента тестирования. Команда с удовольствием вносит существенные изменения в фреймворк в каждом крупном выпуске. Какие функции будут присутствовать, а какие будут удалены, управляется в двух частных репозиториях GitHub. Как только команда готова к тестированию, проект открывает свои двери для сообщества для помощи и обратной связи.

Bootstrap Версия 4 Альфа 5

С каждым основным выпуском Bootstrap полностью перестраивается. Версия 4, последняя на момент написания, не является исключением. Несмотря на то, что фреймворк находится на альфа-стадии, что означает, что все еще могут происходить всевозможные изменения, вы можете отказаться от чтения документации и средства отслеживания проблем на GitHub с приблизительным представлением о том, что вы найдете после выхода стабильной версии. ,

Вот с высоты птичьего полета, что нового в альфа Bootstrap версии 4:

  • Переход от Меньше к Заслу.
  • Опциональное использование flexbox.
  • Замена пикселей на единицы remem
  • Еще один уровень сетки для очень большой отзывчивой точки останова.
  • Представление Reboot как нового модуля для перезагрузки HTML.
  • Переписать все плагины JavaScript, используя ES6.
  • Улучшение всплывающих подсказок и всплывающих окон с помощью библиотеки Tether .
  • Уничтоженные лунки, миниатюры и панели для компонента «Карты».
  • Удаление компонента Affix.
  • Прекращена поддержка Internet Explorer 8 и ниже.

Вы можете найти больше информации о широких изменениях в Bootstrap 4 alpha в Bootstrap 4 Alpha: Super Smart Особенности, которые помогут вам победить

Здесь я не собираюсь включать более детальные изменения, включающие имена классов, структуру HTML компонентов, реорганизацию и переименование переменных Sass и т. Д., Поскольку, вероятно, они изменятся совсем немного до первого стабильного выпуска рамки выходит.

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

Вывод

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

Почему бы не начать играть с Bootstrap , поучиться у него и сделать его более интересным благодаря вашему вкладу ?