- PVSM.RU - https://www.pvsm.ru -
Kickstrap [1] это то, что будет если соединить Twitter Bootstrap [2], HTML5 Boilerplate [3], значки от IcoMoon [4] и Font Awesome [5], добавить проверенные jQuery плагины Chosen [6] и jGrowl [7], включить поддержку разных цветовых схем и тем оформления Bootswatch [8], дополнительную CSS сетку [9] и вменяемую поддержку ранних версий IE.
От стандартного Twitter Bootstrap проект отличает зеленоватая цветовая гамма по умолчанию, дополнительные javascript плагины для создания дружественных выпадающих списков Chosen ( демо в Kickstrap [10] ) и jGrowl, который выводит сообщения в браузере также, как Growl в MacOSX ( демо в Kickstrap [11] ).
В качестве HTML основы взят пуленепробиваемый HTML5 шаблон HTML5 Boilerplate [12], со всеми вытекающими настройками crossdomain.xml, работой с Modernizr и скриптом сборки.
Kickstrap отлично стилизуется ( разнообразными темами [13] ), сейчас их 12 + стандартная зелёная. Поддержка тем для проекта адаптирована из https://github.com/thomaspark/bootswatch [14], сама же тема подключается соответствующим .less файлом.
В проект так же добавлена поддержка сетки OLCG [15] ( One Line CSS Grid ), которая содержит всего 3 класса — oh = «One half», ot = «One third» и tt = «Two thirds», но при этом поддерживает вложенность, разные браузеры и размеры экрана. Демонстрация работы сетки [16] все эти возможности отлично показывает.
Вместо Glyphicons в Kickstrap используются Awesome Icons [17] и IcoMoon [18]
Для поддержки IE 6 используются разработки проекта Bootstrap-IE6 [19], которые изначально сделаны для самого Twitter Bootstrap v2.
Проект довольно активно развивается и поддерживает новые версии оригинального Bootstrap, а на 15 апреля уже запланирована версия Kickstrap 0.9 RC.
Автор: boston
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/4573
Ссылки в тексте:
[1] Kickstrap: http://ajkochanowicz.github.com/Kickstrap/
[2] Twitter Bootstrap: http://twitter.github.com/bootstrap/
[3] HTML5 Boilerplate: http://html5boilerplate.com/
[4] IcoMoon: http://keyamoon.com/icomoon/
[5] Font Awesome: http://fortawesome.github.com/Font-Awesome/
[6] Chosen: http://harvesthq.github.com/chosen/
[7] jGrowl: http://archive.plugins.jquery.com/project/jGrowl
[8] Bootswatch: http://bootswatch.com/
[9] CSS сетку: http://adamkochanowicz.com/oneline.html
[10] демо в Kickstrap: http://ajkochanowicz.github.com/Kickstrap/javascript.html#chosen
[11] демо в Kickstrap: http://ajkochanowicz.github.com/Kickstrap/javascript.html#jgrowl
[12] HTML5 Boilerplate: https://github.com/h5bp/html5-boilerplate
[13] разнообразными темами: http://ajkochanowicz.github.com/Kickstrap/themes.html
[14] https://github.com/thomaspark/bootswatch: https://github.com/thomaspark/bootswatch
[15] сетки OLCG: http://ajkochanowicz.github.com/Kickstrap/scaffolding.html
[16] Демонстрация работы сетки: http://adamkochanowicz.com/oneline.html#example
[17] Awesome Icons: http://ajkochanowicz.github.com/Kickstrap/base-css.html#icons
[18] IcoMoon: http://ajkochanowicz.github.com/Kickstrap/base-css.html#icomoon
[19] Bootstrap-IE6: https://github.com/empowering-communities/Bootstrap-IE6
Нажмите здесь для печати.