Скрипты javascript готовые – Скрипты javascript для сайта, скачать скрипты javascript, бесплатные скрипты яваскрипт, java script для веб сайта

Содержание

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

3 176 Скрипты / Menu & Nav

Responsive nav - плагин адаптивного меню

Плагин адаптивной навигации без зависимостей от каких-либо библиотек и с быстрой поддержкой touch устройств.

Responsive nav - плагин адаптивного меню 1 016 Новости

Релиз jQuery 2.0

18 апреля 2013 года вышел релиз популярнейшей jаvascript библиотеки - jQuery 2.0. Версия jQuery 2.0 по числу нововведений, функциональности и API полностью аналогична выпуску 1.9. Отличие заключается в прекращении поддержки браузеров Internet Explorer 6, 7 и 8, а также сопутствующими оптимизациями и упрощением кодовой базы.

Релиз jQuery 2.0 2 065 Скрипты / Tabs

DOMTab - вкладки на javascript

DOMtab - это jаvascript, который связывает ссылки из списка с секциями контента в виде таб интерфейса. Данные табы очень хорошо поддаются внешнему преобразованию с помощью CSS свойств, что позволит вписать их в любой дизайн. Ни каких jQuery и Mootools библиотек не используется, только чистый jаvascript.

DOMTab - вкладки на javascript 2 283 Скрипты / Text

Эффект написания письма

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

Эффект написания письма 6 805 Скрипты / Lightbox

PopUp окно

Будем делать PopUp окно, такое знакомое и вызвающее отвращение, но его можно использовать не только для рекламы, но и например для поздравления с каким-нибудь праздником.

PopUp окно
1 651 Скрипты / Tabs

Вкладки - tabs

Простая реализация вкладок на jаvascript без подключения сторонних java библиотек.

Вкладки - tabs 4 079 Скрипты / Other

Падающий снег на сайт

Всех с 1 декабря и наступлением зимы. Добавим падающий снег на ваш сайт используя jаvascript и файлы со шрифтами-снежинками.

Падающий снег на сайт 1 351 Скрипты / Tabs

Вкладки Easy Tabs

jаvascript для создания вкладок EasyTabs. Компактный и совместим со всеми браузерами. Не требуется дополнительных jаvascript библиотек (jQuery, Mootools и т.д.)

Вкладки Easy Tabs 1 304 Полезно

Сжатие javascript файлов

В этой статье рассмотрим online способы сжатия js (jаvascript) файлов для уменьшения их размеров. Сейчас очень много веб-ресурсов используют, как сторонние java скрипты (например, таже jQuery библиотека и многочисленные плагины к ней), так и собственной разработки. Сжатие позволит уменьшить размер загружаемой страницы сайта, а соответсвенно и время его загрузки. Это один из этапов оптимизации, который желательно проделать всем.

Сжатие javascript файлов 1 079 Скрипты / Slider

Sliderman - слайдшоу #3

И третий вариант слайдшоу на sliderman.js. Отсутствуют кнопки навигации; 4 эффекта: top, right, bottom, left; а также "Rain", "Stairs", "Fade". Может использоваться в качестве простого промослайдера.

Sliderman - слайдшоу #3 1 201 Скрипты / Slider

TinyFader - слайдшоу

Небольшое и полностью автономное ответвление от TinySlider реализующее слайдшоу с эффектом растворения (fade).

TinyFader - слайдшоу
1 146 Скрипты / Slider

Sliderman - слайдшоу #2

Второй вариант слайдшоу на sliderman - кнопки и описание видны только при наведении курсора мыши (hide: true). Слайды показываются без задежки на подгрузку. Случайные эффекты: "Rain", "Stairs", "Fade", задержка 10 мс, fade (10x5), TopRight.

Sliderman - слайдшоу #2
  • Назад
  • 1
  • 2
  • Вперёд

Javascript — Уникальные скрипты и готовые решения для сайта

Ajax окна uCoz

Ajax окна uCoz

CSS

CSS

Flash

Flash

HTML

HTML5

Javascript

Javascript

jQuery

jQuery

Lightbox эффект

Lightbox эффект

PHP

PHP

WordPress

WordPress

Без категории

Без категории

Блог Apocalypse

Блог Apocalypse

Всё для Android

Всё для Android

Всё для Linux

Всё для Linux

Всё для Windows

Всё для Windows

Галереи изображений

Галереи изображений

Графика для сайта

Графика для сайта

Зимний раздел

Зимний раздел

Интересные статьи

Интересные статьи

Меню

Меню

Осенний раздел

Осенний раздел

Переключатели

Переключатели

Скрипты для uCoz

Скрипты для uCoz

Скрипты от Apocalypse

Скрипты от Apocalypse

Статьи для вебмастера

Статьи для вебмастера

Хинты

Хинты

Эффекты для сайта

Эффекты для сайта

30 легковесных JavaScript плагинов и библиотек / Habr

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

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



Philter доступен как плагин для jQuery и vanilla JavaScript. Дает вам возможность контролировать CSS фильтры с HTML атрибутами.

Современный плагин, который позволит Вам создавать красивые модальные окна с оригинальным дизайном. Всплывающие окна на jQuery можно настраивать с разными эффектами и разметкой. Есть готовые варианты для фрейма, формы, AJAX`a. Все, что необходимо — это подключить библиотеку и стили плагина. Скачать плагин jQuery modal можно по ссылке выше.

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

Библиотека Marginotes позволит вам сделать крутые подсказочки «на полях», почти как на Медиуме. Есть версия с jQuery и без неё.

Microlight.js — это небольшой инструмент, предназначенный для подсветки кода в любом языке программирования. Вам не потребуется подключение сторонних пакетов или библиотек, все уже готово в этом миниатюрном скрипте.

Force.js – это простой способ анимировать скроллинг или другой элемент на странице. Библиотека имеет много различных функций для анимации и пытается использовать CSS-анимации по умолчанию, что очень хорошо, однако, если браузер не поддерживает CSS3, будут использованы средства javascript. Force.js поддерживает даже настолько старые браузеры, которые не поддерживают свойство transition.

Substance это JavaScript библиотека для редактирования веб контента. Она включает в себя все необходимые инструменты для создания тестовых редакторов и системы веб публикаций.

Простой мини-скрипт List.js размером 7 КБ добавляет интерактивности маркированным спискам в HTML. С помощью скрипта можно сделать удобный поиск, сортировку, редактирование списка с добавлением или удалением новых элементов (например, адресная книга на странице).

Datedropper плагин JQuery, который обеспечивает быстрый и простой способ управлять полем ввода даты.

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

Генератор структуры в стиле masonry для элементов с фиксированной шириной.

jQuery formBuilder это новый jQuery плагин для быстрого создания drag & drop форм.

Библиотека sweetAlert это замена стандартной функции window.alert(). Библиотека не несет за собой никакие зависимости. Состоит только из двух файлов: js и css. Эта библиотека имеет три особенности. Первое — вы можете использовать ее в любом проекте. Второе это отдельная ветка специально адаптированная для Twitter Bootstrap. И третье, отдельная ветка которую вы можете использовать в ваших Android проектах.

Библиотека Popper.js предлагает ещё один легковесный вариант для имплементации всплывающих подсказок на сайтах и web приложениях. В сжатом виде занимает около 4 килобайт и имеет удобный API.

Image Blur Plugin представляет собой легкий кросс-браузерный плагин JQuery для размытия изображений.

LightGallery это скрипт-галерея (лайтбокс), написанная на языке JavaScript, которая показывает изображения поверх веб страницы и способна работать как с одиночными изображениями, так и с галереями с использованием эффектов плавного изменения размеров и прозрачности (fade in/out). Скрипт протестирован во всех A-grade браузерах: IE 7+, Firefox 2+, Safari 3+, Opera 9.5+, Chrome.

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

Плагин, позволяющий анимировать элементы при скролле страницы.

baguetteBox.js простой и легкий в использовании лайтбокс, без зависимостей от внешних библиотек с поддержкой жестов на мобильных устройствах. Написан на чистом JavaScript.

Bideo.js это JavaScript библиотека, которая упрощает процесс добавления видео на фон веб-страниц.

Небольшой инструмент, который поможет вам быстро создавать стилизованные всплывающие окна с выбором даты. Используется стандартный HTML-тег input с назначением класса плагина. Ничего лишнего, все аккуратно и без зависимостей.

Slidebars – это JQuery фреймворк позволяющий очень быстро подобрать необходимые стили для мобильного меню без определённой привязки к источнику. Slidebars может редактировать и обрабатывать все основные размеры мобильного меню сайта.

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

Anime.js – гибкая и легковесная JavaScript библиотека, помогающая анимировать различные штуки. Если вам нужно добавить анимации, то с помощью anime.js сделать это будет легче. Проект существует не так давно, но уже успел собрать почти семь тысяч звезд на гитхабе

Делаете много форм, но каждый раз пишите маски для инпутов вручную? Тогда библиотека Cleave.js — для вас. Она предлагает большое количество вариантов форматирования текстовых полей.

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

Turntable.js – библиотека, которая позволяет из нескольких картинок сделать одну модель, которую можно вращать. Плюсы этой библиотеки в том, что она легковесная, отзывчивая, легка в установке и настройке.

Легкий плагин jQuery для создания удобного превью GIF-анимаций, как на Facebook. Подключаете плагин и указываете идентификатор объекта, к которому хотите применить эффекты.

Плагин написан на vanilla JavaScript, расширяет возможности MediumEditor (копии medium.com WYSIWYG редактора) и дает возможность пользователям вставлять в редактор различные виды контента (в зависимости от доступных аддонов).
Push.js это кросс-браузерное решение для получения и запуска JavaScript desktop уведомлений.
Крошечная библиотека JavaScript, которая делает встроенные объекты отзывчивыми, сохраняя при этом оригинальные пропорции. Она поддерживает широкий спектр источников, включая Youtube, Flickr, Vine, VideoPress и DailyMotion.
Благодаря этой библиотеке, вы сможете добавить кнопку Twitter к любому тексту на веб-странице. Просто добавьте span с нужными атрибутами и InlineTweet автоматически добавит выбранный текст в ссылку. При нажатии по тексту, он сгенерирует твит, вместе с хэштегами и URL.

— Трафик из США: reddit-marketing.pro

Скрипты для сайта html – где их брать и как устанавливать

Скрипты для сайта html

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

Дело в том, что языки HTML и CSS имеют очень ограниченные возможности. С их помощью можно только создать и оформить страницу, организовать какие-то простые эффекты при наведении, добавить ссылки на другие страницы и т.д. Но для большинства современных ресурсов этого мало. Вот какие возможности используются на многих веб-сайтах сегодня: календари, умные виджеты, счетчики посещаемости, формы регистрации и добавления комментариев, слайдеры и многое-многое другое.

Чаще всего под скриптом понимают файл или несколько файлов, которые написанные на языке javascript и каким-то образом дополняют функциональность сайта. Но сценарии можно создавать на любом языке программирования: PHP, Perl, Python и т.д. Больше всего скриптов существует на PHP и JavaScript, так как это самые популярные сегодня технологии.

Где скачать готовые скрипты для сайта html

Конечно, сегодня в сети можно скачать тысячи сценариев, но где можно найти наиболее крупные подборки? В этом плане зарубежные сайты немного впереди рунета, потому что там веб-технологии развиваются быстрее.

Например, hotscripts.com. Огромный зарубежный портал, на котором представлено более десяти тысяч сценариев и программ на самых разных языках программирования. В том числе там есть различные полезные вещи на HTML5. Только все на английском, поэтому как-то вам придется разбираться, если очень надо будет.

Скрипты для сайта html

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

Скрипты для сайта html

Рис. 1. Крупнейший в интернете портал скриптов. К сожалению, только для тех, кто дружит с английским.

Ну а это русскоязычная библиотека скриптов. В основном тут представлены материалы по PHP. В данном случае русскоязычный сайт выигрывает тем, что почти все инструкции по установке скриптов на русском, а значит, разобраться намного легче.

Как устанавливать и подключать скрипты

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

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

Чем отличаются javascript и php скрипты

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

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

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

Скрипты для сайта html

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

Пример установки скрипта

Ну а теперь давайте установим какой-нибудь скрипт. Методом случайного тыка я выбрал этот — ссылка. Это графические часы. Сначала давайте распакуем скачанный архив и посмотрим, что там.

Мне сразу не понравилось, что там целых 14 изображений, которые нужны для работы. Ну да ладно, не будем сейчас оценивать качество скрипта, а просто установим его.

Для этого нужно открыть файл index.html. Там нас должен интересовать тег script и все его содержимое. Собственно, вариантов установки веб-сценария два:

Просто скопировать все содержимое тега script и вставить на свою страничку в тег head.

Скопировать код в отдельный файл (например, script.js), а потом подключить этот файл к html-страничке. Так мы поступим правильно с точки зрения стандартов, разделив разметку страницы и ее поведение.

Скрипты для сайта html

Дальнейший процесс установки заключается в том, что тегу body нужно дописать атрибут onload = «show3()». Это означает, что после загрузки тела страницы должна быть выполнена функция show3(), которая и приводит в действие наши часы.

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

<a href="http://www.woweb.ru"><Img Src="cb.gif" Name="a" border=0><Img Src="cb.gif" Name="b" border=0><Img Src="colon.gif" Name="c" border=0><Img Src="cb.gif" Name="d" border=0><Img Src="cb.gif" Name="e" border=0><Img Src="colon.gif" Name="f" border=0><Img Src="cb.gif" Name="g" border=0><Img Src="cb.gif" Name="h" border=0><Img Src="cam.gif" Name="j" border=0></a>

<a href="http://www.woweb.ru"><Img Src="cb.gif" Name="a" border=0><Img Src="cb.gif" Name="b" border=0><Img Src="colon.gif" Name="c" border=0><Img Src="cb.gif" Name="d" border=0><Img Src="cb.gif" Name="e" border=0><Img Src="colon.gif" Name="f" border=0><Img Src="cb.gif" Name="g" border=0><Img Src="cb.gif" Name="h" border=0><Img Src="cam.gif" Name="j" border=0></a>

То есть все картинки для часов заключены в общий контейнер-ссылку на портал, где мы скачали скрипт. Нужно заменить контейнер a на контейнер div и расположить на своем сайте это там, где вы хотите видеть часы. Наиболее подходящие места: подвал сайта или низ его боковой колонки.

Скрипты для сайта html

Вот собственно и все. Так же можно установить скрипт слайдера для сайта html, поиск по сайту, календарь и многое-многое другое. Иногда такие вещи устанавливаются в виде jQuery-плагинов. Если вы используете популярную CMS, то для нее тоже есть множество плагинов, реализующих нужный функционал.

В общем, главное уметь искать эти самые скрипты, а их установка может очень отличаться в разных случаях. Итак, устанавливайте действительно полезные скрипты для своего сайта и продолжайте заходить на webformyself, потому что здесь для вас приготовлено еще много интересного о сайтостроении.

Скрипты для сайта html

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее Скрипты для сайта html

PSD to HTML

Верстка сайта на HTML5 и CSS3 с нуля

Смотреть

Лучшие jQuery плагины и JavaScript решения 2016 года / jQuery плагины и JavaScript решения / Постовой

Лучшие jQuery плагины и JavaScript решения 2016 года

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

Насколько им это удалось судить вам, но спустя 10 лет своего существования, jQuery остается одной из самых популярных библиотек JavaScript.

Сам JavaScript сейчас совершенно зрелый продукт, хорошо документированный и поддерживаемый всеми современными браузерами. Современное браузерное сообщество тоже более консолидировано и, в большинстве случаев, можно быть уверенным, что если, скажем, страница корректно отображается в Crome, то так же она будет выглядеть и в Firefox. querySelectors тоже поддерживаются практически всеми современными браузерами.

Казалось бы, история развития jQuery движется к закату — зачем перегружать страницы и тратить лишние циклы процессора, если большинство задач можно решить стандартными средствами языка? С другой стороны, за такой долгий для компьютерной индустрии период разработано огромное количество решений, которые можно просто взять и использовать, здесь и сейчас.

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

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

multiscroll.js
Интересное решение привлечь внимание посетителя — скроллинг страницы выполнен в виде двух панелей, одна из которых скользит вверх, а вторая вниз, открывая следующий блок. Также отлично работает на всех, даже весьма устаревших браузерах.

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

jquery.email-autocomplete.js
Электронные адреса приходится вводить очень часто и, несмотря на то, что это всего лишь полтора десятка символов, часто возникает желание ускорить этот процесс. jquery.email-autocomplete.js имеет собственный список доменов популярных почтовых сервисов на основании которого он предлагает автодополнение адреса. Пользователь может принять эту подсказку, нажав клавишу Tab или стрелку вправо, или же продолжить вводить дальше вручную. Плагин хорошо работает и в мобильных версиях сайта. Однако, придется немного допилить плагин, чтобы он начал работать с отечественными почтовыми сервисами.
Смотрите также:
10 jQuery плагинов для измерения сложности пароля

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года
tinyDatePicker
В 5 кБ этого плагина втиснуты немаленькие возможности. Календари, планировщики, бронирование товаров и услуг — далеко не полный перечень, где можно использовать tinyDatePicker. Быстрый, легкий, масштабируемый — его можно легко интегрировать в Bootstrap или любой другой фреймворк.
Смотрите также:
jQuery плагины форм для указания времени и даты

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года
Push.js
Кросс-браузерный плагин для отображения уведомлений на рабочем столе.

Лучшие jQuery плагины и JavaScript решения 2016 года

ReadRemaining.js
Многим из нас всегда катастрофически не хватает времени. Я всегда завидовал людям, которые умеют правильно им распоряжаться. Наверное, к таким относится автор плагина ReadRemaining.js. Кому же еще могла прийти в голову мысль вывести рядом с текстом информацию о том, сколько времени вам понадобится, чтобы прочитать его. И по мере прокрутки текста пересчитывать это время, основываясь на скорости чтения конкретного пользователя.

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

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

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

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

TableExport.js
Здесь все ясно из названия. Плагин позволяет просто и быстро конвертировать HTML-таблицу в файл Exel, CSV или обычный текстовый. Для работы требуется плагин FileSaver.js.

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

Addel
Несмотря на созвучное название, этот плагин не имеет никакого отношения к певице Адель. Его название происходит от английских слов ADd-DELete (добавить и удалить) и отражает его назначение — динамически добавлять или скрывать HTML-элементы, в первую очередь элементы форм. Управление гибкое и интуитивно понятное.

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

Chart.js
Активно развивающийся плагин, позволяющий выводить различные типы диаграмм (всего 8 типов, в том числе смешанные). Отлично работает на всех современных браузерах и имеет плавную и симпатичную анимацию при изменении данных.
Смотрите также:
JavaScript библиотеки для создания круговых диаграмм

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года
jQuery Flip-Quote
Очень интересный плагин, который делает две вещи. Во-первых, вращает блоки цитат, присутствующие на странице, в тот момент когда блок становится видимым (отлично привлекает внимание). Во-вторых, при нажатии на этот блок происходит подсветка цитаты в тексте, что позволяет быстро найти ее в общем потоке материала. Оказывается, цитаты тоже можно сделать занимательными!

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

Algolia Places
Быстрый поиск с автодополнением почтовых адресов, городов, маршрутов и всего, что связано с локациями по всему миру благодаря интеграции с базой данных OpenStreetMap. Очень полезный плагин для интернет-магазинов.

Лучшие jQuery плагины и JavaScript решения 2016 года

HideSeek
Простой, но функциональный плагин «живого» поиска. Умеет производить поиск, основываясь на различных критериях, выполнять определенные действия после нахождения искомых данных и многое другое.

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

Timedropper
Существует огромное количество удобных решений для ввода определенного момента времени. Однако Timedropper выделяется среди них простотой и легким управлением. Изменение часов и минут при помощи этого забавного язычка действительно удобно. Он имеет несколько параметров настройки, таких как: формат времени (12 или 24-часовой), цвет циферблата, теста, фона, а также возможность изменять показания часов и минут при помощи колесика мыши. Кстати, имеется аналогичный плагин для задания даты.

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

Leaflet.js
Занимая всего 33 кБ, эта библиотека предоставляет практически все функции, необходимые для работы с картами, в том числе и на мобильных устройствах.
Смотрите также:
Сервисы для создания интерактивных карт

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

Лучшие jQuery плагины и JavaScript решения 2016 года

CurrencyFormatter.js
Очень простенький и маленький скрипт, выполняющий отображение числовых значений в денежном формате. Добавляет точки, пробелы для разделения разрядов и символ валюты. Поддерживает 155 валют мира.

Лучшие jQuery плагины и JavaScript решения 2016 года

ARc
Своеобразный шаблон для проектирования интерфейсов в стиле Atomic Design.

Лучшие jQuery плагины и JavaScript решения 2016 года

egjs
Небольшой набор интересных и необычных элементов управления, построенных на jQuery.

Лучшие jQuery плагины и JavaScript решения 2016 года

Shave.js
Javascript, который аккуратно обрежет текст, не помещающийся в контейнер заданной высоты. Занимает всего 1,5 кБ и не требует сторонних библиотек.

Лучшие jQuery плагины и JavaScript решения 2016 года

jQuery Linechart
Библиотека для построения диаграмм различных видов и довольно большим количеством исходных данных. Написан на HTML/CSS/JS, однако есть версия и на базе Angular.js

Лучшие jQuery плагины и JavaScript решения 2016 года

Tabulator
Плагин jQuery для создания таблиц, позволяющих размещать в ячейках не только текст, но и графики, диаграммы, звездный рейтинг, выпадающие списки и пр.

Лучшие jQuery плагины и JavaScript решения 2016 года

baguetteBox.js
Написанный на чистом JavaScript lightbox с хорошей поддержкой мобильных устройств и управлением жестами.

Лучшие jQuery плагины и JavaScript решения 2016 года

Freewall
Невероятно красивый jQuery плагин для создания плиточного интерфейса в самых разных стилях: Windows Metro, Pinterest, обычном плоском или иерархическом, с перетаскиваемыми и динамически добавляемыми элементами. Отлично работает как на мобильных браузерах, так и на десктопных, включая IE8. Действительно универсальный инструмент!

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

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

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

Slidebars
Slidebars добавляет на страницу сайта меню или боковую панель, которые скользящим движением появляются или скрываются по нажатию курсором на управляющую кнопку. Версия 2 этого плагина была полностью переписана и теперь может содержать неограниченное количество самых разных элементов. Имеет полноценный API, возможность подключения собственных callback-функций и подписку на события.
Смотрите также:
20 слайд-панелей навигации для сайта

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года
pagePiling.js
Очень напоминает рассмотренный в данном обзоре плагин multiscroll.js, но страница не разбивается на две панели, а смещается целиком. Можно изменять направление смещения и скорость. Хороший выбор для одностраничного сайта, который будет одинаково хорошо выглядеть и на мобильный устройствах и на больших экранах.

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

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

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

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

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

Rippleria
Легковесный плагин, создающий волновой эффект (похожий на рябь на поверхности воды) на любом DOM-элементе: кнопке, элементе DIV, картинке. Очень легко настраивается и управляется.

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

Flickity
Быстрый, адаптивный и управляемый жестами слайдер. Внешне — довольно обычный, но с невероятно тщательно написанной и структурированной документацией. Полноценный, и продуманный API.
Смотрите также:
4 Jquery слайдера с parallax эффектами

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года
Unslider
Очень маленький и простой слайдер, имеющий несколько параметров, позволяющих разнообразить его поведение: различные направления движения (горизонтальное и вертикальное), циклическая (бесконечная) прокрутка, автозапуск.

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

Lightcase.js
Выдающийся lightbox с CSS3 анимацией. Работает с DIV, изображениями, текстом, flash-объектами, video и iframe. Пока не поддерживает jQuery 3, но разработчики обещают исправить это в ближайших релизах.
Смотрите также:
10 модальных окон на jQuery для адаптивного сайта

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года
PhotoSwipe
Замечательная галерея изображений с управлением как клавиатурой на дестопных браузерах, так и жестами на мобильных. Имеется возможность установить задержку загрузки фотографий, пока полностью не загрузится сама страница. И все это удовольствие имеет размер всего 14 кБ.
Смотрите также:
7 адаптивных галерей изображений в виде слайдера

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года
Strip
Strip — это lightbox, который занимает некоторую область страницы, оставляя саму страницу не только частично видимой, но и доступной для взаимодействия с ней. Кроме того может одновременно работать и как слайдер. К тому же, наряду с изображениями, поддерживает и видеоконтент с Youtube и Vimeo.

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

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

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

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

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

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

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

Web-ticker
Бегущая строка, похожая на те, которые часто можно увидеть на экране телевизора в выпусках новостей — последние события, биржевые котировки, погода… Да мало ли, что там можно разместить! Так, что если вам нравится такой способ подачи информации — возьмите Web-ticker на заметку.

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

Inputmask
User experience в действии. Вы помните те времена, когда приходилось заново вводить в форму данные из-за ошибки. Причем ошибка обнаруживалась только после ответа сервера. Забудьте об этом! Inputmask не просто контролирует и отображает визуально правильность вводимых данных, он еще и препятствует введению неправильных. Попробуйте, например, ввести 13-й месяц в поле даты. Маски могут быть самые разные — даты, телефоны, e-mail и даже регулярные выражения.

jQuery плагины и JavaScript решения: Лучшие jQuery плагины 2016 года

ScrollReveal
Суперлегкий, адаптированный как к десктопным, так и к мобильным браузерам скрипт для эффектной скроллинговой анимации.

Лучшие jQuery плагины и JavaScript решения 2016 года

Marginotes
Всплывающие подсказки (tooltip), отображаемые на полях рядом с абзацем. Интересное и оригинальное решение. Если вы не любитель jQuery, то имеется версия, не требующая этой библиотеки.

Лучшие jQuery плагины и JavaScript решения 2016 года

Loud Links
Java-скрипт, который позволяет «озвучить» ваш сайт — добавить звуковые эффекты на различные события. Использует аудио-элемент HTML5 и способен воспроизводить MP3 и OGG файлы.

Лучшие jQuery плагины и JavaScript решения 2016 года

Bricks.js
Молниеносный, в смысле скорости работы, плагин для создания плиточной верстки фиксированной ширины.

Лучшие jQuery плагины и JavaScript решения 2016 года

MediumEditor
Маленький (28кБ) и легкий inline редактор для изменения атрибутов текста непосредственно на странице. Позволяет подключать дополнения и различные скины.
Смотрите также:
10 Javascript WYSIWYG и Markdown визуальных редакторов

Лучшие jQuery плагины и JavaScript решения 2016 года
Philter
Philter предоставляет удобное и гибкое управление CSS-фильтрами при помощи HTML-атрибутов. Поставляется в виде плагина к jQuery или скрипта на чистом JavaScript.

Лучшие jQuery плагины и JavaScript решения 2016 года

SuperEmbed.js
Обнаруживает на странице встроенное видео и помещает его в адаптивный контейнер.

Лучшие jQuery плагины и JavaScript решения 2016 года

Substance
Полноценный текстовый редактор для онлайновых издательских систем.

Лучшие jQuery плагины и JavaScript решения 2016 года

List.js
Позволяет сортировать, фильтровать и производить поиск по элементам списков, таблиц и другим элементам HTML

Лучшие jQuery плагины и JavaScript решения 2016 года

jqGifPreview
Создает стоп кадр анимированного GIF-файла, точно так же, как это сделано в FaceBook.

Лучшие jQuery плагины и JavaScript решения 2016 года

Datedropper.js
Симпатичный и удобный jQuery-плагин для быстрого указания даты.

Лучшие jQuery плагины и JavaScript решения 2016 года

jfMagnify
Плагин увеличительное стекло на базе jQuery. Способен увеличивать любой HTML-элемент, а не только изображение.

Лучшие jQuery плагины и JavaScript решения 2016 года

jQuery formBuilder
Быстрое и удобное создание форм — достаточно просто перетащить на форму требуемые элементы.

Лучшие jQuery плагины и JavaScript решения 2016 года

Popper.js
Несмотря на свой размер 4кБ эта библиотека-малютка создает эффектные и умные всплывающие подсказки (tooltip), которые могут быть расположены с любой стороны элемента, а также самостоятельно менять это положение в зависимости от расположения родительского элемента относительно границы страницы.

Лучшие jQuery плагины и JavaScript решения 2016 года

Image Blur Plugin
Легкий кросс-браузерный плагин jQuery для получения расфокусированного изображения.

Лучшие jQuery плагины и JavaScript решения 2016 года

InlineTweet.js
Превратить любой текст в Twitter-ссылку — дело одной секунды при помощи InlineTweet.js

Лучшие jQuery плагины и JavaScript решения 2016 года

iMissYou.js
iMissYou.js изменяет заголовок вкладки и favicon, когда пользователь переключается на другую вкладку.

Лучшие jQuery плагины и JavaScript решения 2016 года

SweetAlert2
Прекрасная замена стандартному окну, вызываемому функцией alert(). Имеет дополнительные параметры, которые делают его более наглядным и информативным.

Лучшие jQuery плагины и JavaScript решения 2016 года

Force.js
С Force.js легко анимировать перемещение любого элемента в пределах страницы, имитируя различные варианты приложения силы.

Лучшие jQuery плагины и JavaScript решения 2016 года

Bideo.js
Неплохая библиотека для добавления фонового видео на страницу вашего сайта.

Лучшие jQuery плагины и JavaScript решения 2016 года

Microlight.js
Небольшая, всего 2,2 кБ, библиотека для подсветки кода практически всех языков программирования. Указывать язык не нужно, библиотека сама определит его. Более этого, в одном блоке может быть даже несколько языков. Необычным является само выделение — вместо того, чтобы раскрашивать код как рождественскую елку выделение характерных элементов производится при помощи изменения начертания шрифта (полужирный, наклонный и т.п.)

Лучшие jQuery плагины и JavaScript решения 2016 года

flatpickr
Быстрый и функциональный элемент интерфейса для ввода даты, времени или и того и другого вместе.

Лучшие jQuery плагины и JavaScript решения 2016 года

anime.js
Гибкая и легкая библиотека различных анимационных эффектов, воздействующая на селекторы CSS, SVG, атрибуты DOM и другие JS-объекты.

Лучшие jQuery плагины и JavaScript решения 2016 года

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

Лучшие jQuery плагины и JavaScript решения 2016 года

Lightgallery.js
Написанная на чистом JavaScript, без зависимости от сторонних библиотек этот lightbox и слайд-шоу в одном флаконе обладает внушительным набором функций: автовоспроизведение, зуммирование, возможность распространять ссылку на него в соцсетях или скачивать понравившиеся фотографии.

Лучшие jQuery плагины и JavaScript решения 2016 года

iziModal.js
Элегантная, гибкая и настраиваемая модальная форма, выполняющая разные функции — от замены классической alert(), до размещения в ней целых страниц и блоков
<iframe>
.

Лучшие jQuery плагины и JavaScript решения 2016 года

Скрипты (ява) java и php для сайта html

Скрипты для сайта htmlДелаю подборку ява скрипты для сайта html, написанные на java и php языках. Все скрипты java и php проходят проверку на работоспособность, а уже после для вашего обзора выкладываются на сайт.

Практически все java скрипты (где была возможность) имеют примеры для установки и демонстрацию, с помощью которой, вы сможете определить подходит ли вам данный скрипт на сайт.

Мой сборник скриптов постоянно будет пополняться, так что ставьте страницу в избранное, чтобы не пропустить новые поступления java скриптов для сайта html.

JS display none | block

JS display noneВ этой статье речь пойдёт о параметре display и будут показаны примеры, как с помощью Java скрипт назначить любому элементу значение block | none ...

JS добавить текст

добавить текст jsВ этой статье рассмотрим примеры, как можно с помощью клика на JS добавить текст к уже имеющемуся тексту. На примерах разберём, как добавить ...

JS замена текста

замена текста jsПокажу на примере с исходным кодом, как с помощью JS можно при клике быстро сделать замену текста. В представленном примере посредством ...

Скрипт звездного рейтинга

Скрипт рейтингаСкрипт рейтинга предназначен для оценки посетителями статей, видео, картинок и прочего материала на вашем сайте в виде звёзд. Скрипт использует ...

Обратная связь ajax с выводом сообщений

Обратная связь ajax с выводом сообщенийВ ваших комментариях часто встречается вопрос: а как можно реализовать вывод сообщений об ошибках в форме обратной связи? И в этой ...

Скрипт поиска по сайту

Скрипт поиска по сайтуВыставляю для ознакомления три варианта скрипта поиск по сайту на java, php и xml, любой из которых можно смело применить для любых ваших ...

Обратный звонок Ajax в модальном окне

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

Анимация html на сайт примеры

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

PHP скрипт регистрации и авторизации

PHP скрипт регистрации и авторизацииПредлагаю вашему вниманию очень простой и функциональный скрипт регистрации и авторизации на сайте, который состоит из 3-ёх ...

Скрипт комментариев с админ-панелью на сайт

Скрипт комментариев с админ-панелью на сайтВ этой статье хочу предоставить вам замечательный и руссифицированный скрипт комментариев на сайт с Админ-панелью, имеющий ...

Cлайд шоу из фотографий на сайт

Cлайд шоу из фотографий на сайтА сейчас мы отправимся в "кинозал" для просмотра слайд шоу из фотографий с потрясающими эффектами при смене картинок, где ...

Таймер обратного отсчета на сайт

Таймер обратного отсчета на сайтТаймер обратного отсчёта применяется на сайте для показа посетителям той или иной информации, которая имеет определённый срок ...

Обратная связь на java и php для сайта

Обратная связь на java и php для сайтаПросматривая PHP и Java скрипты в интернете, нашёл некоторые понравившееся фрагменты, и решил соединить воедино некоторые их части ...

Красивая фотогалерея на jQuery

Красивая фотогалерея на jQueryРассмотрим пример - красивая фотогалерея, которое было создано с помощью jQuery, CSS и небольшого блока HTML. Как вы видите на примере ...

Как изменить javascript alert

Как изменить javascript alertЗдесь я покажу, как можно изменить и сделать более красивее системное сообщение - jаvascript alert, и самое главное, в Алерт можно ... Показать ещё 12

Фотогалерея в модальном окне

Фотогалерея в модальном окнеВашему вниманию предлагаю скрипт - фотогалереи в модальном окне. Данный скрипт ява работает на основе плагинов jquery и правильно ...

Скрипт голосования для сайта

Скрипт голосования для сайтаСкрипт голосования для сайта написан на PHP с применением ява скриптов AJAX и легко интегрируется на html страницы. Голосование и ...

Скрипт комментариев от ВКонтакте

Скрипт комментариев от ВКонтактеНа этой странице я вам хочу показать совершенно простой скрипт комментариев от ВКонтакте. Простота его заключается в том, что ...

Видео в модальном окне для сайта

Видео в модальном окне для сайтаПродолжая тему "модальные окна" решил выложить замечательный скрипт ява для отображения видео в модальном окне. Скрипт будет ...

Скрипт скрытый текст на сайте

Скрипт скрытый текст на сайтеСкрипт Скрытый текст в основном используется при создание сайта с большим объёмом содержания страницы, или для сокрытия определённой ...

Анимация ссылок css, анимация меню

Анимация ссылок css, анимация менюОбзор 19 примеров превосходной анимации ссылок на css и одном файле ява скрипт. Эти примеры можно использовать и для анимации меню ...

Анимация блока div для сайта

Анимация блока div для сайтаПриведу восемь эффективных для визуального просмотра примеров анимации блока div для сайта. Анимацию блоков можно отрегулировать ...

Комментарии для сайта

Комментарии для сайтаВашему вниманию предлагаю довольно простой скрипт на основе Ajax с поддержкой базы данных MySQL - комментарии для сайта. Скрипт ...

Простая обратная связь на сайт

Простая обратная связь на сайтОбратная связь - является неотъемлемой частью практически у большинства сайтов, где с её помощью посетитель может связаться с администрацией ...

Фотогалерея простая на xml для сайта

Фотогалерея простая на xml для сайтаВ этом примере, я хочу Вам показать работу простой фотогалереи для сайта на xml, в котором показ слайдов осуществляется так же ...

Скрипт плавного перехода на верх

Скрипт плавного перехода на верхСкрипт плавного перехода на верх - предназначен главным образом для плавного и красивого перехода из любой части страницы созданного ...

Как сделать опрос на сайте

Как сделать опрос на сайтеВашему вниманию хочу предложить замечательный скрипт Опрос на сайте, с помощью которого можно создать неограниченное количество ... Показать последние

Скрипт наверх с анимацией

Скрипт наверх с анимациейАнимированный переход на верх - это такой же плавный и очень красивый переход "На верх", только с использованием анимации. В данном случае ...

Анимация луч света для фото, текста и блока

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

Скрипт поддержка онлайн (online)

Скрипт поддержка онлайн (online)Поддержка онлайн - является необходимым компонентом для многих сайтов, где посетитель (клиент) может в онлайн режиме задать любой ...

Скрытый и неподвижный блок на сайт

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

Как добавить в избранное

Как добавить в избранноеПредоставляю вашему вниманию уникальный Java скрипт - Как добавить в избранное. Его уникальность заключается в том, что он ...

Счётчик посетителей онлайн на php

Счётчик посетителей онлайн на phpВ этой статье рассмотрим 2 скрипта Счётчик посетителей на php предназначенных для подсчета количества посетителей вашего сайта ...

Конструктор форм обратной связи

Конструктор форм обратной связиВ этой статье вам я хочу предложить уникальный скрипт "Конструктор форм обратной связи" с админ-панелью. После установки скрипта на ваш ...

Счётчик кликов

Счётчик кликовВ наше время вы не редко встречали подобные подсчёты кликов - счётчик кликов, и назначение скрипта для учёта кликов на ссылки, либо ...

Ява скрипт ротатор баннеров

Ява скрипт ротатор баннеровЗдесь я вам хочу рассказать об очень простом, и в то же время надёжном, работающим в основных браузерах скрипте - Ротатор баннеров ...

Ссылки внутри страниц Якоря

Ссылки внутри страниц - ЯкоряСсылки внутри страниц - называемые "Якоря", предназначены для быстрого перемещения по странице, когда объём содержимого довольно велик ...

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

86 Codepen

Звёздный рейтинг

Звездный рейтинг с svg анимацией настроений вымышленного инопланетянина. Звезды представляют из себя radio элементы формы, а анимация выполнена с использованием js GreenSock

Звёздный рейтинг 263 Parallax / Codepen

Параллакс эффект

Параллакс эффект при перемещениях курсора и эффект mix-blend-mode применяемый для текста

Параллакс эффект 133 Codepen

Новогодняя ёлка на канвасе

Новогодняя ёлка на канвасе с помощью three.js

Новогодняя ёлка на канвасе 475 Codepen

Вращающаяся новогодняя ёлка на CSS

Адаптивная вращающаяся новогодняя ёлочка с разноцветными огоньками на чистом CSS

Вращающаяся новогодняя ёлка на CSS 249 Codepen

Новогодняя ёлка на CSS

Новогодняя ёлочка сделанная на чистом CSS. Задний фон и мерцающие буквы с Новым годом, также реализованы на CSS.

Новогодняя ёлка на CSS 320 Codepen

Облаков тегов

Генератор облака тегов в форме круга.

Облаков тегов 328 Time & Clock / Codepen

Фрактальные часы

Фрактальные часы на канвасе

Фрактальные часы 362 Codepen

Врата времени на CSS и SVG

Врата времени нарисованные на SVG и анимированные с помощью CSS

Врата времени на CSS и SVG 283 Codepen

Генератор спиралей

Генератор анимированных разноцветных спиралей. 

Генератор спиралей 694 Text / Codepen

Текст из частиц

Текст формируемый из частиц, на которые мы можем воздействовать за счет наведения курсора.

Текст из частиц 594 Animation / Buttons / Codepen

Коллекция css анимаций кнопок

Коллекция css анимаций для кнопок при наведении на них курсора

Коллекция css анимаций кнопок 570 Codepen

Волна частиц

Летящие частицы анимированные с помощью tweenmax. По клику часть частиц под курсором исчезают.

Волна частиц

Отправить ответ

avatar
  Подписаться  
Уведомление о