Показать страницуИстория страницыСсылки сюдаCopy this pageExport to MarkdownODT преобразованиеНаверх Вы загрузили старую версию документа! Сохранив её, вы создадите новую текущую версию с этим содержимым. Медиафайлы{{tag>jquery java-script plugins bootstrap}} ====== JQuery plugins / Плагины (Bootstrap) ====== * [[:bootstrap|Bootstrap]] * http://jquery-plugins.net ====== Cookie ====== * https://github.com/js-cookie/js-cookie ===== Snippets ===== * http://bootsnipp.com/ ===== Коллекции / Обзоры ===== * **http://www.jqueryscript.net/** * **http://jquery-plugins.net/** * **http://www.jqueryrain.com/** * http://bizzartic.com/2013/01/01/bizz-store-ecommerce/ * http://veselov.sumy.ua/ ======= Визульное отображение / Виджеты ======= ====== UI / Bootstrap ====== * https://github.com/angular-ui/bootstrap * http://getbootstrap.com/ (оригинал) * https://github.com/donnfelker/android-bootstrap * https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap * https://github.com/TalksLab/metro-bootstrap * https://github.com/Pixelkit/PixelKit-Bootstrap-UI-Kits * https://github.com/vlamanna/BootstrapFormHelpers * https://github.com/l0rdn1kk0n/wicket-bootstrap * https://github.com/designmodo/Flat-UI * https://github.com/OskarGroth/UIButton-Bootstrap * https://github.com/liferay/alloy-ui/ * https://github.com/littlesparkvt/Flatstrap-for-Bootstrap-3 * https://github.com/pikock/bootstrap-magic * https://github.com/ironsummitmedia/startbootstrap/ * https://github.com/gitana/alpaca * https://github.com/twittstrap/twittstrap/ * https://github.com/angular-ui/bootstrap * https://github.com/todc/todc-bootstrap/ * http://mgcrea.github.io/angular-strap/ * http://bootswatch.com/cosmo/ * http://alloyui.com/examples/color-picker/ ====== Редакторы ====== * http://aloha-editor.org/ * http://imperavi.com/redactor/ * http://ckeditor.com/ * http://kunstmaan.github.io/BootstrapCK-Skin/ * https://github.com/mindmup/bootstrap-wysiwyg/ ====== Работа с контентом ====== * [[jquery:pjax|Pjax]] * http://gregfranko.com/jquery.tocify.js/ * http://labs.mintchaos.com/flippant.js/ * https://github.com/neokoenig/jQuery-gridmanager/ ===== Themes ===== * https://github.com/thomaspark/bootswatch * https://github.com/VinceG/Bootstrap-Admin-Theme (Для реализаций админки [[http://vinceg.github.io/Bootstrap-Admin-Theme/form.html#|Демо]]) * https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme * http://bootswatch.com/ * http://jumpstartthemes.com/themes/ - Платные темы * https://wrapbootstrap.com/ - Платные темы ==== Templates ==== * https://github.com/tcrosen/twitter-bootstrap-typeahead ===== Комбобокс / Селекторы / Listbox ===== * https://github.com/ivaynberg/select2 :!: * https://github.com/selectize/selectize.js ([[http://selectize.github.io/selectize.js/|DEMO]], [[https://github.com/selectize/selectize.js/tree/master/examples|EXAMPLES]]) :!: * https://github.com/silviomoreto/bootstrap-select * https://github.com/davidstutz/bootstrap-multiselect * https://github.com/danielfarrell/bootstrap-combobox * https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox * https://github.com/rroppolo/bootstrap-multisuggestplugin * https://github.com/jimjh/bootstrap-select * http://www.senamion.com/blog/jmultiselect2side.html - jmultiselect2side * http://paulcampbell.github.io/Jquery-Draggable-List/ * http://davidstutz.github.io/bootstrap-multiselect/ - Bootstrap Multiselect * http://brianreavis.github.io/selectize.js/ * https://github.com/davidstutz/bootstrap-multiselect * https://silviomoreto.github.io/bootstrap-select/ * https://github.com/silviomoreto/bootstrap-select [[http://silviomoreto.github.io/bootstrap-select/examples/|DEMO]] ==== DropDown ==== * https://github.com/CWSpear/bootstrap-hover-dropdown * https://github.com/alxlit/bootstrap-chosen (предпочтителен) * https://github.com/behigh/bootstrap_dropdowns_enhancement ==== Tags ==== * https://github.com/fdeschenes/bootstrap-tag * https://github.com/sciactive/ptags * https://github.com/maxwells/bootstrap-tags * https://github.com/TimSchlechter/bootstrap-tagsinput (предпочтителен) * https://github.com/alxlit/bootstrap-chosen (предпочтителен) * https://github.com/Sandglaz/bootstrap-tagautocomplete * https://github.com/goodybag/bootstrap-toggle * https://github.com/max-favilli/tagmanager (интересно) * http://sliptree.github.io/bootstrap-tokenfield/ * http://brianreavis.github.io/selectize.js/ * https://github.com/sniperwolf/taggingJS * https://github.com/nanlabs/taggable-typeahead [[http://nan-labs.com/taggable-typeahead/|DEMO]] * https://github.com/max-favilli/tagmanager [[http://welldonethings.com/tags/manager/v3|DEMO]] ===== Переключатели ===== * https://github.com/nostalgiaz/bootstrap-switch * https://github.com/nostalgiaz/twitter-bootstrap-hover-dropdown * https://github.com/claviska/jquery-dropdown (inline dropdown) ===== Календари / DatePicker ===== * https://github.com/eternicode/bootstrap-datepicker * https://github.com/tarruda/bootstrap-datetimepicker * https://github.com/Serhioromano/bootstrap-calendar * https://github.com/ahmontero/bootstrap-calendar * https://github.com/dangrossman/bootstrap-daterangepicker [[https://github.com/dangrossman/bootstrap-daterangepicker|DEMO]] * https://github.com/nazar-pc/PickMeUp [[http://nazar-pc.github.io/PickMeUp/|DEMO]] * http://www.eyecon.ro/datepicker/ * http://xdsoft.net/jqplugins/datetimepicker/ :!: ===== Анимация ===== * http://gsgd.co.uk/sandbox/jquery/easing / http://easings.net/ru ===== Icons / Arows ===== * https://github.com/iarfhlaith/Bootstrap-Arrows ===== Меню / Navbar ===== * https://github.com/kamens/jQuery-menu-aim * https://github.com/geedmo/yamm * https://github.com/geedmo/yamm3 * https://github.com/sydcanem/bootstrap-contextmenu * https://github.com/tdziurko/wicket-bootstrap-navbar http://www.webdesignrazzi.com/2014/jquery-menus-plugins/2/ ===== Mobile ===== * https://github.com/lqez/flying-bootstrap ===== Контекстное ===== * https://github.com/jakiestfu/Context.js * http://www.leecarmichael.com/bootstrapx-clickover/examples.html ===== Альтер / Промт ===== * https://github.com/sairam/bootstrap-prompts ====== Блокирока контента ====== * https://github.com/malsup/blockui/ - или всплывающее окно (пожайлуста подождите) или блокировка выбранного node ====== Template ====== * http://olado.github.com/doT/ * https://github.com/BorisMoore/jsrender * https://github.com/BorisMoore/jsviews [[http://borismoore.github.com/jsviews/demos/index.html|Демо]] * http://habrahabr.ru/post/112843/ ===== Примеры ===== * http://happlink.ru/ ====== Сплитеры ====== ====== Карусели ====== * http://sorgalla.com/jcarousel * http://kenwheeler.github.io/slick/ ====== Скрол ====== * http://flesler.blogspot.ru/2007/10/jqueryscrollto.html * http://cubiq.org/iscroll-4 * https://github.com/webcreate/infinite-ajax-scroll (автоматическия подгрузка контента при скроле) * https://github.com/janpaepke/ScrollMagic (Магия при скролинге **parallax effect**) * http://www.pixxelfactory.net/jInvertScroll/ (горизонтальный **parallax effect**) ====== Подсказки / ToolTip / Notify ====== * http://jqueryui.com/tooltip/ * http://rubentd.com/darktooltip/ [[https://github.com/darthrubens/darktooltip|git]] ===== Notify ===== * https://github.com/CodeSeven/toastr [[http://codeseven.github.io/toastr/demo.html|DEMO]] :!: * http://pinesframework.org/pnotify [[http://sciactive.com/pnotify/|DEMO]] :!: * https://github.com/mouse0270/bootstrap-notify [[http://bootstrap-notify.remabledesigns.com/|DEMO]] :!: * https://github.com/Nijikokun/bootstrap-notify * https://github.com/jpillora/notifyjs [[http://notifyjs.com/|DEMO]] * https://github.com/goodybag/bootstrap-notify [[http://goodybag.github.io/bootstrap-notify/|DEMO]] * https://github.com/cnlevy/jNotify * https://ned.im/noty/ * https://notifyjs.com/ :!: * http://akquinet.github.io/jquery-toastmessage-plugin/ * https://taitems.github.io/iOS-Overlay/ * http://roshiro.github.io/TitleNotifier.js/ * https://ifightcrime.github.io/bootstrap-growl/ * http://danielraftery.com/read/Sticky-A-super-simple-notification-system-for-jQuery * http://naoxink.hol.es/notifIt/ * http://amaranjs.com/ * https://github.com/pontikis/jui_alert/ * https://fabien-d.github.io/alertify.js/ * https://github.com/needim/noty [[https://ned.im/noty/#/|DEMO]] * http://jhuet.github.io/jquery-jnotify/ ==== growl ==== * https://github.com/ifightcrime/bootstrap-growl ====== Просмотр в окне / Lightbox ====== * http://fancybox.net/ [[http://fancybox.net/|DEMO]] * https://github.com/jbutz/bootstrap-lightbox [[http://jbutz.github.io/bootstrap-lightbox/#demo|DEMO]] * http://www.jacklmoore.com/colorbox/ [[http://www.jacklmoore.com/colorbox/example1/|DEMO]] * http://codylindley.com/thickbox/ [[http://codylindley.com/thickbox/|DEMO]] * https://noelboss.github.io/featherlight/ * http://photoswipe.com/ :!: * http://ilightbox.net/ [[http://ilightbox.net/#advanced_mixed|DEMO]] * http://ashleydw.github.io/lightbox/ [[http://ashleydw.github.io/lightbox/#single-image|DEMO]] :!: * http://ionicabizau.github.io/mini-lightbox/ * http://cornel.bopp-art.com/lightcase/ :!: [[http://cornel.bopp-art.com/lightcase/#demo|DEMO]] * http://lightlayer.martinmetodiev.com/ * http://sachinchoolur.github.io/lightGallery/ * http://terrymun.github.io/Fluidbox/demo/index.html :!: [[http://terrymun.github.io/Fluidbox/demo/index.html#content |DEMO]] * http://dimsemenov.com/plugins/magnific-popup/ * http://feimosi.github.io/baguetteBox.js/ * http://lokeshdhakar.com/projects/lightbox2/ * http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto * http://projects.nickstakenburg.com/lightview * http://www.digitalia.be/software/slimbox2/#demo * https://www.jqueryscript.net/demo/Quick-Simple-LightBox-Plugin-Boxer/demo/ * https://jqueryhouse.com/jquery-lightbox-plugins/ * http://jslightbox.felixhagspiel.de/ ===== Модальные окна ===== * http://jquery.iceburg.net/jqModal/ * http://rubaxa.github.io/Ply/ :!: * http://foundation.zurb.com/docs/components/reveal.html * https://github.com/jschr/bootstrap-modal * https://github.com/eternicode/bootstrap-bigmodal * https://github.com/nakupanda/bootstrap3-dialog * https://github.com/makeusabrew/bootbox [[http://bootboxjs.com/|DEMO]] :!: * http://jschr.github.io/bootstrap-modal/ [[http://jschr.github.io/bootstrap-modal/|DEMO]] * https://sweetalert.js.org/ :!: * https://www.jqueryscript.net/demo/jQuery-Modal-Dialog-Plugin-For-Bootstrap-3-Bootstrap-3-Dialog/examples/ * https://www.jqueryscript.net/demo/Responsive-Flexible-jQuery-Lightbox-Plugin-Nivo-Lightbox/ * https://www.jqueryscript.net/demo/jQuery-Plugin-For-Full-Featured-Overlayed-Windows-containerPlus/ * https://www.jqueryscript.net/demo/Responsive-Customizable-jQuery-Modal-Window-Plugin-Helium-Modal/ * https://www.jqueryscript.net/demo/Responsive-jQuery-Modal-Window-Plugin-with-CSS3-Transitions-Custombox/ :!: * https://www.jqueryscript.net/lightbox/Modal-Boxes-Popups-Plugin-Avgrund-Modal.html * https://www.jqueryscript.net/lightbox/Animated-Responsive-Modal-Window-with-jQuery-CSS3-Expose-Modal.html * https://www.jqueryscript.net/lightbox/Minimal-Responsive-jQuery-Modal-Window-Plugin-Pop-Up-Window.html * https://www.jqueryscript.net/other/Stylish-jQuery-Notification-Alert-Plugin-Smart-Alert.html ===== Popup ===== * https://www.jqueryscript.net/demo/jQuery-Multi-Purpose-Popup-Modal-Plugin-popModal/ ===== Галерея / Gallery ===== * https://github.com/blueimp/Bootstrap-Image-Gallery [[http://blueimp.github.io/Bootstrap-Image-Gallery/|DEMO]] * http://blueimp.github.io/Bootstrap-Image-Gallery/ * https://www.jqueryscript.net/demo/Responsive-Touch-Friendly-jQuery-Image-Video-Gallery-Plugin/ * https://www.jqueryscript.net/demo/Creating-A-Image-Viewer-with-Descriptions-Like-Facebook-jQuery-FBPhotoBox/ * https://www.jqueryscript.net/lightbox/Lightweight-Responsive-jQuery-CSS3-Modal-Plugin-LiteBox.html * https://github.com/felixhagspiel/jsOnlyLightbox * http://dimsemenov.com/plugins/magnific-popup/ ===== Слайдеры ===== * http://refreshless.com/nouislider/ - не плохой * http://jqueryui.com/demos/slider/ - конечно UI. * http://ghusse.github.com/jQRangeSlider/stable/demo/ * http://egorkhmelev.github.com/jslider/ * http://ionden.com/a/plugins/ion.rangeSlider/ * http://ghusse.github.io/jQRangeSlider/technicalDemo.html * http://www.designyourway.net/blog/resources/28-useful-jquery-sliders-you-need-to-download/ ==== Lazy images ==== * https://github.com/aFarkas/lazysizes ====== Forms / Элементы форм ====== ===== Стилизация ===== * https://github.com/Mirocow/jQueryFormStyler :!: ==== Checkbox ==== * https://github.com/montrezorro/bootstrap-checkbox ==== Editables / Tables / Sortable ==== * https://github.com/vitalets/x-editable [[http://vitalets.github.io/x-editable/|DEMO]] * https://github.com/vitalets/bootstrap-editable [[http://vitalets.github.io/bootstrap-editable/|DEMO]] * https://github.com/drvic10k/bootstrap-sortable * https://github.com/bwsewell/tablecloth * https://github.com/Jowin/Datatables-Bootstrap3 * https://github.com/jeffdupont/bootstrap-data-table * **https://handsontable.com/** https://github.com/handsontable/handsontable * **https://github.com/DataTables/DataTables** ==== Input controls ==== === Masks === * https://github.com/igorescobar/jQuery-Mask-Plugin [[http://igorescobar.github.io/jQuery-Mask-Plugin/|DEMO]], [[http://igorescobar.github.io/jQuery-Mask-Plugin/docs.html|DOCS]] * https://github.com/RobinHerbots/Inputmask [[http://robinherbots.github.io/Inputmask/|DEMO]] * https://github.com/digitalBush/jquery.maskedinput [[http://digitalbush.com/projects/masked-input-plugin/|DEMO]] * http://plentz.github.io/jquery-maskmoney/ * http://www.decorplanit.com/plugin/ * https://github.com/customd/jquery-number [[http://opensource.teamdf.com/number/examples/demo-as-you-type.html|DEMO]] * http://andr-04.github.io/inputmask-multi/ru.html * https://github.com/wbruno/jquery.maskx === Control input length === * https://github.com/mimo84/bootstrap-maxlength ==== Validate ==== * https://github.com/ReactiveRaven/jqBootstrapValidation * https://github.com/Corollarium/validarium ==== Form Builder ==== * https://github.com/minikomi/Bootstrap-Form-Builder [[http://minikomi.github.io/Bootstrap-Form-Builder|DEMO]] * https://github.com/Kdyby/BootstrapFormRenderer * https://github.com/nghuuphuoc/bootstrapvalidator * https://github.com/dobtco/formbuilder :!: * https://github.com/gitana/alpaca * http://www.forms-angular.org/ ==== Color Picker ==== * http://mjolnic.github.io/bootstrap-colorpicker/ ==== Progress Bar ==== * https://github.com/minddust/bootstrap-progressbar * https://github.com/geersch/bootstrap-progressbar * **http://github.hubspot.com/pace/docs/welcome/** ==== Autocomplete ==== * https://github.com/Sandglaz/bootstrap-tagautocomplete * https://github.com/bassjobsen/Bootstrap-3-Typeahead * https://github.com/devbridge/jQuery-Autocomplete [[http://www.devbridge.com/sourcery/components/jquery-autocomplete/|DEMO]] * https://github.com/rmm5t/jquery-flexselect [[http://rmm5t.github.io/jquery-flexselect/|DEMO]] * https://github.com/punkave/jquery-selective * https://github.com/ArtemFitiskin/jquery-autocompleter [[http://artemfitiskin.github.io/jquery-autocompleter/|DEMO]] * https://github.com/qcubed/plugin_autocomplete2 * https://github.com/aFarkas/remote-list * https://github.com/anseki/jquery-ui-autocomplete-scroll [[http://anseki.github.io/jquery-ui-autocomplete-scroll/|DEMO]] * https://github.com/oluckyman/acompleter [[http://oluckyman.github.io/acompleter/|DEMO]] * https://github.com/ArtemFitiskin/jquery-autocompleter * https://github.com/nicolasbize/magicsuggest [[http://nicolasbize.com/magicsuggest/|DEMO]] * https://github.com/brianreavis/selectize.js [[http://brianreavis.github.io/selectize.js/|DEMO]] ==== Wizard ==== * https://github.com/gilluminate/Bootstrap-Wizard ==== Buttos ==== * https://github.com/mattlawer/BButton * http://www.plugolabs.com/twitter-bootstrap-button-generator/ ==== Sliders ==== * https://github.com/seiyria/bootstrap-slider ==== Spin / увелить-уменьшить значение type input ==== * http://geersch.github.io/bootstrap-spinedit/ [[http://geersch.github.io/bootstrap-spinedit/demo.html|DEMO]] * https://github.com/geersch/bootstrap-spinedit ==== File Input ==== * https://github.com/grevory/bootstrap-file-input * https://github.com/markusslima/bootstrap-filestyle/ [[http://dev.tudosobreweb.com.br/bootstrap-filestyle/|DEMO]] * http://gregpike.net/demos/bootstrap-file-input/demo.html * https://github.com/jasny/bootstrap/ [[http://jasny.github.io/bootstrap/javascript/#fileinput|DEMO]] * https://github.com/RubaXa/jquery.fileapi ==== Tree view ==== * https://github.com/nickperkinslondon/angular-bootstrap-nav-tree * https://github.com/vakata/jstree/ - JsTree, [[http://www.jstree.com/demo|DEMO]] ====== Markdown ====== * https://github.com/toopay/bootstrap-markdown ====== Pagination / Переключатели страниц ====== * https://github.com/lyonlai/bootstrap-paginator * https://github.com/webcreate/infinite-ajax-scroll ====== Прелоадер ====== * https://github.com/fgnass/spin.js ====== Графики ====== * https://github.com/novus/nvd3 [[http://nvd3.org/|DEMO]] ====== Поведение пользователя ====== * http://serkanyersen.github.io/ifvisible.js/demo.html (смотрит пользователь иль управляет страницей) ====== Посмотреть ====== * http://activizm.ru/js/app.js * http://activizm.ru/js/utilities.js?v3 * http://activizm.ru/js/globalShowDialog.js * https://github.com/jbroadway/urlify * https://github.com/Gottox/node-urlify * https://github.com/onokumus/Bootstrap-Admin-Template * https://github.com/daviferreira/twitter_bootstrap_admin * http://masonry.desandro.com/ - Равномерное распределение контента * http://needim.github.com/noty/ - Вывод всплывающих сообщений * http://code.drewwilson.com/entry/tiptip-jquery-plugin - вывод подсказок Tip * http://benalman.com/projects/jquery-bbq-plugin/ - Маршрутизация URL на стороне клиента * https://github.com/Ti-webdev/jquery.router [[http://rmcreative.ru/blog/post/jquery-router|Описание]] * http://imakewebthings.com/jquery-waypoints - Добавляет возможность вешать обработчики на событие попадания какого-либо DOM-элемента в область видимости. * https://github.com/tuupola/jquery_lazyload - отложенная загрузка картинок [[http://www.appelsiini.net/projects/lazyload/enabled_fadein.html|Демо]], [[http://vremenno.net/js/lazy-load/|Статья]] * https://github.com/pedromenezes/jQuery-lazyload * http://yuilibrary.com/yui/docs/imageloader/ * http://www.appelsiini.net/projects/lazyload * http://www.infinite-scroll.com/ - Ленивая загрузка контента (бесконечный скролл) * https://github.com/karthickkumar-aj/bootstrap-admin * http://veselov.sumy.ua/blog/page/13/ * https://mbraak.github.io/jqTree/#demo СохранитьПросмотрРазличияОтменить Сводка изменений Примечание: редактируя эту страницу, вы соглашаетесь на использование своего вклада на условиях следующей лицензии: CC0 1.0 Universal