Подборка полезного для Twitter Bootstrap 3

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

    Bootstrap 3 PSD — Отличный UI-кит элементов фреймворка, сделано очень качественно.

    image

    Divshot — отличный онлайн-инструмент для быстрого прототипирования Bootstrap 3. Проект активно развивается.

    image

    Pingendo — приложения для Windows и Mac для прототипирования Bootstrap 3.

    image

    Roots — одна из лучших starter-тем для Wordpress, работает на HTML5 Boilerplate и Bootstrap.

    image

    Button Builder for Bootstrap 3 — удобный генератор кнопок.

    image

    Bootstrap 3 Upgrader — быстрое обновление до последней версии фреймворка.

    image

    Start Bootstrap — каталог тем для Bootstrap, все совместимы с третьей версией фреймворка.
    Еще один такой каталог — Bootswatch.

    image

    Bootstrap 3 Grid Builder — генератор сетки для различных устройств.

    image

    Date Range Picker — хороший компонент календаря.

    image

    Bootbox.js — простое модальное окно.

    image

    Bootstrap Form Helpers — целая коллекция компонентов, расширяющих возможности форм.

    image

    jQuery File Upload — загрузка файлов.

    image

    Tokenfield for Bootstrap — удобные теги при заполнении поля, а также автозаполнение.

    image

    Bootstrap Maxlength — визуальный индикатор количества знаков в поле ввода.

    image
    Метки:
    Поделиться публикацией
    Комментарии 19
    • +3
      Спасибо. Но в bootstrap 3 ведь уже есть модальные окна, разве нет?
      • +6
        В случае bootstrap, модальное окно нужно заранее разметить на странице. Bootbox.js избавляет от этого и позволяет создавать модальные окна в динамике — за один вызов функции.
        • +1
          Спасибо, это ценная возможность.
          • +4
            Вовсе не обязательно: jsfiddle.net/HU5AT/

            var modal = '...'; // html код
            $(modal).modal('show');
            
            • НЛО прилетело и опубликовало эту надпись здесь
              • +3
                Ну так библиотека делает то же самое, только в красивой обертке. Я показал, что и без библиотеки показать диалог только средствами JS возможно, а уж как генерить код диалога — личное дело каждого: можно использовать шаблонизатор, можно размещать разметку непосредственно на странице, а можно инлайново.
              • +1
                Вам нужно срочно релизить свой плагин к бутстрапу! :)
          • 0
            А на сколько хорошо поддерживается 3-й бутстрап в date range picker?
            • 0
              Посмотрел pingendo… лучше руками, да и быстрее.
              • +3
                • НЛО прилетело и опубликовало эту надпись здесь
                  • 0
                    Bootstrap Form Helpers — c разметкой беда какая-то. Советую selectize.js. Совместимо с bootstrap 2,3
                    • –5
                      Кто-нибудь ужé выпустил инструмент, возвращающий кнопкам объёмность из второй версии?

                      (Только давайте обойдёмся без предложений о всецело самостоятельном редактировании исходного LESS-кода CSS-стилей.)
                      • +5
                        Вы в каждом топике про бутстрап будете этот вопрос задавать? RTFM, пожалуйста.

                        getbootstrap.com/examples/theme/

                        css/bootstrap-theme.css
                        • 0
                          К слову, поправьте меня, но как раз эти градиенты достаточно сильно тормозят мобильные устройства.
                      • 0
                        Date Range Picker — хороший компонент календаря.
                        Это самый лучший плагин такого рода?

                        Я глянул в его код и ужаснулся.
                        • 0
                          Для проектировщиков будет полезна бесплатная библиотека виджетов Bootstrap 3 для Axure.
                          • 0
                            bootsnipp.com
                            Галерея элементов для Bootstrap
                            • 0
                              www.frontenda.com/snipped
                              Bootstrap 3 drag-and-drop builder бесплатный бета тест

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