Frontend

Вступление Если Grunt — это новое для вас словом, то лучшим способом будет начать с предыдущей статьи Grunt для чайников. После этого вступления у нас будет собственный Grunt проект и мы почуем силу, которую предлагает Grunt. В этой статье мы не будем фокусироваться на различных плагинах Grunt для вашего текущего проекта, но на самом процессе. Рассмотрим пару практических идей по тому: Как содержать ваш Gruntfile в порядке и чистоте, Как существенно ускорить время сборки, И как уведомлять о том, что происходить сборка. Короткий дисклеймер: Grunt — это всего лишь один из многих инструментов, которые можно использовать для выполнения задач. Если вам больше нравится Gulp, то отлично! После того, как вы исследуете все возможности и вам по-прежнему нужно будет сделать свой велосипед, то это тоже нормально! Давайте сфокусируемся на Grunt в этой статье, вследствие эго мощной экосистеме и огромной базе пользователей. ...

Оригинал — статья Grunt for People Who Think Things Like Grunt are Weird and Hard Фронтэнд разрабочикам часто говорят: Разрабатывайте всё в маленьких кусках CSS и JavaScript кода, чтобы вам было понятно, а дальше соберите их вместе для продакшн сайта. Сожмите ваш CSS и минифицируйте JavaScript, чтобы размеры файлов были минимальными в работающем сайте. Оптимизируйте ваши изображения для уменьшения их размера без ущерба для качества. Используйте Sass для создания CSS из-за возможности использования многочисленных полезных абстракций. Это не всеобъемлющий список действий, но некоторые из них мы должны делать. Вы можете называть их задания. Могу поспорить, что вы уже слышали о Grunt. Короче говоря, Grunt — это исполнитель заданий. Grunt может делать их за вас. После того, как вы его установили, что на самом-то деле и не особенно сложно, то он выполняет автоматически, без необходимости снова продумывать все задания. Но давайте начистоту: Grunt — это одна из новомодных штукенций, которой пользуются все крутые детишечки, но которая на первый взгляд кажется странной и недоступной. Я вас понимаю. Эта статья именно для вас. ...

Важное предупреждение (2026 год) Эта статья написана в 2013 году, когда актуальной была Bootstrap 2 → 3. Сегодня (2026) актуальная версия — Bootstrap 5.3.8. jQuery удалён, многие классы изменились (.col-xs- → .col-, .btn-default → .btn-secondary и т.д.), поддержка IE прекращена. Большинство перечисленных ниже проектов либо умерли, либо сильно устарели. Рекомендуется использовать официальную документацию: https://getbootstrap.com Содержание Официальные ресурсы Bootstrap Готовые темы и шаблоны Прототипирование и генераторы Расширения форм Выбор даты и времени Модальные окна и лайтбоксы JavaScript расширения и плагины Темы, кастомизация, UI улучшения Иконочные шрифты Разное Официальные ресурсы Bootstrap Название Описание Ссылка (архивная) Статус в 2026 Bootstrap Официальный фреймворк http://getbootstrap.com Актуально → https://getbootstrap.com Bootstrap Google Group Форум вопросов (старый) http://groups.google.com/group/twitter-bootstrap Мёртв (используйте GitHub Discussions) Готовые темы и шаблоны Название Описание Ссылка (архивная) Статус в 2026 WrapBootstrap Платные премиум темы https://wrapbootstrap.com Живёт Bootswatch Бесплатные готовые темы http://bootswatch.com Живёт → https://bootswatch.com BootTheme Онлайн-генератор тем http://www.boottheme.com Мёртв Прототипирование и генераторы Название Описание Ссылка (архивная) Статус в 2026 Divshot Drag & drop конструктор интерфейсов http://divshot.com Переродился → Pinegrow / Blocs / другие JetStrap Визуальный редактор http://jetstrap.com Мёртв Pingendo Визуальный HTML5 редактор http://www.pingendo.com Мёртв Расширения форм Название Описание Ссылка (архивная) Статус в 2026 bootstrap-fileinput Современный загрузчик файлов https://github.com/blueimp/jQuery-File-Upload Живёт (но без BS интеграции) X-editable Inline-редактирование http://vitalets.github.com/x-editable Живёт → https://github.com/vitalets/x-editable Select2 Улучшенный https://select2.org Живёт и очень популярен bootstrap-wysihtml5 WYSIWYG редактор https://github.com/jhollingworth/bootstrap-wysihtml5 Мёртв (много альтернатив) Выбор даты и времени Название Описание Ссылка (архивная) Статус в 2026 bootstrap-datepicker Выбор даты https://github.com/eternicode/bootstrap-datepicker Живёт → https://bootstrap-datepicker.readthedocs.io bootstrap-daterangepicker Выбор диапазона дат https://github.com/dangrossman/bootstrap-daterangepicker Живёт → https://www.daterangepicker.com bootstrap-timepicker Выбор времени http://jdewit.github.com/bootstrap-timepicker Мёртв (есть tempus-dominus и flatpickr) Модальные окна и лайтбоксы Название Описание Ссылка (архивная) Статус в 2026 Bootbox.js Удобные alert/confirm/modals http://bootboxjs.com Живёт → https://bootboxjs.com bootstrap-lightbox Лайтбокс для картинок http://jbutz.github.com/bootstrap-lightbox Мёртв (используйте photoswipe / lightgallery) JavaScript расширения и плагины Многие из них либо интегрированы в Bootstrap 5, либо заменены современными альтернативами (DataTables, Choices.js, TomSelect, SortableJS и т.д.). ...