Сниппеты для Twitter Bootstrap

    Фреймворк Twitter Bootstrap уже давно стал одним из самых любимых средств ленивых сторонников быстрого прототипирования и разработки интерфейсов, а где популярность там много разных сторонних интересных штук.
    На этот раз я случайно попал на пополняющуюся коллекцию сниппетов.
    Думаю многим пригодится, сейчас там набор небольшой (23 штуки), но уже достаточно полезный чтобы поделиться.
    Кликабельные картинки:

    Интерфейс аля gmail




    Футер блогозаписи



    Календарь на месяц



    Лайк и компания



    Интерфейс плеера



    Боковое меню админа



    Форматируем диск С



    Форма входа(по всей ширине)



    Панель текстового редактора



    Панель навигации



    Разноцветные заголовки



    Форма регистрации



    Простая форма входа



    Разметка для блога



    Кнопки



    Такая табличка тоже полезна



    Статистика например



    Тарифные планы



    Форма сообщения как у Твиттера



    Простой профиль пользователя


    • +109
    • 95,3k
    • 23
    Поделиться публикацией
    Похожие публикации
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама
    Комментарии 23
    • +6
      Недавно попался на глаза неплохой на мой взгляд date range picker.
    • +3
      Может не совсем в тему, сниппеты для Sublime Text 2, использую, очень удобно:
      github.com/devtellect/sublime-twitter-bootstrap-snippets
      • 0
        Доступно, кстати, через Package Control
      • –5
        Я прошу прощения, но это совсем для простаков. Примеры из документации — и те посложнее.
        • +6
          Это не примеры, это сниппеты.
          Дальше копировать-вставить. И пользуешься.
          В целом бывает полезны для всякой рутины. Не стоит столь категорично к ним подходить :-)
          • +1
            Ну «навигацию», форму входа и «статистику например» можно выкинуть. «Тарифные планы» и «Форма как у Твиттера» тоже улыбнуло :-) В общем, видно, руки чешутся, а применить негде ;-)

            Проверить на ошибки и отрезать края скринам.
        • +3
          Вся прелесть этих сниппетов в том, что они только в HTML, и не требуется подсовывать к стилям бутстрапа еще какие то сомнительные модификации. Очень подходит для прототипов и сайтов, не нуждающихся в дизайне.

          Им пора задуматься о создании каталога и над организацией правильной структуры разделов, а то как снипетов станет больше, будет уже тяжело во всём этом ориентироватся.
          • +1
            Спасибо, снипет по ссылке bootsnipp.com/snipps/full-width-login-form сейчас использовал в своем проекте.
            • +7
              jQuery UI Bootstrap
              addyosmani.github.com/jquery-ui-bootstrap/

              Bootstrap Image Gallery
              blueimp.github.com/Bootstrap-Image-Gallery/

              jQuery Mobile Bootstrap темы
              github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme

              Colorpicker и Datepicker
              www.eyecon.ro/colorpicker-and-datepicker-for-twitter-bootstrap.htm

              Стилизация (кастомизация) Bootstrap
              stylebootstrap.info/

              Кнопки стилизация
              charliepark.org/bootstrap_buttons/

              Темы Bootstrap
              bootswatch.com/

              facebook Bootstrap тема
              ckrack.github.com/fbootstrapp/

              Django Bootstrap
              github.com/dyve/django-bootstrap-toolkit

              WordPress Bootstrap
              bootstrapwp.rachelbaker.me/
              • НЛО прилетело и опубликовало эту надпись здесь
              • +1
                Кто-нибудь знает, а есть что-нибудь вроде date picker'а, только не с датой, а с выбором значений «от и до» из определенного промежутка? Как это сделано на я.маркете для цен, например.
              • +2
                Меня очень порадовали инлайн редакторы на базе popover: vitalets.github.com/bootstrap-editable/
                • +1
                  да, отличная штука!
                  • 0
                    Приятно слышать!
                    Скоро выйдет Yii-extension под него ;)
                  • 0
                    Отличная подборка!

                    Добавлю от себя:
                    Самый активный форк для datepicker: github.com/eternicode/bootstrap-datepicker
                    WISYWIG редактор: jhollingworth.github.com/bootstrap-wysihtml5/
                    • 0
                      html-код не посмотреть.
                      попробовал добавить левый отступ, глянул firebug-ом как он формируется, понял почему html не посмотреть :)
                    • 0
                      Есть сайт на русском, где есть спнипеты на Bootstrap переведенные с этого сайта + еще пару ресурсов по бутстрапу на русском — www.bootstrap-ninja.ru/

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