Разное

Скрипты jquery: jquery » Скрипты для сайтов

07.05.2023

jquery » Скрипты для сайтов

Новогодняя мотня от Яндекса 2.1

Елочные шарики, которые двигаются при наведении на них мышкой, а ещё издают звук. Новая версия 2.1! Специально от pcvector.net. Удален flash. Переписан jаvascript. Всех с наступающим Новым годом!

Tabulous — плагин вкладок, табов

Tabulous — представляет собой плагин для реализации у себя на сайте блока с вкладками с различными эффектами переключения самих вкладок.

ZooMove — масштабирование изображений

jQuery плагин, который позволяет динамически менять масштаб изображения при наведении курсора мыши. Перемещая курсор, можно также зуммировать различные участки изображения.

PgwSlider — адаптивный слайдер

Адаптивный слайдер с небольшим весом минифицированных файлов. Заявлена поддержка всех десктопных и мобильных браузеров. SEO совместимый.

Слайдер с parallax эффектом

Полноэкранный слайдер с возможностью перетаскивания слайдов (drag) и parallax эффектом.

Блоки одинаковой высоты — jquery.matchHeight

  matchHeight позволяет все выбранные элементы сделать одинаковой высоты.

Scrollify — ускоритель прокрутки колёсика мыши

Scrollify — ускоритель прокрутки колёсика мыши. jQuery плагин, который помогает быстро и плавно переместиться к нужному разделу или секции страницы. Настраиваемый и оптимизированный для touch устройств.

UniteGallery — многофункциональная адаптивная галерея

Unite Gallery — многофункциональная галерея для вывода изображений, музыки, видео. Галерея адаптивная с поддержкой touch устройств.

Вертикальное accordion меню

Вертикальное многоуровневое меню типа аккордеон, раскрывающееся по клику на стрелке.  

Flat accordion menu — вертикальный аккордеон

Вертикальное раскрывающееся меню типа аккордеон в стиле flat design. Простое в понимании и стилизации.

Адаптивные вкладки на jQuery

Несколько строк кода на jQuery + один CSS файл и отличные адаптивные вкладки готовы.

Внешний вид полностью настраивается стилями. При уменьшении размера окна браузера до заданного в @media{} вкладки из горизонтальных преобразуются в вертикальный аккордион.

Selectric — пользовательский select

Быстрый, простой и легкий jquery плагин позволяющий оформить html тег select в том стиле, который пришел на ум вашему дизайнеру.

Популярные статьи

Реклама

Опрос

Табы или пробелы?

Табы

Пробелы

Что?!

Новости

Подпишись

Присоединяйся, чтобы узнать все самое интересное для frontend разработчика и анонсы статей с сайта.

Разное

Реклама

Свежие статьи

17 бесплатных jQuery-скриптов для загрузки файлов

0 ∞

Если вы являетесь пользователем интернета или вебмастером, то знаете, насколько важен безопасный и удобный обмен файлами. В этой статье мы собрали список лучших jQuery-скриптов загрузки файлов для сайта.

  • Closify
  • jQuery File Upload
  • jQuery.filer
  • jQuery Ajax File Uploader
  • Dropzone
  • Fine Uploader
  • Flow.js
  • Formstone
  • File Uploader
  • PekeUpload
  • Backbone Upload Manager
  • FileDrop
  • FileAPI
  • Plupload
  • Resumable.js
  • Uploadify

jQuery- библиотека для загрузки и управления графическим контентом. С помощью Closify можно загружать изображения, изменять размер, обрезать и сохранять их. После редактирования изображения будут сохранять соотношение сторон.

Скачать

Эта библиотека предлагает более универсальный набор функций. Она поставляется с 5 различными стилями на выбор, включая нативный пользовательский интерфейс jQuery. А также с вариантом для разработчиков AngularJS, которым необходимо быстрое и надежное решение для загрузки файлов.

Функции jQuery File Upload включают в себя инструмент перетаскивания нескольких файлов с рабочего стола, индикатор выполнения для каждой загрузки. Библиотека работает с любой серверной платформой (PHP, Python, Ruby on Rails, Java, Node.js, Go и т. д.), которая поддерживает стандартную загрузку файлов через HTML-формы.

Скачать

Сложный jQuery-плагин для управления файлами. Он включает в себя валидаторы файлов для установки ограничений на размер загружаемых файлов, количество и тип файлов. Можно использовать редактор браузера для предварительного просмотра файлов и их редактирования.

jQuery.filer также имеет собственный API, который позволят изменять внешний вид и функционал загрузчика. Его документация охватывает все варианты вызовов и событий.

Скачать

Скрипт на основе Bootstrap использует простой подход к загрузке файлов. Он предоставляет возможность выбора нескольких файлов и снабжен виджетом индикатора выполнения.

Этот плагин создан для современных браузеров, поэтому для его настройки потребуются знания JavaScript и AJAX.

Скачать

Инструмент для загрузки файлов на сайт путем перетаскивания. Он поддерживает традиционную концепцию «кликнуть и загрузить» и редактирование изображений после загрузки файлов. Настройки путей и типов файлов выполняются в фоновом режиме, поэтому перед запуском скрипта на рабочем сервере необходимо поработать с файлами конфигурации. На официальной странице Dropzone есть вся документация, необходимая для начала работы.

Скачать

Полнофункциональное решение для загрузки файлов. Это популярная jQuery- библиотека для загрузки, управления и масштабирования файлов. Ее функционал позволяет повторять неудачные загрузки файлов не с самого начала, а с того фрагмента, который не был загружен.

Fine Uploader поддерживает управление файлами в облаке. То есть, позволяет загружать файлы в Amazon S3 или Microsoft Azure. Другие возможности библиотеки: управление правами на редактирование, удаление файлов по мере их загрузки. Это полноценное решение для любого сайта, которому требуется надежный скрипт для загрузки файлов.

Скачать

Flow.js — это JavaScript- библиотека, поддерживающая несколько одновременных загрузок через HTML5 API. Она поддерживает такие функции, как приостановка и возобновление загрузки, восстановление прерванных загрузок и обработка ошибок в загрузчике.

Flow.js предоставляет инструмент для загрузки файлов перетаскиванием файлов и целых папок, средство предварительного просмотра изображений.

В состав библиотеки входят индикаторы выполнения, которые позволяют следить за ходом загрузки.

Скачать

Formstone – это набор инструментов, реализованных в рамках одного проекта. В нем есть компонент Upload, который является удобным решением для управления загрузкой файлов. Он имеет простой интерфейс перетаскивания, который позволяет загружать один или сразу несколько файлов. Это эффективное решение для сайтов, которым необходимы дополнительные компоненты без лишних функций. Formstone позволяет собрать несколько десятков компонентов и создать на их основе собственные веб-приложения.

Скачать

Пример того, насколько современными могут быть браузерные инструменты. Инструмент поддерживает быструю загрузку файлов. В нем можно создавать различные вызовы, чтобы управлять файлами. А также загружать файлы перетаскивания, индикаторы выполнения и назначать каждую загрузку конкретному пользователю. Скрипт можно использовать как полнофункциональное решение для загрузки файлов, защищенных паролем.

Скачать

Легкое компонентное решение для веб-дизайнеров. Его можно применять как виджет сайта для загрузки файлов, используя функции jQuery + HTML5.

PekeUpload, созданный на основе Bootstrap, предлагает множество способов расширения. С его помощью можно контролировать загрузку файлов (установить ограничения на размер и тип), задать собственные уведомления об ошибках, просматривать визуальный контент до и после загрузки.

Скачать

Backbone представляет собой структуру для JavaScript-приложений с моделями привязки ключ-значение, пользовательскими событиями и коллекциями. Он поддерживает API представлений с декларативной обработкой событий.

Backbone может подключить его к приложениям через интерфейс RESTful JSON.

Скачать

JavaScript библиотека с поддержкой пользовательских уведомлений, которая ориентирована на прямую загрузку файлов из браузера. Выберите или перетащите файлы, нажмите кнопку «Загрузить» и подождите, пока инструмент не уведомит вас об успешной загрузке.

Скачать

Разработчики могут создать собственную jQuery-библиотеку для управления файлами. Другой способ решить эту проблему заключается в использовании специализированного API. Мы рекомендуем FileAPI, который предоставляет все функции, вызовы и события, необходимые для создания загрузчиков файлов, предназначенных для десктопных и мобильных приложений, веб-сервисов.

Скачать

Plupload — это API-интерфейс управления загрузкой файлов, который предоставляет целый ряд инструментов и функций для создания продвинутых загрузчиков.

Скачать

Данный скрипт предоставляет простую среду, которая позволяет выполнять несколько загрузок одновременно, приостанавливать и возобновлять их. Инструмент разделяет большие файлы на несколько частей, чтобы использовать возобновляемую загрузку.

Скачать

Это полностью рабочий загрузчик файлов на основе HTML5,который использует jQuery для улучшения пользовательского опыта. Он также доступен в версии для Flash.

Скачать

Вадим Дворниковавтор-переводчик статьи «Top 17 Best Free jQuery File Upload Scripts For Multiple File Upload 2018»

Пожалуйста, оставляйте ваши комментарии по текущей теме статьи. Мы крайне благодарны вам за ваши комментарии, подписки, лайки, дизлайки, отклики!

8500+ лучших плагинов и руководств jQuery с демонстрационными примерами jQuery 2019

22 ноября 2021 г. | Core Java Script

Atropos — это легкая, бесплатная библиотека JavaScript с открытым исходным кодом для создания потрясающих сенсорных 3D-эффектов параллакса при наведении.

Доступно для JavaScript, React и Vue.js

Подробнее Демонстрация

19 ноября 2021 г. | Анимация, CSS2 / CSS3.0, меню, SVG Tutorial

Небольшой эффект меню, состоящий из двух вещей: анимации наложения пути SVG при открытии (или закрытии) и бесконечной фоновой анимации сетки изображения на основе CSS.

Подробнее Демонстрация

18 ноября 2021 г. | Core Java Script, Slider

Макет страницы в виде слайд-шоу с фильтром, улучшенным эффектом навигации. Это просто идея для применения эффекта фильтра к слайд-шоу при навигации между изображениями.

Подробнее Демонстрация

2 августа 2021 г. | Меню, Адаптивные

Некоторые эксперименты показывают анимацию типографских элементов как повторяющийся шаблон дизайна веб-сайта. Я люблю играть со скрытым трюком 0026  , который мы можем использовать, чтобы элементы исчезали и снова отображались (путем обрезания).

Подробнее Демонстрация

10 декабря 2020 г. | Анимация, Core Java Script

Несколько идей для макетов с горизонтальной плавной прокруткой на основе Locomotive Scroll.

Основная идея этих макетов заключается в том, чтобы поиграть с анимацией, которая хорошо работает при прокрутке в стороны. Это включает в себя анимацию изображений и текста в зависимости от направления прокрутки. Например, перемещение предметов вверх и вниз или их наклон могут создать действительно интересный динамический эффект.

Подробнее Демонстрация

18 ноября 2020 г. | Core Java Script

Макет встроенного меню с игривой анимацией при наведении курсора и панелью предварительного просмотра содержимого галереи.

Подробнее Демонстрация

11 ноября 2020 г. | Core Java Script

Пространство-время  позволяет вычислить время во всем мире:

  • рассчитать время в отдаленных часовых поясах
  • поддержка летнего времени , високосных лет и полушарий
  • Моментоподобный 💘 API (но неизменяемый!)
  • Ориентировать время по кварталам, сезонам, месяцам, неделям..
  • Нулевые зависимости — (без международного API)
  • только 43 КБ .

Подробнее Демонстрация

10 ноября 2020 г. | Plugins, Responsive, Tabs

Skeletabs — это плагин jQuery с открытым исходным кодом, который обеспечивает функцию просмотра вашего веб-контента с помощью вкладок. Он ориентирован на доступность и масштабируемость  прежде всего и предназначен для обеспечения удобства программ чтения с экрана и пользователей клавиатуры, а также для поощрения творческого использования разработчиками.

Подробнее Демонстрация

10 ноября 2020 г. | Forms, Plugins

jbvalidator — это новый подключаемый модуль проверки формы на основе jQuery, созданный для новейшей платформы Bootstrap 5 и поддерживающий проверку как на стороне клиента, так и на стороне сервера.

  • Несколько языков.
  • Пользовательские сообщения об ошибках.
  • Пользовательские правила проверки.
  • Простота использования с помощью атрибута данных HTML.

Подробнее Демонстрация

9 ноября 2020 г. | Плагины

Cuttr — это простая в использовании библиотека JS/jQuery с нулевой зависимостью, которая обрезает многострочный текст (Line Clampin’), чтобы он соответствовал заданным спецификациям.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *