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 | Перейти |