плагинов jQuery от malsup
Frontend Masters имеют крутые видеоролики по запросу и курсы по фронтенд-технологиям. Проверьте их! — ошибка
Имитируйте синхронный ajax, блокируя, а не блокируя пользовательский интерфейс. Этот плагин позволяет блокировать взаимодействие пользователя со страницей или с определенным элементом на странице. Также отлично демонстрирует модальные диалоги.
Закругленные углы без изображений! А также множество других интересных угловых украшений. например, скосы, выемки, зубчатые колеса и т. д. Забавные вещи.
Чрезвычайно популярный плагин слайд-шоу для отображения слайд-шоу с изображением или без изображения. Множество доступных эффектов перехода, таких как затухание, прокрутка, перемешивание, масштабирование и т. д. многое другое. Множество функций и простота использования — вот что такое этот плагин.
Преемник цикла. Cycle2 — это слайд-шоу, удобное для мобильных и настольных компьютеров. построен на простоте использования с декларативным API. Он поддерживает отзывчивый дизайны, динамическое управление слайд-шоу, события смахивания и множество опций!
Оболочка jQuery для Google AJAX Feed API. Позволяет легко захватывать корм вывод из Google и перенаправить его на свою страницу.
Простой способ AJAX-ify для любой формы на вашей странице. Также поддерживает загрузку файлов! Нажмите, чтобы перейти к краткому руководству, примеры кода, документация по API, часто задаваемые вопросы и многое другое.
Удобный небольшой плагин для изменения размера изображения при наведении на него курсора мыши. Хороший эффект для ссылок на фотографии в блогах, миниатюр Flickr и т. д.
Один плагин для работы с Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight и многое другое. Этот плагин преобразует простую разметку в полную медиа-разметку.
Порт Taconite для jQuery. Сделайте несколько манипуляций с DOM в ответ на один удаленный вызов с помощью командного XML-документа.
полезных плагинов jQuery: карусели, лайтбоксы и многое другое
от Utsab Karki, WordPress Developer
Фото Джошуа Арагон через Unsplash
Фраза «не изобретать велосипед» широко используется в программировании.
Веб-разработчик может написать свой собственный код для реализации многих функций во время разработки веб-сайта, но есть вероятность, что уже есть код, который делает то, что он хочет.
Так что, если вы не пытаетесь учиться, не всегда стоит изобретать велосипед.
Базовые веб-технологии: HTML, CSS и JavaScript
Всемирная паутина состоит из трех основных технологий.
Язык гипертекстовой разметки или HTML — это стандартный язык разметки, который является строительным блоком для Всемирной паутины. Каскадные таблицы стилей или CSS — это язык, описывающий представление веб-страницы. JavaScript или JS — это язык программирования, который используется для программирования поведения веб-страницы.
jQuery — это библиотека JavaScript, которая позволяет веб-разработчикам добавлять дополнительные функции на свои веб-сайты. jQuery берет множество обычных задач, для которых требуется много строк кода JavaScript, и оборачивает их в методы, которые можно вызывать с помощью одной строки кода.
jQuery адаптирует концепцию «пиши меньше, делай больше» и может использоваться для того, чтобы сделать код простым, кратким и пригодным для повторного использования. Он упрощает процесс обхода дерева HTML DOM, а также обрабатывает события, выполняет анимацию и добавляет поддержку AJAX в веб-приложениях.
Плагин jQuery — это метод, используемый для расширения объекта-прототипа jQuery. Это фрагмент кода, написанный в файле JavaScript, который позволяет всем объектам jQuery наследовать любые методы, которые необходимо добавить.
Вот 5 полезных плагинов jQuery, которые облегчат жизнь любому веб-разработчику.
Slick
Slick — адаптивный jQuery-плагин карусели, который поддерживает несколько точек останова, переходы CSS3, сенсорные события/перелистывание и многое другое.
Хотя мы не рекомендуем использовать карусель в качестве первого элемента, который ваши пользователи увидят на вашей главной странице, отображение нескольких элементов в прокрутке может быть отличным способом перечислить предстоящие события или отобразить фотогалерею.
Muuri
Muuri — один из лучших плагинов jQuery для создания гибких макетов.
Его система компоновки позволяет разработчикам размещать элементы сетки разных размеров внутри контейнера практически любым возможным способом. Он отзывчивый, сортируемый, фильтруемый и перетаскиваемый. Его опция по умолчанию упорядочивает все «по размеру в первую очередь», но для другого стиля можно добавить собственные алгоритмы компоновки.
Timeline
TimelineJS — это инструмент с открытым исходным кодом, который позволяет любому создавать визуально насыщенные интерактивные временные шкалы.
Обладая множеством визуальных и функциональных возможностей настройки, этот плагин jQuery предлагает новый вариант карусели и очень прост в использовании благодаря подробным инструкциям.
SVGMagic
SVGMagic — отличный плагин, который упрощает использование файлов SVG.
Поскольку все браузеры не поддерживают SVG, он ищет изображения SVG и заменяет их версиями PNG, если это так.
Swipebox
Swipebox — это плагин jQuery «лайтбокс» для настольных компьютеров, мобильных телефонов и планшетов. Лайтбокс — это способ отображения части веб-контента в окне, наложенном на веб-страницу, затемнением и отключением остального контента.