Kickstrap — форк Twitter Bootstrap с темами и бонусами

    image
    Kickstrap это то, что будет если соединить Twitter Bootstrap, HTML5 Boilerplate, значки от IcoMoon и Font Awesome, добавить проверенные jQuery плагины Chosen и jGrowl, включить поддержку разных цветовых схем и тем оформления Bootswatch, дополнительную CSS сетку и вменяемую поддержку ранних версий IE.

    От стандартного Twitter Bootstrap проект отличает зеленоватая цветовая гамма по умолчанию, дополнительные javascript плагины для создания дружественных выпадающих списков Chosen ( демо в Kickstrap ) и jGrowl, который выводит сообщения в браузере также, как Growl в MacOSX ( демо в Kickstrap ).

    В качестве HTML основы взят пуленепробиваемый HTML5 шаблон HTML5 Boilerplate, со всеми вытекающими настройками crossdomain.xml, работой с Modernizr и скриптом сборки.

    Kickstrap отлично стилизуется ( разнообразными темами ), сейчас их 12 + стандартная зелёная. Поддержка тем для проекта адаптирована из https://github.com/thomaspark/bootswatch, сама же тема подключается соответствующим .less файлом.

    В проект так же добавлена поддержка сетки OLCG ( One Line CSS Grid ), которая содержит всего 3 класса — oh = «One half», ot = «One third» и tt = «Two thirds», но при этом поддерживает вложенность, разные браузеры и размеры экрана. Демонстрация работы сетки все эти возможности отлично показывает.

    Вместо Glyphicons в Kickstrap используются Awesome Icons и IcoMoon

    Для поддержки IE 6 используются разработки проекта Bootstrap-IE6, которые изначально сделаны для самого Twitter Bootstrap v2.

    Проект довольно активно развивается и поддерживает новые версии оригинального Bootstrap, а на 15 апреля уже запланирована версия Kickstrap 0.9 RC.

    Комментарии 34

      +1
      Я так понимаю, он отлично совместим с макетами, которые сверстаны под Bootstrap? Т.е. если заменить исходные стили и скрипты стилями и скриптами Kickstrap-а, то ничего не разлезется. Так?
        +2
        Если брать только оформление стилями Bootswatch, то ничего не разлезется, проверено на нескольких проктах заменой css файлов Bootstrap'а.
        Если же целиком адаптировать Kickstrap под готовую вёрстку — то надо и все сопутствующие места приводить в соответсвие с Boilerplate HTML и новыми скриптами.
        В плане развития проекта казано что к версии 0.9 будет готова документация, считаю лучше стоит дождаться этого момента и там уже проверить новые плюшки.
        +2
        Пользоваться фреймворком становится все проще и проще. И это меня начинает беспокоить… Сайтов с ним может стать слишком много, и эта красота приестся.
          +5
          Фреймворк и называется фреймворком, потому что требует значительной доработки под конкретный проект… Увы этого не понимает большинство людей, используют все как есть — поэтому мы и видим сотни одинаковых сайтов
            0
            jQuery — JavaScript-фреймворк.
            .NET Framework

            Сиё значение уже слишком рассеялось.
              0
              jQuery — библиотека.
          • НЛО прилетело и опубликовало эту надпись здесь
              +6
              Полностью поддерживаю предыдущего оратора! Сайт в моем представлении — это в первую очередь его идея и контент. Именно на этом и стоит сфокусироваться в первую очередь, оригинальное оформление используя лишь по объективной необходимости при решении этих двух первичных задач.

              Пусть лучше везде будет стандартная не раздражающая аккуратная профессиональная верстка, чем вечно недоделанное, непродуманное и излишнее буйство фантазии.
                +3
                +100500. Никто не жалуется на массу приложений в одинаковых окошках. А сайт непременно должен быть произведением искусства и никаких гвоздей…
              +1
              Меня больше волнует скорость моей разработки и наличие готовых решений для стандартных задач чем заполонение интернета одинаковыми шаблонами.

              Да и не будет таких сайтов слишком много. Создать сайт на фреймворке — это не ГС на WordPress клепать.
                0
                Можно легко совмещать использование Bootstrap с клепанием ГС на WordPress :-) С помощью вот этого, например.
                  0
                  Благодарствую! Очень хорошая ссылочка.
                    0
                    Супер!
                    То, что нужно.
                  0
                  Не может форма, в конечном итоге, победить содержание. Плохие идеи в любом дизайне вымирают, а хорошие выживают. Поэтому все будет хорошо. :-)
                  +2
                  Как-то эти «дружественные селекты» налазят у меня на контент в хроме и фф
                    +1
                    В хроме не только селекты, но и сами блоки налазят друг на друга, беда в общем
                  • НЛО прилетело и опубликовало эту надпись здесь
                      0
                      Имхо, монстроидально. Люблю минимализм. Но, в наших реалиях, об этом лучше забыть, если делаешь не для себя.
                        0
                        А почему не работают examples?
                        ajkochanowicz.github.com/Kickstrap/examples/sample.html вот этот например (очевидно что там что-то отдает 404 вместо стиля)
                          +2
                          Походил по сайту. Там много чего не работает, в том числе некоторые элементы навигации в туториале.

                          Какие-то не очень хорошие впечатления оставила эта поделка.
                            0
                            Согласен. Все это по отдельности шикарные инструменты, а люди сварили кашу.
                          0
                          у кого-нибудь получилось скомпилировать тему из LESS-ов?
                          у меня одни ошибки лезут
                            +3
                            на странице Overview кликаем на кнопку download и получаем 404 )
                            clip2net.com/s/1KTWS
                            а в целом — очень интересный проект!
                            • НЛО прилетело и опубликовало эту надпись здесь
                                +2
                                Кому интересно, тут писал еще про всякие плюшки для Bootstrap. Еще в ту-же копилку: jhollingworth.github.com/bootstrap-wysihtml5/
                                  +1
                                  А кому-нибудь интересно внедрение Bootstrap в NetCat? Мы тут на досуге разработали трехколоночный макет для ускорения прототипирования сайта. 12 ячеек (в каждую можно выводить что угодно) + два меню, все настраивается в визуальном режиме почти без программирования. Причем исходники bootstrap не тронуты, можно обновлять и, вероятно, поднять до Kickstrap без проблем.
                                    +1
                                    Интересно вообще про внедрение, в любую готовую систему.
                                    +1
                                    Конечно интересно, но часть JS плагинов не работает.
                                      +2
                                      «Вырвиглазно» по большому счету получилось… За стили Bootstrap style для Choosen спасибо, вот только в модальных бутстрапных окнах его (choosen style select) плющит и колбасит!
                                        0
                                        Интересно, jQueryUI с ним будет совместимо? Кстати, есть jQuery UI Bootstrap. Наверно, теперь бутстрапов будет много…
                                          0
                                          Достаточно сомнительная штука, особенно учитывая некоторые предыдущие комментарии :) А вот за ссылку на Bootswatch — огромное спсибо, не знал про них раньше.
                                            0
                                            Появление тем для Twitter bootstrap — вполне ожидаемое событие. Я тоже не знал, что это уже есть, но был уверен, что кто-нибудь сделает. Чем не Zen Garden?
                                            0
                                            Интересно, а что Bootstrap не развивается также активно?
                                              0
                                              Кикстрап переехал на свой домен getkickstrap.com/, поэтому ссылки в статье устарели.

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

                                              Самое читаемое