Библиотека знаний - java-script:jquery
Заметки IT программиста
http://178.140.10.58:8080/
2026-04-17T14:25:01+00:00
Библиотека знаний
http://178.140.10.58:8080/
http://178.140.10.58:8080/lib/exe/fetch.php?media=wiki:dokuwiki.svg
-
text/html
2019-10-14T22:24:42+00:00
Anonymous (anonymous@undisclosed.example.com)
JQuery plugins / Плагины (Bootstrap)
http://178.140.10.58:8080/doku.php?id=java-script:jquery:plugins
<div class="tags"><span>
<a href="http://178.140.10.58:8080/doku.php?id=tag:jquery&do=showtag&tag=jquery" class="wikilink1" title="tag:jquery" rel="tag">jquery</a>,
<a href="http://178.140.10.58:8080/doku.php?id=tag:java-script&do=showtag&tag=java-script" class="wikilink1" title="tag:java-script" rel="tag">java-script</a>,
<a href="http://178.140.10.58:8080/doku.php?id=tag:plugins&do=showtag&tag=plugins" class="wikilink1" title="tag:plugins" rel="tag">plugins</a>,
<a href="http://178.140.10.58:8080/doku.php?id=tag:bootstrap&do=showtag&tag=bootstrap" class="wikilink1" title="tag:bootstrap" rel="tag">bootstrap</a>
</span></div>
<h1 class="sectionedit1" id="jquery_plugins_плагины_bootstrap">JQuery plugins / Плагины (Bootstrap)</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="http://178.140.10.58:8080/doku.php?id=develop:bootstrap" class="wikilink1" title="develop:bootstrap" data-wiki-id="develop:bootstrap">Bootstrap</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://jquery-plugins.net" class="urlextern" title="http://jquery-plugins.net" rel="ugc nofollow">http://jquery-plugins.net</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"JQuery plugins \/ \u041f\u043b\u0430\u0433\u0438\u043d\u044b (Bootstrap)","hid":"jquery_plugins_\u043f\u043b\u0430\u0433\u0438\u043d\u044b_bootstrap","codeblockOffset":0,"secid":1,"range":"47-171"} -->
<h1 class="sectionedit2" id="cookie">Cookie</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/js-cookie/js-cookie" class="urlextern" title="https://github.com/js-cookie/js-cookie" rel="ugc nofollow">https://github.com/js-cookie/js-cookie</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Cookie","hid":"cookie","codeblockOffset":0,"secid":2,"range":"172-237"} -->
<h2 class="sectionedit3" id="snippets">Snippets</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="http://bootsnipp.com/" class="urlextern" title="http://bootsnipp.com/" rel="ugc nofollow">http://bootsnipp.com/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Snippets","hid":"snippets","codeblockOffset":0,"secid":3,"range":"238-286"} -->
<h2 class="sectionedit4" id="коллекции_обзоры">Коллекции / Обзоры</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<strong><a href="http://www.jqueryscript.net/" class="urlextern" title="http://www.jqueryscript.net/" rel="ugc nofollow">http://www.jqueryscript.net/</a></strong>
</div></li>
<li class="level1"><div class="li">
<strong><a href="http://jquery-plugins.net/" class="urlextern" title="http://jquery-plugins.net/" rel="ugc nofollow">http://jquery-plugins.net/</a></strong>
</div></li>
<li class="level1"><div class="li">
<strong><a href="http://www.jqueryrain.com/" class="urlextern" title="http://www.jqueryrain.com/" rel="ugc nofollow">http://www.jqueryrain.com/</a></strong>
</div></li>
<li class="level1"><div class="li">
<a href="http://bizzartic.com/2013/01/01/bizz-store-ecommerce/" class="urlextern" title="http://bizzartic.com/2013/01/01/bizz-store-ecommerce/" rel="ugc nofollow">http://bizzartic.com/2013/01/01/bizz-store-ecommerce/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://veselov.sumy.ua/" class="urlextern" title="http://veselov.sumy.ua/" rel="ugc nofollow">http://veselov.sumy.ua/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u041a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438 \/ \u041e\u0431\u0437\u043e\u0440\u044b","hid":"\u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438_\u043e\u0431\u0437\u043e\u0440\u044b","codeblockOffset":0,"secid":4,"range":"287-529"} -->
<h1 class="sectionedit5" id="визульное_отображение_виджеты">Визульное отображение / Виджеты</h1>
<div class="level1">
</div>
<!-- EDIT{"target":"section","name":"\u0412\u0438\u0437\u0443\u043b\u044c\u043d\u043e\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \/ \u0412\u0438\u0434\u0436\u0435\u0442\u044b","hid":"\u0432\u0438\u0437\u0443\u043b\u044c\u043d\u043e\u0435_\u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435_\u0432\u0438\u0434\u0436\u0435\u0442\u044b","codeblockOffset":0,"secid":5,"range":"530-605"} -->
<h1 class="sectionedit6" id="ui_bootstrap">UI / Bootstrap</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/angular-ui/bootstrap" class="urlextern" title="https://github.com/angular-ui/bootstrap" rel="ugc nofollow">https://github.com/angular-ui/bootstrap</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://getbootstrap.com/" class="urlextern" title="http://getbootstrap.com/" rel="ugc nofollow">http://getbootstrap.com/</a> (оригинал)
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/donnfelker/android-bootstrap" class="urlextern" title="https://github.com/donnfelker/android-bootstrap" rel="ugc nofollow">https://github.com/donnfelker/android-bootstrap</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap" class="urlextern" title="https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap" rel="ugc nofollow">https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/TalksLab/metro-bootstrap" class="urlextern" title="https://github.com/TalksLab/metro-bootstrap" rel="ugc nofollow">https://github.com/TalksLab/metro-bootstrap</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/Pixelkit/PixelKit-Bootstrap-UI-Kits" class="urlextern" title="https://github.com/Pixelkit/PixelKit-Bootstrap-UI-Kits" rel="ugc nofollow">https://github.com/Pixelkit/PixelKit-Bootstrap-UI-Kits</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/vlamanna/BootstrapFormHelpers" class="urlextern" title="https://github.com/vlamanna/BootstrapFormHelpers" rel="ugc nofollow">https://github.com/vlamanna/BootstrapFormHelpers</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/l0rdn1kk0n/wicket-bootstrap" class="urlextern" title="https://github.com/l0rdn1kk0n/wicket-bootstrap" rel="ugc nofollow">https://github.com/l0rdn1kk0n/wicket-bootstrap</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/designmodo/Flat-UI" class="urlextern" title="https://github.com/designmodo/Flat-UI" rel="ugc nofollow">https://github.com/designmodo/Flat-UI</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/OskarGroth/UIButton-Bootstrap" class="urlextern" title="https://github.com/OskarGroth/UIButton-Bootstrap" rel="ugc nofollow">https://github.com/OskarGroth/UIButton-Bootstrap</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/liferay/alloy-ui/" class="urlextern" title="https://github.com/liferay/alloy-ui/" rel="ugc nofollow">https://github.com/liferay/alloy-ui/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/littlesparkvt/Flatstrap-for-Bootstrap-3" class="urlextern" title="https://github.com/littlesparkvt/Flatstrap-for-Bootstrap-3" rel="ugc nofollow">https://github.com/littlesparkvt/Flatstrap-for-Bootstrap-3</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/pikock/bootstrap-magic" class="urlextern" title="https://github.com/pikock/bootstrap-magic" rel="ugc nofollow">https://github.com/pikock/bootstrap-magic</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/ironsummitmedia/startbootstrap/" class="urlextern" title="https://github.com/ironsummitmedia/startbootstrap/" rel="ugc nofollow">https://github.com/ironsummitmedia/startbootstrap/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/gitana/alpaca" class="urlextern" title="https://github.com/gitana/alpaca" rel="ugc nofollow">https://github.com/gitana/alpaca</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/twittstrap/twittstrap/" class="urlextern" title="https://github.com/twittstrap/twittstrap/" rel="ugc nofollow">https://github.com/twittstrap/twittstrap/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/angular-ui/bootstrap" class="urlextern" title="https://github.com/angular-ui/bootstrap" rel="ugc nofollow">https://github.com/angular-ui/bootstrap</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/todc/todc-bootstrap/" class="urlextern" title="https://github.com/todc/todc-bootstrap/" rel="ugc nofollow">https://github.com/todc/todc-bootstrap/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://mgcrea.github.io/angular-strap/" class="urlextern" title="http://mgcrea.github.io/angular-strap/" rel="ugc nofollow">http://mgcrea.github.io/angular-strap/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://bootswatch.com/cosmo/" class="urlextern" title="http://bootswatch.com/cosmo/" rel="ugc nofollow">http://bootswatch.com/cosmo/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://alloyui.com/examples/color-picker/" class="urlextern" title="http://alloyui.com/examples/color-picker/" rel="ugc nofollow">http://alloyui.com/examples/color-picker/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"UI \/ Bootstrap","hid":"ui_bootstrap","codeblockOffset":0,"secid":6,"range":"606-1647"} -->
<h1 class="sectionedit7" id="редакторы">Редакторы</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="http://aloha-editor.org" class="urlextern" title="http://aloha-editor.org" rel="ugc nofollow">http://aloha-editor.org</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://imperavi.com/redactor" class="urlextern" title="http://imperavi.com/redactor" rel="ugc nofollow">http://imperavi.com/redactor</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="http://ckeditor.com" class="urlextern" title="http://ckeditor.com" rel="ugc nofollow">http://ckeditor.com</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div><ul>
<li class="level2"><div class="li">
<a href="http://kunstmaan.github.io/BootstrapCK-Skin" class="urlextern" title="http://kunstmaan.github.io/BootstrapCK-Skin" rel="ugc nofollow">http://kunstmaan.github.io/BootstrapCK-Skin</a>
</div></li>
<li class="level2"><div class="li">
<a href="https://ckeditor.com/ckeditor-4/demo" class="urlextern" title="https://ckeditor.com/ckeditor-4/demo" rel="ugc nofollow">https://ckeditor.com/ckeditor-4/demo</a>
</div></li>
<li class="level2"><div class="li">
<a href="https://ckeditor.com/ckeditor-5/demo" class="urlextern" title="https://ckeditor.com/ckeditor-5/demo" rel="ugc nofollow">https://ckeditor.com/ckeditor-5/demo</a>
</div></li>
</ul>
</li>
<li class="level1"><div class="li">
<a href="https://github.com/mindmup/bootstrap-wysiwyg" class="urlextern" title="https://github.com/mindmup/bootstrap-wysiwyg" rel="ugc nofollow">https://github.com/mindmup/bootstrap-wysiwyg</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://www.froala.com/wysiwyg-editor" class="urlextern" title="https://www.froala.com/wysiwyg-editor" rel="ugc nofollow">https://www.froala.com/wysiwyg-editor</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="https://summernote.org" class="urlextern" title="https://summernote.org" rel="ugc nofollow">https://summernote.org</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://quilljs.com" class="urlextern" title="https://quilljs.com" rel="ugc nofollow">https://quilljs.com</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://xdsoft.net/jodit" class="urlextern" title="https://xdsoft.net/jodit" rel="ugc nofollow">https://xdsoft.net/jodit</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="https://alex-d.github.io/Trumbowyg" class="urlextern" title="https://alex-d.github.io/Trumbowyg" rel="ugc nofollow">https://alex-d.github.io/Trumbowyg</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u044b","hid":"\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u044b","codeblockOffset":0,"secid":7,"range":"1648-2129"} -->
<h1 class="sectionedit8" id="работа_с_контентом">Работа с контентом</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="http://178.140.10.58:8080/doku.php?id=jquery:pjax" class="wikilink1" title="jquery:pjax" data-wiki-id="jquery:pjax">Pjax</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://gregfranko.com/jquery.tocify.js/" class="urlextern" title="http://gregfranko.com/jquery.tocify.js/" rel="ugc nofollow">http://gregfranko.com/jquery.tocify.js/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://labs.mintchaos.com/flippant.js/" class="urlextern" title="http://labs.mintchaos.com/flippant.js/" rel="ugc nofollow">http://labs.mintchaos.com/flippant.js/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/neokoenig/jQuery-gridmanager/" class="urlextern" title="https://github.com/neokoenig/jQuery-gridmanager/" rel="ugc nofollow">https://github.com/neokoenig/jQuery-gridmanager/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u0420\u0430\u0431\u043e\u0442\u0430 \u0441 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c","hid":"\u0440\u0430\u0431\u043e\u0442\u0430_\u0441_\u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c","codeblockOffset":0,"secid":8,"range":"2130-2344"} -->
<h2 class="sectionedit9" id="themes">Themes</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/thomaspark/bootswatch" class="urlextern" title="https://github.com/thomaspark/bootswatch" rel="ugc nofollow">https://github.com/thomaspark/bootswatch</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/VinceG/Bootstrap-Admin-Theme" class="urlextern" title="https://github.com/VinceG/Bootstrap-Admin-Theme" rel="ugc nofollow">https://github.com/VinceG/Bootstrap-Admin-Theme</a> (Для реализаций админки <a href="http://vinceg.github.io/Bootstrap-Admin-Theme/form.html#" class="urlextern" title="http://vinceg.github.io/Bootstrap-Admin-Theme/form.html#" rel="ugc nofollow">Демо</a>)
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme" class="urlextern" title="https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme" rel="ugc nofollow">https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://bootswatch.com/" class="urlextern" title="http://bootswatch.com/" rel="ugc nofollow">http://bootswatch.com/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://jumpstartthemes.com/themes/" class="urlextern" title="http://jumpstartthemes.com/themes/" rel="ugc nofollow">http://jumpstartthemes.com/themes/</a> - Платные темы
</div></li>
<li class="level1"><div class="li">
<a href="https://wrapbootstrap.com/" class="urlextern" title="https://wrapbootstrap.com/" rel="ugc nofollow">https://wrapbootstrap.com/</a> - Платные темы
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Themes","hid":"themes","codeblockOffset":0,"secid":9,"range":"2345-2794"} -->
<h3 class="sectionedit10" id="templates">Templates</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/tcrosen/twitter-bootstrap-typeahead" class="urlextern" title="https://github.com/tcrosen/twitter-bootstrap-typeahead" rel="ugc nofollow">https://github.com/tcrosen/twitter-bootstrap-typeahead</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Templates","hid":"templates","codeblockOffset":0,"secid":10,"range":"2795-2875"} -->
<h2 class="sectionedit11" id="комбобокс_селекторы_listbox">Комбобокс / Селекторы / Listbox</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/ivaynberg/select2" class="urlextern" title="https://github.com/ivaynberg/select2" rel="ugc nofollow">https://github.com/ivaynberg/select2</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/selectize/selectize.js" class="urlextern" title="https://github.com/selectize/selectize.js" rel="ugc nofollow">https://github.com/selectize/selectize.js</a> (<a href="http://selectize.github.io/selectize.js/" class="urlextern" title="http://selectize.github.io/selectize.js/" rel="ugc nofollow">DEMO</a>, <a href="https://github.com/selectize/selectize.js/tree/master/examples" class="urlextern" title="https://github.com/selectize/selectize.js/tree/master/examples" rel="ugc nofollow">EXAMPLES</a>) <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/silviomoreto/bootstrap-select" class="urlextern" title="https://github.com/silviomoreto/bootstrap-select" rel="ugc nofollow">https://github.com/silviomoreto/bootstrap-select</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/davidstutz/bootstrap-multiselect" class="urlextern" title="https://github.com/davidstutz/bootstrap-multiselect" rel="ugc nofollow">https://github.com/davidstutz/bootstrap-multiselect</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/danielfarrell/bootstrap-combobox" class="urlextern" title="https://github.com/danielfarrell/bootstrap-combobox" rel="ugc nofollow">https://github.com/danielfarrell/bootstrap-combobox</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox" class="urlextern" title="https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox" rel="ugc nofollow">https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/rroppolo/bootstrap-multisuggestplugin" class="urlextern" title="https://github.com/rroppolo/bootstrap-multisuggestplugin" rel="ugc nofollow">https://github.com/rroppolo/bootstrap-multisuggestplugin</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/jimjh/bootstrap-select" class="urlextern" title="https://github.com/jimjh/bootstrap-select" rel="ugc nofollow">https://github.com/jimjh/bootstrap-select</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.senamion.com/blog/jmultiselect2side.html" class="urlextern" title="http://www.senamion.com/blog/jmultiselect2side.html" rel="ugc nofollow">http://www.senamion.com/blog/jmultiselect2side.html</a> - jmultiselect2side
</div></li>
<li class="level1"><div class="li">
<a href="http://paulcampbell.github.io/Jquery-Draggable-List/" class="urlextern" title="http://paulcampbell.github.io/Jquery-Draggable-List/" rel="ugc nofollow">http://paulcampbell.github.io/Jquery-Draggable-List/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://davidstutz.github.io/bootstrap-multiselect/" class="urlextern" title="http://davidstutz.github.io/bootstrap-multiselect/" rel="ugc nofollow">http://davidstutz.github.io/bootstrap-multiselect/</a> - Bootstrap Multiselect
</div></li>
<li class="level1"><div class="li">
<a href="http://brianreavis.github.io/selectize.js/" class="urlextern" title="http://brianreavis.github.io/selectize.js/" rel="ugc nofollow">http://brianreavis.github.io/selectize.js/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://silviomoreto.github.io/bootstrap-select/" class="urlextern" title="https://silviomoreto.github.io/bootstrap-select/" rel="ugc nofollow">https://silviomoreto.github.io/bootstrap-select/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/silviomoreto/bootstrap-select" class="urlextern" title="https://github.com/silviomoreto/bootstrap-select" rel="ugc nofollow">https://github.com/silviomoreto/bootstrap-select</a> <a href="http://silviomoreto.github.io/bootstrap-select/examples/" class="urlextern" title="http://silviomoreto.github.io/bootstrap-select/examples/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://hernansartorio.com/jquery-nice-select/" class="urlextern" title="https://hernansartorio.com/jquery-nice-select/" rel="ugc nofollow">https://hernansartorio.com/jquery-nice-select/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/lcdsantos/jQuery-Selectric" class="urlextern" title="https://github.com/lcdsantos/jQuery-Selectric" rel="ugc nofollow">https://github.com/lcdsantos/jQuery-Selectric</a> - <a href="http://selectric.js.org/demo.html" class="urlextern" title="http://selectric.js.org/demo.html" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/lou/multi-select/" class="urlextern" title="https://github.com/lou/multi-select/" rel="ugc nofollow">https://github.com/lou/multi-select/</a> - <a href="http://loudev.com/#demos" class="urlextern" title="http://loudev.com/#demos" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/nbuytaert1/apex-select2" class="urlextern" title="https://github.com/nbuytaert1/apex-select2" rel="ugc nofollow">https://github.com/nbuytaert1/apex-select2</a> - <a href="https://apex.oracle.com/pls/apex/f?p=64237:20:::NO:20::" class="urlextern" title="https://apex.oracle.com/pls/apex/f?p=64237:20:::NO:20::" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/gfranko/jquery.selectBoxIt.js" class="urlextern" title="https://github.com/gfranko/jquery.selectBoxIt.js" rel="ugc nofollow">https://github.com/gfranko/jquery.selectBoxIt.js</a> - <a href="http://gregfranko.com/jquery.selectBoxIt.js/#Examples" class="urlextern" title="http://gregfranko.com/jquery.selectBoxIt.js/#Examples" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/select2/select2-bootstrap-theme" class="urlextern" title="https://github.com/select2/select2-bootstrap-theme" rel="ugc nofollow">https://github.com/select2/select2-bootstrap-theme</a> - <a href="https://select2.github.io/select2-bootstrap-theme/4.0.3.html" class="urlextern" title="https://select2.github.io/select2-bootstrap-theme/4.0.3.html" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/jshjohnson/Choices" class="urlextern" title="https://github.com/jshjohnson/Choices" rel="ugc nofollow">https://github.com/jshjohnson/Choices</a> - <a href="https://joshuajohnson.co.uk/Choices/" class="urlextern" title="https://joshuajohnson.co.uk/Choices/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/monterail/vuelidate" class="urlextern" title="https://github.com/monterail/vuelidate" rel="ugc nofollow">https://github.com/monterail/vuelidate</a> - <a href="https://vue-multiselect.js.org/#sub-single-select" class="urlextern" title="https://vue-multiselect.js.org/#sub-single-select" rel="ugc nofollow">DEMO</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u041a\u043e\u043c\u0431\u043e\u0431\u043e\u043a\u0441 \/ \u0421\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b \/ Listbox","hid":"\u043a\u043e\u043c\u0431\u043e\u0431\u043e\u043a\u0441_\u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b_listbox","codeblockOffset":0,"secid":11,"range":"2876-4712"} -->
<h2 class="sectionedit12" id="мультиселект">Мультиселект</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/lou/multi-select" class="urlextern" title="https://github.com/lou/multi-select" rel="ugc nofollow">https://github.com/lou/multi-select</a> - loudev
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u041c\u0443\u043b\u044c\u0442\u0438\u0441\u0435\u043b\u0435\u043a\u0442","hid":"\u043c\u0443\u043b\u044c\u0442\u0438\u0441\u0435\u043b\u0435\u043a\u0442","codeblockOffset":0,"secid":12,"range":"4713-4800"} -->
<h3 class="sectionedit13" id="dropdown">DropDown</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/CWSpear/bootstrap-hover-dropdown" class="urlextern" title="https://github.com/CWSpear/bootstrap-hover-dropdown" rel="ugc nofollow">https://github.com/CWSpear/bootstrap-hover-dropdown</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/alxlit/bootstrap-chosen" class="urlextern" title="https://github.com/alxlit/bootstrap-chosen" rel="ugc nofollow">https://github.com/alxlit/bootstrap-chosen</a> (предпочтителен)
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/behigh/bootstrap_dropdowns_enhancement" class="urlextern" title="https://github.com/behigh/bootstrap_dropdowns_enhancement" rel="ugc nofollow">https://github.com/behigh/bootstrap_dropdowns_enhancement</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"DropDown","hid":"dropdown","codeblockOffset":0,"secid":13,"range":"4801-5017"} -->
<h3 class="sectionedit14" id="tags">Tags</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/fdeschenes/bootstrap-tag" class="urlextern" title="https://github.com/fdeschenes/bootstrap-tag" rel="ugc nofollow">https://github.com/fdeschenes/bootstrap-tag</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/sciactive/ptags" class="urlextern" title="https://github.com/sciactive/ptags" rel="ugc nofollow">https://github.com/sciactive/ptags</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/maxwells/bootstrap-tags" class="urlextern" title="https://github.com/maxwells/bootstrap-tags" rel="ugc nofollow">https://github.com/maxwells/bootstrap-tags</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/TimSchlechter/bootstrap-tagsinput" class="urlextern" title="https://github.com/TimSchlechter/bootstrap-tagsinput" rel="ugc nofollow">https://github.com/TimSchlechter/bootstrap-tagsinput</a> (предпочтителен)
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/alxlit/bootstrap-chosen" class="urlextern" title="https://github.com/alxlit/bootstrap-chosen" rel="ugc nofollow">https://github.com/alxlit/bootstrap-chosen</a> (предпочтителен)
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/Sandglaz/bootstrap-tagautocomplete" class="urlextern" title="https://github.com/Sandglaz/bootstrap-tagautocomplete" rel="ugc nofollow">https://github.com/Sandglaz/bootstrap-tagautocomplete</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/goodybag/bootstrap-toggle" class="urlextern" title="https://github.com/goodybag/bootstrap-toggle" rel="ugc nofollow">https://github.com/goodybag/bootstrap-toggle</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/max-favilli/tagmanager" class="urlextern" title="https://github.com/max-favilli/tagmanager" rel="ugc nofollow">https://github.com/max-favilli/tagmanager</a> (интересно)
</div></li>
<li class="level1"><div class="li">
<a href="http://sliptree.github.io/bootstrap-tokenfield/" class="urlextern" title="http://sliptree.github.io/bootstrap-tokenfield/" rel="ugc nofollow">http://sliptree.github.io/bootstrap-tokenfield/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://brianreavis.github.io/selectize.js/" class="urlextern" title="http://brianreavis.github.io/selectize.js/" rel="ugc nofollow">http://brianreavis.github.io/selectize.js/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/sniperwolf/taggingJS" class="urlextern" title="https://github.com/sniperwolf/taggingJS" rel="ugc nofollow">https://github.com/sniperwolf/taggingJS</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/nanlabs/taggable-typeahead" class="urlextern" title="https://github.com/nanlabs/taggable-typeahead" rel="ugc nofollow">https://github.com/nanlabs/taggable-typeahead</a> <a href="http://nan-labs.com/taggable-typeahead/" class="urlextern" title="http://nan-labs.com/taggable-typeahead/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/max-favilli/tagmanager" class="urlextern" title="https://github.com/max-favilli/tagmanager" rel="ugc nofollow">https://github.com/max-favilli/tagmanager</a> <a href="http://welldonethings.com/tags/manager/v3" class="urlextern" title="http://welldonethings.com/tags/manager/v3" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/sliptree/bootstrap-tokenfield" class="urlextern" title="https://github.com/sliptree/bootstrap-tokenfield" rel="ugc nofollow">https://github.com/sliptree/bootstrap-tokenfield</a> <a href="http://sliptree.github.io/bootstrap-tokenfield/#examples" class="urlextern" title="http://sliptree.github.io/bootstrap-tokenfield/#examples" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/Pixabay/jQuery-tagEditor" class="urlextern" title="https://github.com/Pixabay/jQuery-tagEditor" rel="ugc nofollow">https://github.com/Pixabay/jQuery-tagEditor</a> <a href="https://goodies.pixabay.com/jquery/tag-editor/demo.html" class="urlextern" title="https://goodies.pixabay.com/jquery/tag-editor/demo.html" rel="ugc nofollow">DEMO</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Tags","hid":"tags","codeblockOffset":0,"secid":14,"range":"5018-6079"} -->
<h2 class="sectionedit15" id="переключатели">Переключатели</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/nostalgiaz/bootstrap-switch" class="urlextern" title="https://github.com/nostalgiaz/bootstrap-switch" rel="ugc nofollow">https://github.com/nostalgiaz/bootstrap-switch</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/nostalgiaz/twitter-bootstrap-hover-dropdown" class="urlextern" title="https://github.com/nostalgiaz/twitter-bootstrap-hover-dropdown" rel="ugc nofollow">https://github.com/nostalgiaz/twitter-bootstrap-hover-dropdown</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/claviska/jquery-dropdown" class="urlextern" title="https://github.com/claviska/jquery-dropdown" rel="ugc nofollow">https://github.com/claviska/jquery-dropdown</a> (inline dropdown)
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438","hid":"\u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438","codeblockOffset":0,"secid":15,"range":"6080-6304"} -->
<h2 class="sectionedit16" id="календари_datepicker">Календари / DatePicker</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/eternicode/bootstrap-datepicker" class="urlextern" title="https://github.com/eternicode/bootstrap-datepicker" rel="ugc nofollow">https://github.com/eternicode/bootstrap-datepicker</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/tarruda/bootstrap-datetimepicker" class="urlextern" title="https://github.com/tarruda/bootstrap-datetimepicker" rel="ugc nofollow">https://github.com/tarruda/bootstrap-datetimepicker</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/Serhioromano/bootstrap-calendar" class="urlextern" title="https://github.com/Serhioromano/bootstrap-calendar" rel="ugc nofollow">https://github.com/Serhioromano/bootstrap-calendar</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/ahmontero/bootstrap-calendar" class="urlextern" title="https://github.com/ahmontero/bootstrap-calendar" rel="ugc nofollow">https://github.com/ahmontero/bootstrap-calendar</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/dangrossman/bootstrap-daterangepicker" class="urlextern" title="https://github.com/dangrossman/bootstrap-daterangepicker" rel="ugc nofollow">https://github.com/dangrossman/bootstrap-daterangepicker</a> <a href="https://github.com/dangrossman/bootstrap-daterangepicker" class="urlextern" title="https://github.com/dangrossman/bootstrap-daterangepicker" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/nazar-pc/PickMeUp" class="urlextern" title="https://github.com/nazar-pc/PickMeUp" rel="ugc nofollow">https://github.com/nazar-pc/PickMeUp</a> <a href="http://nazar-pc.github.io/PickMeUp/" class="urlextern" title="http://nazar-pc.github.io/PickMeUp/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.eyecon.ro/datepicker/" class="urlextern" title="http://www.eyecon.ro/datepicker/" rel="ugc nofollow">http://www.eyecon.ro/datepicker/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://xdsoft.net/jqplugins/datetimepicker/" class="urlextern" title="http://xdsoft.net/jqplugins/datetimepicker/" rel="ugc nofollow">http://xdsoft.net/jqplugins/datetimepicker/</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438 \/ DatePicker","hid":"\u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u0438_datepicker","codeblockOffset":0,"secid":16,"range":"6305-6870"} -->
<h2 class="sectionedit17" id="анимация">Анимация</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="http://gsgd.co.uk/sandbox/jquery/easing" class="urlextern" title="http://gsgd.co.uk/sandbox/jquery/easing" rel="ugc nofollow">http://gsgd.co.uk/sandbox/jquery/easing</a> / <a href="http://easings.net/ru" class="urlextern" title="http://easings.net/ru" rel="ugc nofollow">http://easings.net/ru</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f","hid":"\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f","codeblockOffset":0,"secid":17,"range":"6871-6969"} -->
<h2 class="sectionedit18" id="icons_arows">Icons / Arows</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/iarfhlaith/Bootstrap-Arrows" class="urlextern" title="https://github.com/iarfhlaith/Bootstrap-Arrows" rel="ugc nofollow">https://github.com/iarfhlaith/Bootstrap-Arrows</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Icons \/ Arows","hid":"icons_arows","codeblockOffset":0,"secid":18,"range":"6970-7048"} -->
<h2 class="sectionedit19" id="меню_navbar">Меню / Navbar</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/kamens/jQuery-menu-aim" class="urlextern" title="https://github.com/kamens/jQuery-menu-aim" rel="ugc nofollow">https://github.com/kamens/jQuery-menu-aim</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/geedmo/yamm" class="urlextern" title="https://github.com/geedmo/yamm" rel="ugc nofollow">https://github.com/geedmo/yamm</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/geedmo/yamm3" class="urlextern" title="https://github.com/geedmo/yamm3" rel="ugc nofollow">https://github.com/geedmo/yamm3</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/sydcanem/bootstrap-contextmenu" class="urlextern" title="https://github.com/sydcanem/bootstrap-contextmenu" rel="ugc nofollow">https://github.com/sydcanem/bootstrap-contextmenu</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/tdziurko/wicket-bootstrap-navbar" class="urlextern" title="https://github.com/tdziurko/wicket-bootstrap-navbar" rel="ugc nofollow">https://github.com/tdziurko/wicket-bootstrap-navbar</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.webdesignrazzi.com/2014/jquery-menus-plugins/2" class="urlextern" title="http://www.webdesignrazzi.com/2014/jquery-menus-plugins/2" rel="ugc nofollow">http://www.webdesignrazzi.com/2014/jquery-menus-plugins/2</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://geedmo.github.io/yamm/" class="urlextern" title="http://geedmo.github.io/yamm/" rel="ugc nofollow">http://geedmo.github.io/yamm/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u041c\u0435\u043d\u044e \/ Navbar","hid":"\u043c\u0435\u043d\u044e_navbar","codeblockOffset":0,"secid":19,"range":"7049-7402"} -->
<h2 class="sectionedit20" id="mobile">Mobile</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/lqez/flying-bootstrap" class="urlextern" title="https://github.com/lqez/flying-bootstrap" rel="ugc nofollow">https://github.com/lqez/flying-bootstrap</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Mobile","hid":"mobile","codeblockOffset":0,"secid":20,"range":"7403-7468"} -->
<h2 class="sectionedit21" id="контекстное">Контекстное</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/jakiestfu/Context.js" class="urlextern" title="https://github.com/jakiestfu/Context.js" rel="ugc nofollow">https://github.com/jakiestfu/Context.js</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.leecarmichael.com/bootstrapx-clickover/examples.html" class="urlextern" title="http://www.leecarmichael.com/bootstrapx-clickover/examples.html" rel="ugc nofollow">http://www.leecarmichael.com/bootstrapx-clickover/examples.html</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u041a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u043e\u0435","hid":"\u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u043e\u0435","codeblockOffset":0,"secid":21,"range":"7469-7619"} -->
<h2 class="sectionedit22" id="альтер_промт">Альтер / Промт</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/sairam/bootstrap-prompts" class="urlextern" title="https://github.com/sairam/bootstrap-prompts" rel="ugc nofollow">https://github.com/sairam/bootstrap-prompts</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u0410\u043b\u044c\u0442\u0435\u0440 \/ \u041f\u0440\u043e\u043c\u0442","hid":"\u0430\u043b\u044c\u0442\u0435\u0440_\u043f\u0440\u043e\u043c\u0442","codeblockOffset":0,"secid":22,"range":"7620-7706"} -->
<h1 class="sectionedit23" id="блокирока_контента">Блокирока контента</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/malsup/blockui/" class="urlextern" title="https://github.com/malsup/blockui/" rel="ugc nofollow">https://github.com/malsup/blockui/</a> - или всплывающее окно (пожайлуста подождите) или блокировка выбранного node
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u0411\u043b\u043e\u043a\u0438\u0440\u043e\u043a\u0430 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430","hid":"\u0431\u043b\u043e\u043a\u0438\u0440\u043e\u043a\u0430_\u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430","codeblockOffset":0,"secid":23,"range":"7707-7935"} -->
<h1 class="sectionedit24" id="template">Template</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="http://olado.github.com/doT/" class="urlextern" title="http://olado.github.com/doT/" rel="ugc nofollow">http://olado.github.com/doT/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/BorisMoore/jsrender" class="urlextern" title="https://github.com/BorisMoore/jsrender" rel="ugc nofollow">https://github.com/BorisMoore/jsrender</a>
</div><ul>
<li class="level2"><div class="li">
<a href="https://github.com/BorisMoore/jsviews" class="urlextern" title="https://github.com/BorisMoore/jsviews" rel="ugc nofollow">https://github.com/BorisMoore/jsviews</a> <a href="http://borismoore.github.com/jsviews/demos/index.html" class="urlextern" title="http://borismoore.github.com/jsviews/demos/index.html" rel="ugc nofollow">Демо</a>
</div></li>
</ul>
</li>
<li class="level1"><div class="li">
<a href="http://habrahabr.ru/post/112843/" class="urlextern" title="http://habrahabr.ru/post/112843/" rel="ugc nofollow">http://habrahabr.ru/post/112843/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Template","hid":"template","codeblockOffset":0,"secid":24,"range":"7936-8184"} -->
<h2 class="sectionedit25" id="примеры">Примеры</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="http://happlink.ru/" class="urlextern" title="http://happlink.ru/" rel="ugc nofollow">http://happlink.ru/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u041f\u0440\u0438\u043c\u0435\u0440\u044b","hid":"\u043f\u0440\u0438\u043c\u0435\u0440\u044b","codeblockOffset":0,"secid":25,"range":"8185-8237"} -->
<h1 class="sectionedit26" id="сплитеры">Сплитеры</h1>
<div class="level1">
</div>
<!-- EDIT{"target":"section","name":"\u0421\u043f\u043b\u0438\u0442\u0435\u0440\u044b","hid":"\u0441\u043f\u043b\u0438\u0442\u0435\u0440\u044b","codeblockOffset":0,"secid":26,"range":"8238-8269"} -->
<h1 class="sectionedit27" id="карусели">Карусели</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="http://sorgalla.com/jcarousel" class="urlextern" title="http://sorgalla.com/jcarousel" rel="ugc nofollow">http://sorgalla.com/jcarousel</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://kenwheeler.github.io/slick/" class="urlextern" title="http://kenwheeler.github.io/slick/" rel="ugc nofollow">http://kenwheeler.github.io/slick/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u041a\u0430\u0440\u0443\u0441\u0435\u043b\u0438","hid":"\u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438","codeblockOffset":0,"secid":27,"range":"8270-8375"} -->
<h1 class="sectionedit28" id="скрол">Скрол</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="http://flesler.blogspot.ru/2007/10/jqueryscrollto.html" class="urlextern" title="http://flesler.blogspot.ru/2007/10/jqueryscrollto.html" rel="ugc nofollow">http://flesler.blogspot.ru/2007/10/jqueryscrollto.html</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://cubiq.org/iscroll-4" class="urlextern" title="http://cubiq.org/iscroll-4" rel="ugc nofollow">http://cubiq.org/iscroll-4</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/webcreate/infinite-ajax-scroll" class="urlextern" title="https://github.com/webcreate/infinite-ajax-scroll" rel="ugc nofollow">https://github.com/webcreate/infinite-ajax-scroll</a> (автоматическия подгрузка контента при скроле)
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/janpaepke/ScrollMagic" class="urlextern" title="https://github.com/janpaepke/ScrollMagic" rel="ugc nofollow">https://github.com/janpaepke/ScrollMagic</a> (Магия при скролинге <strong>parallax effect</strong>)
</div></li>
<li class="level1"><div class="li">
<a href="http://www.pixxelfactory.net/jInvertScroll/" class="urlextern" title="http://www.pixxelfactory.net/jInvertScroll/" rel="ugc nofollow">http://www.pixxelfactory.net/jInvertScroll/</a> (горизонтальный <strong>parallax effect</strong>)
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u0421\u043a\u0440\u043e\u043b","hid":"\u0441\u043a\u0440\u043e\u043b","codeblockOffset":0,"secid":28,"range":"8376-8836"} -->
<h1 class="sectionedit29" id="подсказки_tooltip_notify">Подсказки / ToolTip / Notify</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="http://jqueryui.com/tooltip/" class="urlextern" title="http://jqueryui.com/tooltip/" rel="ugc nofollow">http://jqueryui.com/tooltip/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://rubentd.com/darktooltip/" class="urlextern" title="http://rubentd.com/darktooltip/" rel="ugc nofollow">http://rubentd.com/darktooltip/</a> <a href="https://github.com/darthrubens/darktooltip" class="urlextern" title="https://github.com/darthrubens/darktooltip" rel="ugc nofollow">git</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u041f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0438 \/ ToolTip \/ Notify","hid":"\u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0438_tooltip_notify","codeblockOffset":0,"secid":29,"range":"8837-9011"} -->
<h2 class="sectionedit30" id="notify">Notify</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/CodeSeven/toastr" class="urlextern" title="https://github.com/CodeSeven/toastr" rel="ugc nofollow">https://github.com/CodeSeven/toastr</a> <a href="http://codeseven.github.io/toastr/demo.html" class="urlextern" title="http://codeseven.github.io/toastr/demo.html" rel="ugc nofollow">DEMO</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="http://pinesframework.org/pnotify" class="urlextern" title="http://pinesframework.org/pnotify" rel="ugc nofollow">http://pinesframework.org/pnotify</a> <a href="http://sciactive.com/pnotify/" class="urlextern" title="http://sciactive.com/pnotify/" rel="ugc nofollow">DEMO</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/mouse0270/bootstrap-notify" class="urlextern" title="https://github.com/mouse0270/bootstrap-notify" rel="ugc nofollow">https://github.com/mouse0270/bootstrap-notify</a> <a href="http://bootstrap-notify.remabledesigns.com/" class="urlextern" title="http://bootstrap-notify.remabledesigns.com/" rel="ugc nofollow">DEMO</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/Nijikokun/bootstrap-notify" class="urlextern" title="https://github.com/Nijikokun/bootstrap-notify" rel="ugc nofollow">https://github.com/Nijikokun/bootstrap-notify</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/jpillora/notifyjs" class="urlextern" title="https://github.com/jpillora/notifyjs" rel="ugc nofollow">https://github.com/jpillora/notifyjs</a> <a href="http://notifyjs.com/" class="urlextern" title="http://notifyjs.com/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/goodybag/bootstrap-notify" class="urlextern" title="https://github.com/goodybag/bootstrap-notify" rel="ugc nofollow">https://github.com/goodybag/bootstrap-notify</a> <a href="http://goodybag.github.io/bootstrap-notify/" class="urlextern" title="http://goodybag.github.io/bootstrap-notify/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/cnlevy/jNotify" class="urlextern" title="https://github.com/cnlevy/jNotify" rel="ugc nofollow">https://github.com/cnlevy/jNotify</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://ned.im/noty/" class="urlextern" title="https://ned.im/noty/" rel="ugc nofollow">https://ned.im/noty/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://notifyjs.com/" class="urlextern" title="https://notifyjs.com/" rel="ugc nofollow">https://notifyjs.com/</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="http://akquinet.github.io/jquery-toastmessage-plugin/" class="urlextern" title="http://akquinet.github.io/jquery-toastmessage-plugin/" rel="ugc nofollow">http://akquinet.github.io/jquery-toastmessage-plugin/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://taitems.github.io/iOS-Overlay/" class="urlextern" title="https://taitems.github.io/iOS-Overlay/" rel="ugc nofollow">https://taitems.github.io/iOS-Overlay/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://roshiro.github.io/TitleNotifier.js/" class="urlextern" title="http://roshiro.github.io/TitleNotifier.js/" rel="ugc nofollow">http://roshiro.github.io/TitleNotifier.js/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://ifightcrime.github.io/bootstrap-growl/" class="urlextern" title="https://ifightcrime.github.io/bootstrap-growl/" rel="ugc nofollow">https://ifightcrime.github.io/bootstrap-growl/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://danielraftery.com/read/Sticky-A-super-simple-notification-system-for-jQuery" class="urlextern" title="http://danielraftery.com/read/Sticky-A-super-simple-notification-system-for-jQuery" rel="ugc nofollow">http://danielraftery.com/read/Sticky-A-super-simple-notification-system-for-jQuery</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://naoxink.hol.es/notifIt/" class="urlextern" title="http://naoxink.hol.es/notifIt/" rel="ugc nofollow">http://naoxink.hol.es/notifIt/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://amaranjs.com/" class="urlextern" title="http://amaranjs.com/" rel="ugc nofollow">http://amaranjs.com/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/pontikis/jui_alert/" class="urlextern" title="https://github.com/pontikis/jui_alert/" rel="ugc nofollow">https://github.com/pontikis/jui_alert/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://fabien-d.github.io/alertify.js/" class="urlextern" title="https://fabien-d.github.io/alertify.js/" rel="ugc nofollow">https://fabien-d.github.io/alertify.js/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/needim/noty" class="urlextern" title="https://github.com/needim/noty" rel="ugc nofollow">https://github.com/needim/noty</a> <a href="https://ned.im/noty/#/" class="urlextern" title="https://ned.im/noty/#/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://jhuet.github.io/jquery-jnotify/" class="urlextern" title="http://jhuet.github.io/jquery-jnotify/" rel="ugc nofollow">http://jhuet.github.io/jquery-jnotify/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Notify","hid":"notify","codeblockOffset":0,"secid":30,"range":"9012-10177"} -->
<h3 class="sectionedit31" id="growl">growl</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/ifightcrime/bootstrap-growl" class="urlextern" title="https://github.com/ifightcrime/bootstrap-growl" rel="ugc nofollow">https://github.com/ifightcrime/bootstrap-growl</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"growl","hid":"growl","codeblockOffset":0,"secid":31,"range":"10178-10246"} -->
<h1 class="sectionedit32" id="просмотр_в_окне_lightbox">Просмотр в окне / Lightbox</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="http://fancybox.net/" class="urlextern" title="http://fancybox.net/" rel="ugc nofollow">http://fancybox.net/</a> <a href="http://fancybox.net/" class="urlextern" title="http://fancybox.net/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/jbutz/bootstrap-lightbox" class="urlextern" title="https://github.com/jbutz/bootstrap-lightbox" rel="ugc nofollow">https://github.com/jbutz/bootstrap-lightbox</a> <a href="http://jbutz.github.io/bootstrap-lightbox/#demo" class="urlextern" title="http://jbutz.github.io/bootstrap-lightbox/#demo" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.jacklmoore.com/colorbox/" class="urlextern" title="http://www.jacklmoore.com/colorbox/" rel="ugc nofollow">http://www.jacklmoore.com/colorbox/</a> <a href="http://www.jacklmoore.com/colorbox/example1/" class="urlextern" title="http://www.jacklmoore.com/colorbox/example1/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://codylindley.com/thickbox/" class="urlextern" title="http://codylindley.com/thickbox/" rel="ugc nofollow">http://codylindley.com/thickbox/</a> <a href="http://codylindley.com/thickbox/" class="urlextern" title="http://codylindley.com/thickbox/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://noelboss.github.io/featherlight/" class="urlextern" title="https://noelboss.github.io/featherlight/" rel="ugc nofollow">https://noelboss.github.io/featherlight/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://photoswipe.com/" class="urlextern" title="http://photoswipe.com/" rel="ugc nofollow">http://photoswipe.com/</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="http://ilightbox.net/" class="urlextern" title="http://ilightbox.net/" rel="ugc nofollow">http://ilightbox.net/</a> <a href="http://ilightbox.net/#advanced_mixed" class="urlextern" title="http://ilightbox.net/#advanced_mixed" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://ashleydw.github.io/lightbox/" class="urlextern" title="http://ashleydw.github.io/lightbox/" rel="ugc nofollow">http://ashleydw.github.io/lightbox/</a> <a href="http://ashleydw.github.io/lightbox/#single-image" class="urlextern" title="http://ashleydw.github.io/lightbox/#single-image" rel="ugc nofollow">DEMO</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="http://ionicabizau.github.io/mini-lightbox/" class="urlextern" title="http://ionicabizau.github.io/mini-lightbox/" rel="ugc nofollow">http://ionicabizau.github.io/mini-lightbox/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://cornel.bopp-art.com/lightcase/" class="urlextern" title="http://cornel.bopp-art.com/lightcase/" rel="ugc nofollow">http://cornel.bopp-art.com/lightcase/</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" /> <a href="http://cornel.bopp-art.com/lightcase/#demo" class="urlextern" title="http://cornel.bopp-art.com/lightcase/#demo" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://lightlayer.martinmetodiev.com/" class="urlextern" title="http://lightlayer.martinmetodiev.com/" rel="ugc nofollow">http://lightlayer.martinmetodiev.com/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://sachinchoolur.github.io/lightGallery/" class="urlextern" title="http://sachinchoolur.github.io/lightGallery/" rel="ugc nofollow">http://sachinchoolur.github.io/lightGallery/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://terrymun.github.io/Fluidbox/demo/index.html" class="urlextern" title="http://terrymun.github.io/Fluidbox/demo/index.html" rel="ugc nofollow">http://terrymun.github.io/Fluidbox/demo/index.html</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" /> <a href="http://terrymun.github.io/Fluidbox/demo/index.html#content" class="urlextern" title="http://terrymun.github.io/Fluidbox/demo/index.html#content" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://dimsemenov.com/plugins/magnific-popup/" class="urlextern" title="http://dimsemenov.com/plugins/magnific-popup/" rel="ugc nofollow">http://dimsemenov.com/plugins/magnific-popup/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://feimosi.github.io/baguetteBox.js/" class="urlextern" title="http://feimosi.github.io/baguetteBox.js/" rel="ugc nofollow">http://feimosi.github.io/baguetteBox.js/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://lokeshdhakar.com/projects/lightbox2/" class="urlextern" title="http://lokeshdhakar.com/projects/lightbox2/" rel="ugc nofollow">http://lokeshdhakar.com/projects/lightbox2/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto" class="urlextern" title="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto" rel="ugc nofollow">http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://projects.nickstakenburg.com/lightview" class="urlextern" title="http://projects.nickstakenburg.com/lightview" rel="ugc nofollow">http://projects.nickstakenburg.com/lightview</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.digitalia.be/software/slimbox2/#demo" class="urlextern" title="http://www.digitalia.be/software/slimbox2/#demo" rel="ugc nofollow">http://www.digitalia.be/software/slimbox2/#demo</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://www.jqueryscript.net/demo/Quick-Simple-LightBox-Plugin-Boxer/demo/" class="urlextern" title="https://www.jqueryscript.net/demo/Quick-Simple-LightBox-Plugin-Boxer/demo/" rel="ugc nofollow">https://www.jqueryscript.net/demo/Quick-Simple-LightBox-Plugin-Boxer/demo/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://jqueryhouse.com/jquery-lightbox-plugins/" class="urlextern" title="https://jqueryhouse.com/jquery-lightbox-plugins/" rel="ugc nofollow">https://jqueryhouse.com/jquery-lightbox-plugins/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://jslightbox.felixhagspiel.de/" class="urlextern" title="http://jslightbox.felixhagspiel.de/" rel="ugc nofollow">http://jslightbox.felixhagspiel.de/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u0432 \u043e\u043a\u043d\u0435 \/ Lightbox","hid":"\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440_\u0432_\u043e\u043a\u043d\u0435_lightbox","codeblockOffset":0,"secid":32,"range":"10247-11762"} -->
<h2 class="sectionedit33" id="модальные_окна">Модальные окна</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="http://jquery.iceburg.net/jqModal/" class="urlextern" title="http://jquery.iceburg.net/jqModal/" rel="ugc nofollow">http://jquery.iceburg.net/jqModal/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://rubaxa.github.io/Ply/" class="urlextern" title="http://rubaxa.github.io/Ply/" rel="ugc nofollow">http://rubaxa.github.io/Ply/</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="http://foundation.zurb.com/docs/components/reveal.html" class="urlextern" title="http://foundation.zurb.com/docs/components/reveal.html" rel="ugc nofollow">http://foundation.zurb.com/docs/components/reveal.html</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/jschr/bootstrap-modal" class="urlextern" title="https://github.com/jschr/bootstrap-modal" rel="ugc nofollow">https://github.com/jschr/bootstrap-modal</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/eternicode/bootstrap-bigmodal" class="urlextern" title="https://github.com/eternicode/bootstrap-bigmodal" rel="ugc nofollow">https://github.com/eternicode/bootstrap-bigmodal</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/nakupanda/bootstrap3-dialog" class="urlextern" title="https://github.com/nakupanda/bootstrap3-dialog" rel="ugc nofollow">https://github.com/nakupanda/bootstrap3-dialog</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/makeusabrew/bootbox" class="urlextern" title="https://github.com/makeusabrew/bootbox" rel="ugc nofollow">https://github.com/makeusabrew/bootbox</a> <a href="http://bootboxjs.com/" class="urlextern" title="http://bootboxjs.com/" rel="ugc nofollow">DEMO</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="http://jschr.github.io/bootstrap-modal/" class="urlextern" title="http://jschr.github.io/bootstrap-modal/" rel="ugc nofollow">http://jschr.github.io/bootstrap-modal/</a> <a href="http://jschr.github.io/bootstrap-modal/" class="urlextern" title="http://jschr.github.io/bootstrap-modal/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://sweetalert.js.org/" class="urlextern" title="https://sweetalert.js.org/" rel="ugc nofollow">https://sweetalert.js.org/</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="https://www.jqueryscript.net/demo/jQuery-Modal-Dialog-Plugin-For-Bootstrap-3-Bootstrap-3-Dialog/examples/" class="urlextern" title="https://www.jqueryscript.net/demo/jQuery-Modal-Dialog-Plugin-For-Bootstrap-3-Bootstrap-3-Dialog/examples/" rel="ugc nofollow">https://www.jqueryscript.net/demo/jQuery-Modal-Dialog-Plugin-For-Bootstrap-3-Bootstrap-3-Dialog/examples/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://www.jqueryscript.net/demo/Responsive-Flexible-jQuery-Lightbox-Plugin-Nivo-Lightbox/" class="urlextern" title="https://www.jqueryscript.net/demo/Responsive-Flexible-jQuery-Lightbox-Plugin-Nivo-Lightbox/" rel="ugc nofollow">https://www.jqueryscript.net/demo/Responsive-Flexible-jQuery-Lightbox-Plugin-Nivo-Lightbox/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://www.jqueryscript.net/demo/jQuery-Plugin-For-Full-Featured-Overlayed-Windows-containerPlus/" class="urlextern" title="https://www.jqueryscript.net/demo/jQuery-Plugin-For-Full-Featured-Overlayed-Windows-containerPlus/" rel="ugc nofollow">https://www.jqueryscript.net/demo/jQuery-Plugin-For-Full-Featured-Overlayed-Windows-containerPlus/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://www.jqueryscript.net/demo/Responsive-Customizable-jQuery-Modal-Window-Plugin-Helium-Modal/" class="urlextern" title="https://www.jqueryscript.net/demo/Responsive-Customizable-jQuery-Modal-Window-Plugin-Helium-Modal/" rel="ugc nofollow">https://www.jqueryscript.net/demo/Responsive-Customizable-jQuery-Modal-Window-Plugin-Helium-Modal/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://www.jqueryscript.net/demo/Responsive-jQuery-Modal-Window-Plugin-with-CSS3-Transitions-Custombox/" class="urlextern" title="https://www.jqueryscript.net/demo/Responsive-jQuery-Modal-Window-Plugin-with-CSS3-Transitions-Custombox/" rel="ugc nofollow">https://www.jqueryscript.net/demo/Responsive-jQuery-Modal-Window-Plugin-with-CSS3-Transitions-Custombox/</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="https://www.jqueryscript.net/lightbox/Modal-Boxes-Popups-Plugin-Avgrund-Modal.html" class="urlextern" title="https://www.jqueryscript.net/lightbox/Modal-Boxes-Popups-Plugin-Avgrund-Modal.html" rel="ugc nofollow">https://www.jqueryscript.net/lightbox/Modal-Boxes-Popups-Plugin-Avgrund-Modal.html</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://www.jqueryscript.net/lightbox/Animated-Responsive-Modal-Window-with-jQuery-CSS3-Expose-Modal.html" class="urlextern" title="https://www.jqueryscript.net/lightbox/Animated-Responsive-Modal-Window-with-jQuery-CSS3-Expose-Modal.html" rel="ugc nofollow">https://www.jqueryscript.net/lightbox/Animated-Responsive-Modal-Window-with-jQuery-CSS3-Expose-Modal.html</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://www.jqueryscript.net/lightbox/Minimal-Responsive-jQuery-Modal-Window-Plugin-Pop-Up-Window.html" class="urlextern" title="https://www.jqueryscript.net/lightbox/Minimal-Responsive-jQuery-Modal-Window-Plugin-Pop-Up-Window.html" rel="ugc nofollow">https://www.jqueryscript.net/lightbox/Minimal-Responsive-jQuery-Modal-Window-Plugin-Pop-Up-Window.html</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://www.jqueryscript.net/other/Stylish-jQuery-Notification-Alert-Plugin-Smart-Alert.html" class="urlextern" title="https://www.jqueryscript.net/other/Stylish-jQuery-Notification-Alert-Plugin-Smart-Alert.html" rel="ugc nofollow">https://www.jqueryscript.net/other/Stylish-jQuery-Notification-Alert-Plugin-Smart-Alert.html</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u041c\u043e\u0434\u0430\u043b\u044c\u043d\u044b\u0435 \u043e\u043a\u043d\u0430","hid":"\u043c\u043e\u0434\u0430\u043b\u044c\u043d\u044b\u0435_\u043e\u043a\u043d\u0430","codeblockOffset":0,"secid":33,"range":"11763-13221"} -->
<h2 class="sectionedit34" id="popup">Popup</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="https://www.jqueryscript.net/demo/jQuery-Multi-Purpose-Popup-Modal-Plugin-popModal/" class="urlextern" title="https://www.jqueryscript.net/demo/jQuery-Multi-Purpose-Popup-Modal-Plugin-popModal/" rel="ugc nofollow">https://www.jqueryscript.net/demo/jQuery-Multi-Purpose-Popup-Modal-Plugin-popModal/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Popup","hid":"popup","codeblockOffset":0,"secid":34,"range":"13222-13329"} -->
<h2 class="sectionedit35" id="галерея_gallery">Галерея / Gallery</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/blueimp/Bootstrap-Image-Gallery" class="urlextern" title="https://github.com/blueimp/Bootstrap-Image-Gallery" rel="ugc nofollow">https://github.com/blueimp/Bootstrap-Image-Gallery</a> <a href="http://blueimp.github.io/Bootstrap-Image-Gallery/" class="urlextern" title="http://blueimp.github.io/Bootstrap-Image-Gallery/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://blueimp.github.io/Bootstrap-Image-Gallery/" class="urlextern" title="http://blueimp.github.io/Bootstrap-Image-Gallery/" rel="ugc nofollow">http://blueimp.github.io/Bootstrap-Image-Gallery/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://www.jqueryscript.net/demo/Responsive-Touch-Friendly-jQuery-Image-Video-Gallery-Plugin/" class="urlextern" title="https://www.jqueryscript.net/demo/Responsive-Touch-Friendly-jQuery-Image-Video-Gallery-Plugin/" rel="ugc nofollow">https://www.jqueryscript.net/demo/Responsive-Touch-Friendly-jQuery-Image-Video-Gallery-Plugin/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://www.jqueryscript.net/demo/Creating-A-Image-Viewer-with-Descriptions-Like-Facebook-jQuery-FBPhotoBox/" class="urlextern" title="https://www.jqueryscript.net/demo/Creating-A-Image-Viewer-with-Descriptions-Like-Facebook-jQuery-FBPhotoBox/" rel="ugc nofollow">https://www.jqueryscript.net/demo/Creating-A-Image-Viewer-with-Descriptions-Like-Facebook-jQuery-FBPhotoBox/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://www.jqueryscript.net/lightbox/Lightweight-Responsive-jQuery-CSS3-Modal-Plugin-LiteBox.html" class="urlextern" title="https://www.jqueryscript.net/lightbox/Lightweight-Responsive-jQuery-CSS3-Modal-Plugin-LiteBox.html" rel="ugc nofollow">https://www.jqueryscript.net/lightbox/Lightweight-Responsive-jQuery-CSS3-Modal-Plugin-LiteBox.html</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/felixhagspiel/jsOnlyLightbox" class="urlextern" title="https://github.com/felixhagspiel/jsOnlyLightbox" rel="ugc nofollow">https://github.com/felixhagspiel/jsOnlyLightbox</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://dimsemenov.com/plugins/magnific-popup/" class="urlextern" title="http://dimsemenov.com/plugins/magnific-popup/" rel="ugc nofollow">http://dimsemenov.com/plugins/magnific-popup/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u0413\u0430\u043b\u0435\u0440\u0435\u044f \/ Gallery","hid":"\u0433\u0430\u043b\u0435\u0440\u0435\u044f_gallery","codeblockOffset":0,"secid":35,"range":"13330-13954"} -->
<h2 class="sectionedit36" id="слайдеры">Слайдеры</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="https://owlcarousel2.github.io/OwlCarousel2/demos/demos.html" class="urlextern" title="https://owlcarousel2.github.io/OwlCarousel2/demos/demos.html" rel="ugc nofollow">https://owlcarousel2.github.io/OwlCarousel2/demos/demos.html</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="http://refreshless.com/nouislider/" class="urlextern" title="http://refreshless.com/nouislider/" rel="ugc nofollow">http://refreshless.com/nouislider/</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" /> - не плохой
</div></li>
<li class="level1"><div class="li">
<a href="http://jqueryui.com/demos/slider/" class="urlextern" title="http://jqueryui.com/demos/slider/" rel="ugc nofollow">http://jqueryui.com/demos/slider/</a> - конечно UI.
</div></li>
<li class="level1"><div class="li">
<a href="http://ghusse.github.com/jQRangeSlider/stable/demo/" class="urlextern" title="http://ghusse.github.com/jQRangeSlider/stable/demo/" rel="ugc nofollow">http://ghusse.github.com/jQRangeSlider/stable/demo/</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="http://egorkhmelev.github.com/jslider/" class="urlextern" title="http://egorkhmelev.github.com/jslider/" rel="ugc nofollow">http://egorkhmelev.github.com/jslider/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://ionden.com/a/plugins/ion.rangeSlider/" class="urlextern" title="http://ionden.com/a/plugins/ion.rangeSlider/" rel="ugc nofollow">http://ionden.com/a/plugins/ion.rangeSlider/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.designyourway.net/blog/resources/28-useful-jquery-sliders-you-need-to-download/" class="urlextern" title="http://www.designyourway.net/blog/resources/28-useful-jquery-sliders-you-need-to-download/" rel="ugc nofollow">http://www.designyourway.net/blog/resources/28-useful-jquery-sliders-you-need-to-download/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://kenwheeler.github.io/slick/" class="urlextern" title="http://kenwheeler.github.io/slick/" rel="ugc nofollow">http://kenwheeler.github.io/slick/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u0421\u043b\u0430\u0439\u0434\u0435\u0440\u044b","hid":"\u0441\u043b\u0430\u0439\u0434\u0435\u0440\u044b","codeblockOffset":0,"secid":36,"range":"13955-14461"} -->
<h3 class="sectionedit37" id="lazy_images">Lazy images</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/aFarkas/lazysizes" class="urlextern" title="https://github.com/aFarkas/lazysizes" rel="ugc nofollow">https://github.com/aFarkas/lazysizes</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Lazy images","hid":"lazy_images","codeblockOffset":0,"secid":37,"range":"14462-14526"} -->
<h1 class="sectionedit38" id="forms_элементы_форм">Forms / Элементы форм</h1>
<div class="level1">
</div>
<!-- EDIT{"target":"section","name":"Forms \/ \u042d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0444\u043e\u0440\u043c","hid":"forms_\u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b_\u0444\u043e\u0440\u043c","codeblockOffset":0,"secid":38,"range":"14527-14575"} -->
<h2 class="sectionedit39" id="стилизация">Стилизация</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/Mirocow/jQueryFormStyler" class="urlextern" title="https://github.com/Mirocow/jQueryFormStyler" rel="ugc nofollow">https://github.com/Mirocow/jQueryFormStyler</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u0421\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f","hid":"\u0441\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f","codeblockOffset":0,"secid":39,"range":"14576-14662"} -->
<h3 class="sectionedit40" id="checkbox">Checkbox</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/montrezorro/bootstrap-checkbox" class="urlextern" title="https://github.com/montrezorro/bootstrap-checkbox" rel="ugc nofollow">https://github.com/montrezorro/bootstrap-checkbox</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/abpetkov/switchery" class="urlextern" title="https://github.com/abpetkov/switchery" rel="ugc nofollow">https://github.com/abpetkov/switchery</a> <a href="http://abpetkov.github.io/switchery/" class="urlextern" title="http://abpetkov.github.io/switchery/" rel="ugc nofollow">DEMO</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Checkbox","hid":"checkbox","codeblockOffset":0,"secid":40,"range":"14663-14825"} -->
<h3 class="sectionedit41" id="editables_tables_sortable">Editables / Tables / Sortable</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/vitalets/x-editable" class="urlextern" title="https://github.com/vitalets/x-editable" rel="ugc nofollow">https://github.com/vitalets/x-editable</a> <a href="http://vitalets.github.io/x-editable/" class="urlextern" title="http://vitalets.github.io/x-editable/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/vitalets/bootstrap-editable" class="urlextern" title="https://github.com/vitalets/bootstrap-editable" rel="ugc nofollow">https://github.com/vitalets/bootstrap-editable</a> <a href="http://vitalets.github.io/bootstrap-editable/" class="urlextern" title="http://vitalets.github.io/bootstrap-editable/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/drvic10k/bootstrap-sortable" class="urlextern" title="https://github.com/drvic10k/bootstrap-sortable" rel="ugc nofollow">https://github.com/drvic10k/bootstrap-sortable</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/bwsewell/tablecloth" class="urlextern" title="https://github.com/bwsewell/tablecloth" rel="ugc nofollow">https://github.com/bwsewell/tablecloth</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/Jowin/Datatables-Bootstrap3" class="urlextern" title="https://github.com/Jowin/Datatables-Bootstrap3" rel="ugc nofollow">https://github.com/Jowin/Datatables-Bootstrap3</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/jeffdupont/bootstrap-data-table" class="urlextern" title="https://github.com/jeffdupont/bootstrap-data-table" rel="ugc nofollow">https://github.com/jeffdupont/bootstrap-data-table</a>
</div></li>
<li class="level1"><div class="li">
<strong><a href="https://handsontable.com/" class="urlextern" title="https://handsontable.com/" rel="ugc nofollow">https://handsontable.com/</a></strong> <a href="https://github.com/handsontable/handsontable" class="urlextern" title="https://github.com/handsontable/handsontable" rel="ugc nofollow">https://github.com/handsontable/handsontable</a>
</div></li>
<li class="level1"><div class="li">
<strong><a href="https://github.com/DataTables/DataTables" class="urlextern" title="https://github.com/DataTables/DataTables" rel="ugc nofollow">https://github.com/DataTables/DataTables</a></strong>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Editables \/ Tables \/ Sortable","hid":"editables_tables_sortable","codeblockOffset":0,"secid":41,"range":"14826-15391"} -->
<h3 class="sectionedit42" id="input_controls">Input controls</h3>
<div class="level3">
</div>
<!-- EDIT{"target":"section","name":"Input controls","hid":"input_controls","codeblockOffset":0,"secid":42,"range":"15392-15417"} -->
<h4 class="sectionedit43" id="masks">Masks</h4>
<div class="level4">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/igorescobar/jQuery-Mask-Plugin" class="urlextern" title="https://github.com/igorescobar/jQuery-Mask-Plugin" rel="ugc nofollow">https://github.com/igorescobar/jQuery-Mask-Plugin</a> <a href="http://igorescobar.github.io/jQuery-Mask-Plugin/" class="urlextern" title="http://igorescobar.github.io/jQuery-Mask-Plugin/" rel="ugc nofollow">DEMO</a>, <a href="http://igorescobar.github.io/jQuery-Mask-Plugin/docs.html" class="urlextern" title="http://igorescobar.github.io/jQuery-Mask-Plugin/docs.html" rel="ugc nofollow">DOCS</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/RobinHerbots/Inputmask" class="urlextern" title="https://github.com/RobinHerbots/Inputmask" rel="ugc nofollow">https://github.com/RobinHerbots/Inputmask</a> <a href="http://robinherbots.github.io/Inputmask/" class="urlextern" title="http://robinherbots.github.io/Inputmask/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/digitalBush/jquery.maskedinput" class="urlextern" title="https://github.com/digitalBush/jquery.maskedinput" rel="ugc nofollow">https://github.com/digitalBush/jquery.maskedinput</a> <a href="http://digitalbush.com/projects/masked-input-plugin/" class="urlextern" title="http://digitalbush.com/projects/masked-input-plugin/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://plentz.github.io/jquery-maskmoney/" class="urlextern" title="http://plentz.github.io/jquery-maskmoney/" rel="ugc nofollow">http://plentz.github.io/jquery-maskmoney/</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.decorplanit.com/plugin/" class="urlextern" title="http://www.decorplanit.com/plugin/" rel="ugc nofollow">http://www.decorplanit.com/plugin/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/customd/jquery-number" class="urlextern" title="https://github.com/customd/jquery-number" rel="ugc nofollow">https://github.com/customd/jquery-number</a> <a href="http://opensource.teamdf.com/number/examples/demo-as-you-type.html" class="urlextern" title="http://opensource.teamdf.com/number/examples/demo-as-you-type.html" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://andr-04.github.io/inputmask-multi/ru.html" class="urlextern" title="http://andr-04.github.io/inputmask-multi/ru.html" rel="ugc nofollow">http://andr-04.github.io/inputmask-multi/ru.html</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/wbruno/jquery.maskx" class="urlextern" title="https://github.com/wbruno/jquery.maskx" rel="ugc nofollow">https://github.com/wbruno/jquery.maskx</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Masks","hid":"masks","codeblockOffset":0,"secid":43,"range":"15418-16128"} -->
<h4 class="sectionedit44" id="control_input_length">Control input length</h4>
<div class="level4">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/mimo84/bootstrap-maxlength" class="urlextern" title="https://github.com/mimo84/bootstrap-maxlength" rel="ugc nofollow">https://github.com/mimo84/bootstrap-maxlength</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Control input length","hid":"control_input_length","codeblockOffset":0,"secid":44,"range":"16129-16209"} -->
<h3 class="sectionedit45" id="validate">Validate</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/ReactiveRaven/jqBootstrapValidation" class="urlextern" title="https://github.com/ReactiveRaven/jqBootstrapValidation" rel="ugc nofollow">https://github.com/ReactiveRaven/jqBootstrapValidation</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/Corollarium/validarium" class="urlextern" title="https://github.com/Corollarium/validarium" rel="ugc nofollow">https://github.com/Corollarium/validarium</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Validate","hid":"validate","codeblockOffset":0,"secid":45,"range":"16210-16335"} -->
<h3 class="sectionedit46" id="form_builder">Form Builder</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/minikomi/Bootstrap-Form-Builder" class="urlextern" title="https://github.com/minikomi/Bootstrap-Form-Builder" rel="ugc nofollow">https://github.com/minikomi/Bootstrap-Form-Builder</a> <a href="http://minikomi.github.io/Bootstrap-Form-Builder" class="urlextern" title="http://minikomi.github.io/Bootstrap-Form-Builder" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/Kdyby/BootstrapFormRenderer" class="urlextern" title="https://github.com/Kdyby/BootstrapFormRenderer" rel="ugc nofollow">https://github.com/Kdyby/BootstrapFormRenderer</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/nghuuphuoc/bootstrapvalidator" class="urlextern" title="https://github.com/nghuuphuoc/bootstrapvalidator" rel="ugc nofollow">https://github.com/nghuuphuoc/bootstrapvalidator</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/dobtco/formbuilder" class="urlextern" title="https://github.com/dobtco/formbuilder" rel="ugc nofollow">https://github.com/dobtco/formbuilder</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/gitana/alpaca" class="urlextern" title="https://github.com/gitana/alpaca" rel="ugc nofollow">https://github.com/gitana/alpaca</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.forms-angular.org/" class="urlextern" title="http://www.forms-angular.org/" rel="ugc nofollow">http://www.forms-angular.org/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Form Builder","hid":"form_builder","codeblockOffset":0,"secid":46,"range":"16336-16694"} -->
<h3 class="sectionedit47" id="color_picker">Color Picker</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="http://mjolnic.github.io/bootstrap-colorpicker/" class="urlextern" title="http://mjolnic.github.io/bootstrap-colorpicker/" rel="ugc nofollow">http://mjolnic.github.io/bootstrap-colorpicker/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Color Picker","hid":"color_picker","codeblockOffset":0,"secid":47,"range":"16695-16771"} -->
<h3 class="sectionedit48" id="progress_bar">Progress Bar</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/minddust/bootstrap-progressbar" class="urlextern" title="https://github.com/minddust/bootstrap-progressbar" rel="ugc nofollow">https://github.com/minddust/bootstrap-progressbar</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/geersch/bootstrap-progressbar" class="urlextern" title="https://github.com/geersch/bootstrap-progressbar" rel="ugc nofollow">https://github.com/geersch/bootstrap-progressbar</a>
</div></li>
<li class="level1"><div class="li">
<strong><a href="http://github.hubspot.com/pace/docs/welcome/" class="urlextern" title="http://github.hubspot.com/pace/docs/welcome/" rel="ugc nofollow">http://github.hubspot.com/pace/docs/welcome/</a></strong>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Progress Bar","hid":"progress_bar","codeblockOffset":0,"secid":48,"range":"16772-16956"} -->
<h3 class="sectionedit49" id="autocomplete">Autocomplete</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/Sandglaz/bootstrap-tagautocomplete" class="urlextern" title="https://github.com/Sandglaz/bootstrap-tagautocomplete" rel="ugc nofollow">https://github.com/Sandglaz/bootstrap-tagautocomplete</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/bassjobsen/Bootstrap-3-Typeahead" class="urlextern" title="https://github.com/bassjobsen/Bootstrap-3-Typeahead" rel="ugc nofollow">https://github.com/bassjobsen/Bootstrap-3-Typeahead</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/devbridge/jQuery-Autocomplete" class="urlextern" title="https://github.com/devbridge/jQuery-Autocomplete" rel="ugc nofollow">https://github.com/devbridge/jQuery-Autocomplete</a> <a href="http://www.devbridge.com/sourcery/components/jquery-autocomplete/" class="urlextern" title="http://www.devbridge.com/sourcery/components/jquery-autocomplete/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/rmm5t/jquery-flexselect" class="urlextern" title="https://github.com/rmm5t/jquery-flexselect" rel="ugc nofollow">https://github.com/rmm5t/jquery-flexselect</a> <a href="http://rmm5t.github.io/jquery-flexselect/" class="urlextern" title="http://rmm5t.github.io/jquery-flexselect/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/punkave/jquery-selective" class="urlextern" title="https://github.com/punkave/jquery-selective" rel="ugc nofollow">https://github.com/punkave/jquery-selective</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/ArtemFitiskin/jquery-autocompleter" class="urlextern" title="https://github.com/ArtemFitiskin/jquery-autocompleter" rel="ugc nofollow">https://github.com/ArtemFitiskin/jquery-autocompleter</a> <a href="http://artemfitiskin.github.io/jquery-autocompleter/" class="urlextern" title="http://artemfitiskin.github.io/jquery-autocompleter/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/qcubed/plugin_autocomplete2" class="urlextern" title="https://github.com/qcubed/plugin_autocomplete2" rel="ugc nofollow">https://github.com/qcubed/plugin_autocomplete2</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/aFarkas/remote-list" class="urlextern" title="https://github.com/aFarkas/remote-list" rel="ugc nofollow">https://github.com/aFarkas/remote-list</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/anseki/jquery-ui-autocomplete-scroll" class="urlextern" title="https://github.com/anseki/jquery-ui-autocomplete-scroll" rel="ugc nofollow">https://github.com/anseki/jquery-ui-autocomplete-scroll</a> <a href="http://anseki.github.io/jquery-ui-autocomplete-scroll/" class="urlextern" title="http://anseki.github.io/jquery-ui-autocomplete-scroll/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/oluckyman/acompleter" class="urlextern" title="https://github.com/oluckyman/acompleter" rel="ugc nofollow">https://github.com/oluckyman/acompleter</a> <a href="http://oluckyman.github.io/acompleter/" class="urlextern" title="http://oluckyman.github.io/acompleter/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/ArtemFitiskin/jquery-autocompleter" class="urlextern" title="https://github.com/ArtemFitiskin/jquery-autocompleter" rel="ugc nofollow">https://github.com/ArtemFitiskin/jquery-autocompleter</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/nicolasbize/magicsuggest" class="urlextern" title="https://github.com/nicolasbize/magicsuggest" rel="ugc nofollow">https://github.com/nicolasbize/magicsuggest</a> <a href="http://nicolasbize.com/magicsuggest/" class="urlextern" title="http://nicolasbize.com/magicsuggest/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/brianreavis/selectize.js" class="urlextern" title="https://github.com/brianreavis/selectize.js" rel="ugc nofollow">https://github.com/brianreavis/selectize.js</a> <a href="http://brianreavis.github.io/selectize.js/" class="urlextern" title="http://brianreavis.github.io/selectize.js/" rel="ugc nofollow">DEMO</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Autocomplete","hid":"autocomplete","codeblockOffset":0,"secid":49,"range":"16957-18051"} -->
<h3 class="sectionedit50" id="auto_submit">Auto submit</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/simsalabim/sisyphus" class="urlextern" title="https://github.com/simsalabim/sisyphus" rel="ugc nofollow">https://github.com/simsalabim/sisyphus</a> - <a href="http://sisyphus-js.herokuapp.com/" class="urlextern" title="http://sisyphus-js.herokuapp.com/" rel="ugc nofollow">DEMO</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Auto submit","hid":"auto_submit","codeblockOffset":0,"secid":50,"range":"18052-18162"} -->
<h3 class="sectionedit51" id="wizard">Wizard</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/gilluminate/Bootstrap-Wizard" class="urlextern" title="https://github.com/gilluminate/Bootstrap-Wizard" rel="ugc nofollow">https://github.com/gilluminate/Bootstrap-Wizard</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Wizard","hid":"wizard","codeblockOffset":0,"secid":51,"range":"18163-18233"} -->
<h3 class="sectionedit52" id="buttos">Buttos</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/mattlawer/BButton" class="urlextern" title="https://github.com/mattlawer/BButton" rel="ugc nofollow">https://github.com/mattlawer/BButton</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://www.plugolabs.com/twitter-bootstrap-button-generator/" class="urlextern" title="http://www.plugolabs.com/twitter-bootstrap-button-generator/" rel="ugc nofollow">http://www.plugolabs.com/twitter-bootstrap-button-generator/</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Buttos","hid":"buttos","codeblockOffset":0,"secid":52,"range":"18234-18358"} -->
<h3 class="sectionedit53" id="sliders">Sliders</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/seiyria/bootstrap-slider" class="urlextern" title="https://github.com/seiyria/bootstrap-slider" rel="ugc nofollow">https://github.com/seiyria/bootstrap-slider</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Sliders","hid":"sliders","codeblockOffset":0,"secid":53,"range":"18359-18426"} -->
<h3 class="sectionedit54" id="spin_увелить-уменьшить_значение_type_input">Spin / увелить-уменьшить значение type input</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="http://geersch.github.io/bootstrap-spinedit/" class="urlextern" title="http://geersch.github.io/bootstrap-spinedit/" rel="ugc nofollow">http://geersch.github.io/bootstrap-spinedit/</a> <a href="http://geersch.github.io/bootstrap-spinedit/demo.html" class="urlextern" title="http://geersch.github.io/bootstrap-spinedit/demo.html" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/geersch/bootstrap-spinedit" class="urlextern" title="https://github.com/geersch/bootstrap-spinedit" rel="ugc nofollow">https://github.com/geersch/bootstrap-spinedit</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Spin \/ \u0443\u0432\u0435\u043b\u0438\u0442\u044c-\u0443\u043c\u0435\u043d\u044c\u0448\u0438\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 type input","hid":"spin_\u0443\u0432\u0435\u043b\u0438\u0442\u044c-\u0443\u043c\u0435\u043d\u044c\u0448\u0438\u0442\u044c_\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435_type_input","codeblockOffset":0,"secid":54,"range":"18427-18669"} -->
<h3 class="sectionedit55" id="file_input">File Input</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/grevory/bootstrap-file-input" class="urlextern" title="https://github.com/grevory/bootstrap-file-input" rel="ugc nofollow">https://github.com/grevory/bootstrap-file-input</a> <img src="http://178.140.10.58:8080/lib/images/smileys/exclaim.svg" class="icon smiley" alt=":!:" />
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/markusslima/bootstrap-filestyle/" class="urlextern" title="https://github.com/markusslima/bootstrap-filestyle/" rel="ugc nofollow">https://github.com/markusslima/bootstrap-filestyle/</a> <a href="http://dev.tudosobreweb.com.br/bootstrap-filestyle/" class="urlextern" title="http://dev.tudosobreweb.com.br/bootstrap-filestyle/" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://gregpike.net/demos/bootstrap-file-input/demo.html" class="urlextern" title="http://gregpike.net/demos/bootstrap-file-input/demo.html" rel="ugc nofollow">http://gregpike.net/demos/bootstrap-file-input/demo.html</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/jasny/bootstrap/" class="urlextern" title="https://github.com/jasny/bootstrap/" rel="ugc nofollow">https://github.com/jasny/bootstrap/</a> <a href="http://jasny.github.io/bootstrap/javascript/#fileinput" class="urlextern" title="http://jasny.github.io/bootstrap/javascript/#fileinput" rel="ugc nofollow">DEMO</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/RubaXa/jquery.fileapi" class="urlextern" title="https://github.com/RubaXa/jquery.fileapi" rel="ugc nofollow">https://github.com/RubaXa/jquery.fileapi</a>
</div></li>
<li class="level1"><div class="li">
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"File Input","hid":"file_input","codeblockOffset":0,"secid":55,"range":"18670-19080"} -->
<h3 class="sectionedit56" id="tree_view">Tree view</h3>
<div class="level3">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/nickperkinslondon/angular-bootstrap-nav-tree" class="urlextern" title="https://github.com/nickperkinslondon/angular-bootstrap-nav-tree" rel="ugc nofollow">https://github.com/nickperkinslondon/angular-bootstrap-nav-tree</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/vakata/jstree/" class="urlextern" title="https://github.com/vakata/jstree/" rel="ugc nofollow">https://github.com/vakata/jstree/</a> - JsTree, <a href="http://www.jstree.com/demo" class="urlextern" title="http://www.jstree.com/demo" rel="ugc nofollow">DEMO</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Tree view","hid":"tree_view","codeblockOffset":0,"secid":56,"range":"19081-19255"} -->
<h1 class="sectionedit57" id="markdown">Markdown</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/toopay/bootstrap-markdown" class="urlextern" title="https://github.com/toopay/bootstrap-markdown" rel="ugc nofollow">https://github.com/toopay/bootstrap-markdown</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Markdown","hid":"markdown","codeblockOffset":0,"secid":57,"range":"19256-19329"} -->
<h1 class="sectionedit58" id="pagination_переключатели_страниц">Pagination / Переключатели страниц</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/lyonlai/bootstrap-paginator" class="urlextern" title="https://github.com/lyonlai/bootstrap-paginator" rel="ugc nofollow">https://github.com/lyonlai/bootstrap-paginator</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/webcreate/infinite-ajax-scroll" class="urlextern" title="https://github.com/webcreate/infinite-ajax-scroll" rel="ugc nofollow">https://github.com/webcreate/infinite-ajax-scroll</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"Pagination \/ \u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446","hid":"pagination_\u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438_\u0441\u0442\u0440\u0430\u043d\u0438\u0446","codeblockOffset":0,"secid":58,"range":"19330-19505"} -->
<h1 class="sectionedit59" id="прелоадер">Прелоадер</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/fgnass/spin.js" class="urlextern" title="https://github.com/fgnass/spin.js" rel="ugc nofollow">https://github.com/fgnass/spin.js</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u041f\u0440\u0435\u043b\u043e\u0430\u0434\u0435\u0440","hid":"\u043f\u0440\u0435\u043b\u043e\u0430\u0434\u0435\u0440","codeblockOffset":0,"secid":59,"range":"19506-19578"} -->
<h1 class="sectionedit60" id="графики">Графики</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="https://github.com/novus/nvd3" class="urlextern" title="https://github.com/novus/nvd3" rel="ugc nofollow">https://github.com/novus/nvd3</a> <a href="http://nvd3.org/" class="urlextern" title="http://nvd3.org/" rel="ugc nofollow">DEMO</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u0413\u0440\u0430\u0444\u0438\u043a\u0438","hid":"\u0433\u0440\u0430\u0444\u0438\u043a\u0438","codeblockOffset":0,"secid":60,"range":"19579-19669"} -->
<h1 class="sectionedit61" id="поведение_пользователя">Поведение пользователя</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="http://serkanyersen.github.io/ifvisible.js/demo.html" class="urlextern" title="http://serkanyersen.github.io/ifvisible.js/demo.html" rel="ugc nofollow">http://serkanyersen.github.io/ifvisible.js/demo.html</a> (смотрит пользователь иль управляет страницей)
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u041f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f","hid":"\u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435_\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f","codeblockOffset":0,"secid":61,"range":"19670-19873"} -->
<h1 class="sectionedit62" id="посмотреть">Посмотреть</h1>
<div class="level1">
<ul>
<li class="level1"><div class="li">
<a href="http://activizm.ru/js/app.js" class="urlextern" title="http://activizm.ru/js/app.js" rel="ugc nofollow">http://activizm.ru/js/app.js</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://activizm.ru/js/utilities.js?v3" class="urlextern" title="http://activizm.ru/js/utilities.js?v3" rel="ugc nofollow">http://activizm.ru/js/utilities.js?v3</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://activizm.ru/js/globalShowDialog.js" class="urlextern" title="http://activizm.ru/js/globalShowDialog.js" rel="ugc nofollow">http://activizm.ru/js/globalShowDialog.js</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/jbroadway/urlify" class="urlextern" title="https://github.com/jbroadway/urlify" rel="ugc nofollow">https://github.com/jbroadway/urlify</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/Gottox/node-urlify" class="urlextern" title="https://github.com/Gottox/node-urlify" rel="ugc nofollow">https://github.com/Gottox/node-urlify</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/onokumus/Bootstrap-Admin-Template" class="urlextern" title="https://github.com/onokumus/Bootstrap-Admin-Template" rel="ugc nofollow">https://github.com/onokumus/Bootstrap-Admin-Template</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/daviferreira/twitter_bootstrap_admin" class="urlextern" title="https://github.com/daviferreira/twitter_bootstrap_admin" rel="ugc nofollow">https://github.com/daviferreira/twitter_bootstrap_admin</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://masonry.desandro.com/" class="urlextern" title="http://masonry.desandro.com/" rel="ugc nofollow">http://masonry.desandro.com/</a> - Равномерное распределение контента
</div></li>
<li class="level1"><div class="li">
<a href="http://needim.github.com/noty/" class="urlextern" title="http://needim.github.com/noty/" rel="ugc nofollow">http://needim.github.com/noty/</a> - Вывод всплывающих сообщений
</div></li>
<li class="level1"><div class="li">
<a href="http://code.drewwilson.com/entry/tiptip-jquery-plugin" class="urlextern" title="http://code.drewwilson.com/entry/tiptip-jquery-plugin" rel="ugc nofollow">http://code.drewwilson.com/entry/tiptip-jquery-plugin</a> - вывод подсказок Tip
</div></li>
<li class="level1"><div class="li">
<a href="http://benalman.com/projects/jquery-bbq-plugin/" class="urlextern" title="http://benalman.com/projects/jquery-bbq-plugin/" rel="ugc nofollow">http://benalman.com/projects/jquery-bbq-plugin/</a> - Маршрутизация <abbr title="Uniform Resource Locator">URL</abbr> на стороне клиента
</div><ul>
<li class="level2"><div class="li">
<a href="https://github.com/Ti-webdev/jquery.router" class="urlextern" title="https://github.com/Ti-webdev/jquery.router" rel="ugc nofollow">https://github.com/Ti-webdev/jquery.router</a> <a href="http://rmcreative.ru/blog/post/jquery-router" class="urlextern" title="http://rmcreative.ru/blog/post/jquery-router" rel="ugc nofollow">Описание</a>
</div></li>
</ul>
</li>
<li class="level1"><div class="li">
<a href="http://imakewebthings.com/jquery-waypoints" class="urlextern" title="http://imakewebthings.com/jquery-waypoints" rel="ugc nofollow">http://imakewebthings.com/jquery-waypoints</a> - Добавляет возможность вешать обработчики на событие попадания какого-либо DOM-элемента в область видимости.
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/tuupola/jquery_lazyload" class="urlextern" title="https://github.com/tuupola/jquery_lazyload" rel="ugc nofollow">https://github.com/tuupola/jquery_lazyload</a> - отложенная загрузка картинок <a href="http://www.appelsiini.net/projects/lazyload/enabled_fadein.html" class="urlextern" title="http://www.appelsiini.net/projects/lazyload/enabled_fadein.html" rel="ugc nofollow">Демо</a>, <a href="http://vremenno.net/js/lazy-load/" class="urlextern" title="http://vremenno.net/js/lazy-load/" rel="ugc nofollow">Статья</a>
</div><ul>
<li class="level2"><div class="li">
<a href="https://github.com/pedromenezes/jQuery-lazyload" class="urlextern" title="https://github.com/pedromenezes/jQuery-lazyload" rel="ugc nofollow">https://github.com/pedromenezes/jQuery-lazyload</a>
</div></li>
<li class="level2"><div class="li">
<a href="http://yuilibrary.com/yui/docs/imageloader/" class="urlextern" title="http://yuilibrary.com/yui/docs/imageloader/" rel="ugc nofollow">http://yuilibrary.com/yui/docs/imageloader/</a>
</div></li>
<li class="level2"><div class="li">
<a href="http://www.appelsiini.net/projects/lazyload" class="urlextern" title="http://www.appelsiini.net/projects/lazyload" rel="ugc nofollow">http://www.appelsiini.net/projects/lazyload</a>
</div></li>
</ul>
</li>
<li class="level1"><div class="li">
<a href="http://www.infinite-scroll.com/" class="urlextern" title="http://www.infinite-scroll.com/" rel="ugc nofollow">http://www.infinite-scroll.com/</a> - Ленивая загрузка контента (бесконечный скролл)
</div></li>
<li class="level1"><div class="li">
<a href="https://github.com/karthickkumar-aj/bootstrap-admin" class="urlextern" title="https://github.com/karthickkumar-aj/bootstrap-admin" rel="ugc nofollow">https://github.com/karthickkumar-aj/bootstrap-admin</a>
</div></li>
<li class="level1"><div class="li">
<a href="http://veselov.sumy.ua/blog/page/13/" class="urlextern" title="http://veselov.sumy.ua/blog/page/13/" rel="ugc nofollow">http://veselov.sumy.ua/blog/page/13/</a>
</div></li>
<li class="level1"><div class="li">
<a href="https://mbraak.github.io/jqTree/#demo" class="urlextern" title="https://mbraak.github.io/jqTree/#demo" rel="ugc nofollow">https://mbraak.github.io/jqTree/#demo</a>
</div></li>
</ul>
</div>
<!-- EDIT{"target":"section","name":"\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c","hid":"\u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c","codeblockOffset":0,"secid":62,"range":"19874-"} -->