> 50 потрясающих плагинов jquery Часть 1 | html-live

50 потрясающих плагинов jquery Часть 1

Сейчас плагин для jquery не пишет только ленивый в связи с чем развелось их огромное множество. Выполняют они разные функции (диологовые и модальные окна, скролбары, анимации итд) но объединяет их одно — за ними очень сложно уследить. Выкладываю небольшую подборку свежих jquery-плагинов,  найденых на просторах интернета вот здесь.

Подборка разбита по-разделам

Диалоговые окна

1. Alertify.js

Alertify (github) Небольшая библиотека для кастомизации стандартных диалоговых окон браузера:

Alertify.js

 

2. jQuery Avgrund

jQuery Avgrund (github) Еще одна неплохая библиотека. Имеет не так много настроек, как предыдущая, но все-равно, неплохой экземпляр

jQuery Avgrund

 

Формы

3. iCheck

iCheck (github) Плагин для кастомизации стандартных эелментов формы (checkbox, input etc)

1 $(document).ready(function(){
2     $('input').iCheck({
3         checkboxClass: 'icheckbox_minimal',
4         radioClass: 'iradio_minimal'
5     });
6 });

iCheck

4. Long Press

Long Press  github. Удерживая кнопку получаем дополнительные параметры

Long Press

 

5. jQuery File Upload

jQuery File Upload (github) Загрузчик файлов на jquery

jQuery File Upload

6. Complexify

Complexify (github) Надежность пароля на jquery

Complexify

 

7. jQuery Knob

jQuery Knob (github) позволяет превращать input в интересные диаграмммы:

1 <input class="knob" data-width="150" data-cursor=true data-fgColor="#222222" data-thickness="0.3" value="29">

 

jQuery Knob

 

8. Pickadate.js

Pickadate.js (github) Симпатичный датапикер:

1 $('.datepicker').pickadate();

Pickadate.js

 

9. Chosen

Chosen (github) Еще один плагин для кастомизации стандартных элементов формы.

Chosen

 

10. Fancy Input

Fancy Input (github) Красивый эффект при наборе текста.

1 $('div :input').fancyInput();

Fancy Input

 

11. Typeahead.js

Typeahead (github) Автокомплит (подсказки) на jquery

Typeahead.js

 

12. Parsley.js

Parsley.js (github) Валидация форм

Parsley.js

 

Скроллинг страницы и параллакс-эффект

 

13. Windows

Windows (github) Интересный эффект при прокрутке страницы:

Windows

 

14. Cool Kitten

Cook Kitten (github)

Cook Kitten

15. Sticky

Sticky (github) Прилипающий блок на jquery

1 $("#sticker").sticky({topSpacing:0});

Sticky

 

16. Super Scrollorama

Super Scrollorama (github) Шикарная анимация при прокрутке страницы на jquery.

1 $(document).ready(function() {
2   var controller = $.superscrollorama();
3   controller.addTween('#fade',
4     TweenMax.from($('#fade'), .5, {css:{opacity:0}}));
5 });

Super Scrollorama

Super Scrollorama

17. Stellar.js

Stellar.js (github) Parallax эффект

1 $('#main').stellar();

Stellar.js

 

18. Scrollpath

Scrollpath (github) Еще один плагин, позволяющий творить магию при скроле страницы.

Scrollpath

 

19. Textillate.js

Textillate.js (github) Играемся с анимацией текста

Textillate.js

 

20. Arctext.js

Arctext.js (demo) Трансформация текста IE9+

Artctext.js

 

21. Bacon

Bacon (githug) Трансформация абзацев — обтекание текста

Bacon.js

 

22. Lettering.js

Lettering.js (github) Простой jquery плагин для отрисовки красивых шрифтов

Lettering.js

 

23. jQuery Shuffle Letters

jQuery Shuffle Letters (demo) Анимация появления текста:

1 // Shuffle the container with custom text
2 $('h1').shuffleLetters({
3     "text": "show this text!" // optional
4 });

 

jQuery Shuffle Letters

 

24. FitText.js

FitText.js (github) Еще один плагин для отрисовки шрифтов. Responsive-ready!

FitText.js

 

Categories: Css, JavaScript 1 likes

Leave a Reply

You must be logged in to post a comment.