Пользователь
0,0
рейтинг
21 октября 2013 в 07:54

Разработка → Подборка полезного для 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
@grokru
карма
406,0
рейтинг 0,0
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Самое читаемое Разработка

Комментарии (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 бесплатный бета тест

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