Twitter Bootstrap
Содержимое:
- Официальные Bootstrap ресурсы
- Шаблоны
- Прототипирование
- Формы
- Дата и отрезок (времени)
- Модальные расширения
- Javascript расширения
- Колорайзеры и улучшатели UI
- Иконочные шрифты
- Без категории
Официальные Bootstrap ресурсы Официальные Bootstrap ресурсы
Название | Описание | Ссылка | Просмотр |
---|---|---|---|
Bootstrap | Twitter Bootstrap Framework | http://twitter.github.com/boot... | Перейти |
Bootstrap Google группа | Задавайте вопросы по Бутстрепу здесь: | http://groups.google.com/group... | Перейти |
Шаблоны Готовые Bootstrap шаблоны
Название | Описание | Ссылка | Просмотр |
---|---|---|---|
WrapBootstrap | Темы и вёрстка для Bootsrap. | https://wrapbootstrap.com/?ref... | Перейти |
Набор инструментов Bootstrap Fireworks | Оригинальный набор инструментов Bootstrap для Adobe Fireworks. Содержит все графические элементы для версии 2.1 в векторном формате. Скопируйте и вставьте в Fireworks документ для создания собственного дизайна. Отлично подходит для создания веб-приложений! | http://www.fireworkstoolkits.c... | Перейти |
Как создать и настроить вашу собственную Bootstrap тему | Гид по быстрому выбору правильных цветов для вашей бутстреп темы и как эфективно сделать свою тему. Включает другие ресурсы и список уникальных сайтов на бутстрепе. | http://antjanus.com/blog/web-d... | Перейти |
Прототипирование Быстрое прототипирование приложений в Bootstrap, создание кнопок, вёрстки и т.д.
Название | Описание | Ссылка | Просмотр |
---|---|---|---|
Divshot | Divshot это drag & drop построитель интерфейсов для Bootstrap с отличным дружественным интерфейсом и WYSIWYG подходом. | http://divshot.com | Перейти |
Построитель Bootstrap кнопок | Генерируйте ваши бутстреп кнопки быстро с помощью генератора кнопок PlugoLabs! | http://www.plugolabs.com/twitt... | Перейти |
Pingendo | Pingedo это визуальный построитель HTML5 документов. Драг-дроп, стили CSS3 и редактор HTML/CSS реального времени. Поддержка Bootstrap и Bootsnip. Бесплатно. | http://www.pingendo.com | Перейти |
Красивые кнопки для бутстреперов | Это расширение фреймворка. Делает создание кнопок простым и лёгким. | http://charliepark.org/bootstr... | Перейти |
JetStrap | Визуальный редактор бутстреп (выглядит многообещающе, но работает суперглючно) | http://jetstrap.com/ | Перейти |
Photoshop шаблон для Bootstrap v2.0 | Bootstrap PSD v2.0 | http://gui.repixdesign.com/#bo... | Перейти |
Формы Расширения форм, дополнения, валидация, плагины ускоренного набора и др.
Название | Описание | Ссылка | Просмотр |
---|---|---|---|
Кнопка загрузки Бутстреп | Отличное расширение от Jasny, которое содержит кнопку загрузки в бутстреп стиле. | http://jasny.github.com/bootst... | Перейти |
Современная загрузка для Bootstrap | Виджет загрузки с мультивыбором файлов, поддержкой drag&drop, прогрес-баром и превью изображений используя jQuery. Кросс-доменная поддержка, чанки и возобновляемая загрузка файлов, ресайз изображений на стороне клиента. Работает с любой серверной платформой (PHP, Python, Ruby on Rails, Java, Node.js, Go и др.) которая поддерживает HTML загрузку файлов. | http://blueimp.github.com/jQue... | Перейти |
bootstrap-wysihtml5 | wysiwig HTML5 текстовый редактор | http://jhollingworth.github.co... | Перейти |
Bootstrap кнопки-переключатели | Классные кнопки | http://www.larentis.eu/bootstr... | Перейти |
X-editable | Редактирование на месте с Twitter Bootstrap, jQuery UI или чистой jQuery. Позволяет создавать редактируемые элементы на странице. | http://vitalets.github.com/x-e... | Перейти |
Выбор, мультивыбор | Select2 это основанная на jQuery замена селект-боксов. Поддерживает поиск, удалённые наборы данных и бесконечный вывод при скроле результатов. Select2 базируется на отличной библиотеке Chosen. | http://ivaynberg.github.com/se... | Перейти |
TinyMCE Bootstrap скин | Бутстреп-скин для tinyMCE | https://github.com/gtraxx/tiny... | Перейти |
Дата и отрезок Выбор даты и промежутка времени в Bootstrap
Название | Описание | Ссылка | Просмотр |
---|---|---|---|
Date Range picker | Этот компонент создаёт выпадающее меню, в котором пользователь может выбрать даты. | https://github.com/dangrossman... | Перейти |
Timepicker | Классный виджет для лёгкого выбора времени для текстового ввода используя мышь или курсор. | http://jdewit.github.com/boots... | Перейти |
Datepicker improved | Улучшенный подбор даты, был взят из оригинала от Stefan Petre's (из eyecon.ro), улучшения от @eternicode | https://github.com/eternicode/... | Перейти |
Clockface | Подбор времени | http://vitalets.github.com/clo... | Перейти |
Datetime picker | Подборщик времени | http://tarruda.github.com/boot... | Перейти |
Модальные расширения Модальные плагины для Bootstrap, дополнительные эфекты, сопряжение и др.
Название | Описание | Ссылка | Просмотр |
---|---|---|---|
Bootbox.js | Диалоги: внимание, подтверждение и др. | http://bootboxjs.com/ | Перейти |
Extended Bootstrap Modals | Родные модальные диалоги с доп функционалом. Отзывчивые, стекируемые, полноширинные, аджакс-загрузка содержимого. | https://github.com/jschr/boots... | Перейти |
Bootstrap Lightbox | Лайтбокс для изображений и текста | http://jbutz.github.com/bootst... | Перейти |
Javascript расширения Расширение бутстреп функционала загрузки, пагинации, таблиц и других скриптуемых элементов Bootstrap.
Название | Описание | Ссылка | Просмотр |
---|---|---|---|
Подборщик цвета Bootstrap | Добротный подборщик цвета | http://www.eyecon.ro/bootstrap... | Перейти |
Pretty Tables | Неплохие таблицы в Bootstrap стиле | http://tableclothjs.com/ | Перейти |
Подборщик отрезка дат | Компонент создаёт выпадающее меню, в котором пользователь может выбрать отрезок дат. | https://github.com/dangrossman... | Перейти |
Bootbox.js | Alert, confirm and flexible dialogs for Bootstrap. | http://bootboxjs.com/ | Перейти |
Fuel UX | Fuel UX добавляет в Twitter Bootstrap дополнительные легковесные JavaScript элементы управления. | http://exacttarget.github.com/... | Перейти |
Контекст-меню в Bootstrap | Меню выпадающее при нажатии правой кнопки мыши. Демо здесь: http://jsfiddle.net/msurguy/PG5HU/ | https://github.com/sydcanem/bo... | Перейти |
Bootstrap кнопка загрузки файла | Отличные расширения от Jasny, включая кнопку загрузки файла в бутстреп стиле. | http://jasny.github.com/bootst... | Перейти |
Современная загрузка | Виджет загрузки файла с мультивыбором, поддержкой drag&drop, прогрес-баром и предпросмотром изображений в jQuery. Кроссдоменная поддержка, загрузка пакетам и возобновляемая загрузка файлов, ресайз изображений на клиенте. Работает на любой серверной платформе (PHP, Python, Ruby on Rails, Java, Node.js, Go и др.), которая поддерживает современный стандарт загрузки файлов через HTML форму. | http://blueimp.github.com/jQue... | Перейти |
BootPag | BootPag - jQuery плагин динамической пагинации для twitter bootstrap | http://botmonster.github.com/j... | Перейти |
Bootstrap tags | Javascript теги для Twitter Bootstrap (написано в CoffeeScript) Демо: http://jsfiddle.net/cjFZW/2/ | https://github.com/maxwells/bo... | Перейти |
Tocify - A jQuery Table of Contents Plugin | jQuery плагин, который динамически генерирует таблицу содержимого. Tocify может быть опционально использован в стилях Twitter Bootstrap или jQueryUI Themeroller, и анимирован эффектами jQuery show/hide. Tocify обеспечивает поддержку мягкого скролинга, подсветки скрола, скрола страниц, кнопок вперед-назад. | http://gregfranko.com/jquery.t... | Перейти |
Bootstrap Form Helpers | Коллекция jQuery плагинов для улучшения Bootstrap форм. | http://vincentlamanna.com/Boot... | Перейти |
Link Preview | JS-библиотека предпросмотра ссылок в стиле facebook базирующуюся на стилевых компонентах Twitter Bootstrap. | https://github.com/Ekito/boots... | Перейти |
Data Tables Twitter Bootstrap 2 | Таблицы данных могут быть использованы с Bootstrap 2. | http://www.datatables.net/blog... | Перейти |
Tags Manager | jQuery тег-плагин | https://github.com/max-favilli... | Перейти |
Colorizers and UI improvements Need to make your Bootstrap color scheme pretty? These resources will help customize Bootstrap.
Название | Описание | Ссылка | Просмотр |
---|---|---|---|
Make your Bootstrap pretty | Paintstrap lets you quickly choose a color palette from Colorlovers or Adobe Kuler | http://paintstrap.com/ | Перейти |
Bootstrap Captcha | Captcha стили для Bootstrap | http://jsfiddle.net/hqv27/ | Перейти |
Bootstrap jQuery UI тема | Бутстрап для jQuery UI компонентов | http://addyosmani.github.com/j... | Перейти |
Facebook page Bootstrap style | Fbootstrapp это набор, предназначенный для разработки facebook iframe приложений. Имеет аналогичные ФБ базовые CSS и HTML для типографии, форм, кнопок, таблиц, разметки, навигации и другого. Стилизирован в ФБ стиле. | http://ckrack.github.com/fboot... | Перейти |
Google Plus стиль для Bootstrap | Этот стиль выглядит очень похоже на интерфейс Google+ | http://xbreaker.github.com/plu... | Перейти |
Bootplus | Ещё один похожий на Google+ | http://aozora.github.io/bootplus/ | Перейти |
SelectBoxIt | Bootstrap Styled кнопки выбора | http://gregfranko.com/jquery.s... | Перейти |
Bootstrap File кнопка загрузки button | отличные Bootstrap расширения от Jasny включая кнопку загрузки файла. | http://jasny.github.com/bootst... | Перейти |
Bootswatch. Бесплатные темы. | Добавьте цвет в ваш Бутстреп сайт | http://bootswatch.com/ | Перейти |
Boostrap прокрутчик | http://bootswatchr.com/ | Перейти | |
Bootstrap кнопки свернуть-развернуть | http://www.larentis.eu/bootstr... | Перейти | |
BootTheme : онлайновый генератор тем для Бутстрапа | BootTheme - это облачный веб-сервис для генерации тем. Можете просто разрабатывать веб-страницы, генерировать темы и мгновенно просмотреть результат. | http://www.boottheme.com/ | Перейти |
Beautiful Buttons for Twitter Bootstrappers | This is an extension to the Twitter Bootstrap framework. It makes creating pretty buttons easy. (Send improvements to @charliepark.) | http://charliepark.org/bootstr... | Перейти |
BootMetro | BootMetro - стиль "Windows 8 MetroUI" автор С.Пименов. | http://aozora.github.com/bootm... | Перейти |
Tocify - jQuery таблицы с содержимым | jQuery плагин, который динамически генерирует таблицу с содержимым. Tocify может опционально быть оформлен как Bootstrap или jQueryUI Themeroller и опционально анимирован с помощью jQuery show/hide и других эффектов. | http://gregfranko.com/jquery.t... | Перейти |
Flatstrap | Если вы устали от объёмных углов и градиентов в Бутстрепе - используйте Flatstrap | http://littlesparkvt.com/flats... | Перейти |
Select2 | Select2 - jQuery замена селектам. Поддерживает поиск, удалённые наборы данных, бесконечный скрол данных. | http://ivaynberg.github.com/se... | Перейти |
Kickstrap | Kickstrap - это фреймворк для расширения Bootstrap приложениями, темами и другим без необходимости установки. | http://getkickstrap.com | Перейти |
Bootstrap magic | Bootstrap генератор тем. Сделан с помощью. | http://pikock.github.com/boots... | Перейти |
TinyMCE скин Bootstrap | Шаблон для tinyMCE на основе Twitter Bootstrap | https://github.com/gtraxx/tiny... | Перейти |
bootstrap-select | Кастомный селект для БС работает как обычный БС селект. | https://github.com/silviomoret... | Перейти |
Иконочные шрифты Иконочные шрифты пригодятся при разных разрешениях экрана, если вы делаете адаптивный сайт, то самое время их использовать вместо стандартных БС иконок.
Название | Описание | Ссылка | Просмотр |
---|---|---|---|
Awesome | Векторные иконки для Bootstrap | http://fortawesome.github.io/Font-Awesome/ | Перейти |
Fontello | Все иконочные шрифты в одном кастомизуемом векторном шрифте. Вы можете выбирать иконки и создавать собственный набор. | http://fontello.com/ | Перейти |
Bootstrap Arrows | Стрелки для Bootstrap, автор @Iarfhlaith | http://bootstrap-arrows.iarfhl... | Перейти |
Ligature Symbols Icons | Iconic font with 250 icons. | http://kudakurage.com/ligature... | Перейти |
Font Custom | Generate custom icon webfonts from the comfort of the command line. | http://fontcustom.com/ | Перейти |
Elusive Icons | Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects! | http://aristath.github.com/elu... | Перейти |
Без категории сборная солянка
Название | Описание | Ссылка | Просмотр |
---|---|---|---|
Grid displayer bookmarklet | In-browser web design made easier with this bookmarklet which displays the grid of Bootstrap. | http://alefeuvre.github.com/fo... | Перейти |
Bootsnipp RSS into Evernote IFTTT recipe | Create Evernote Entry anytime an RSS entry is created from Bootsnip | https://ifttt.com/recipes/6272... | Перейти |
Sublime Text 2 сниппеты | Twitter Bootstrap сниппеты для Sublime Text 2 | http://github.com/devtellect/s... | Перейти |
Bootstrap CDN | Content Delivery Network that specializes in serving just the Bootstrap CSS, JS and icons. | http://bootstrapcdn.com | Перейти |