Все видели супер-крутой плагин jQuery в диком, диком Интернете, верно? Возможно, вы только заинтересовались фактическим изучением jQuery и JavaScript, найдя плагин jQuery и попробовав использовать его на своем собственном сайте. Без стыда конечно. Я уверен, что примерно так и случилось со мной. Они могут быть настолько просты в использовании, что вы можете сделать несколько замечательных вещей без особых усилий.
Некоторые из них я сделал сам. Например, FitVids. Но об этом я уже снимал. На этот раз я выберу пару плагинов jQuery, которые мне нравились, но я никогда их раньше не использовал. Я делаю это специально, чтобы увидеть мыслительный процесс, связанный с выяснением того, как работает случайный плагин jQuery в первый раз.
В первую очередь мы выберем плагин для лайтбоксов Boxer. Вы знаете, один из тех паттернов дизайна, где вы щелкаете миниатюру изображения, и он открывает его увеличенную версию прямо на странице и как бы затемняет фон. Мы получаем его чертовски быстро, следуя документации.
Вот где мы находимся:
См. Плагин Pen Trying out Boxer от Криса Койера (@chriscoyier) на CodePen
Следующее, что мы выберем, называется OWL Carousel. Похоже на чертовски красивый слайдер с двумя большими функциями, которые вы часто не видите в старых слайдерах: поддержка сенсорного ввода и гибкость. Мы добиваемся того, чтобы это работало, используя документацию, а также проверяя предоставленные демонстрации.
Вот где мы подошли к этому всего за несколько минут:
См. Pen 73452e0922f60633ef3e142f46f78f31 Криса Койера (@chriscoyier) на CodePen
В обоих этих примерах меня побудило добавить их в закладки:
- Хорошая документация.
- Казалось бы, хороший баланс опций и наворотов. Значение: было довольно много хорошо названных и однозначно полезных параметров (включая обратные вызовы), но не так много, чтобы это могло показаться подавляющим.
- Приятный дизайн. В конце концов, это визуальные вещи.
Далее мы должны немного покопаться в написании собственного плагина.