WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

LivIcons - 303 Truly Animated Vector Icons

— Додатки до WorldWideScripts.net

Підпишіться на наш канал, щоб залишатися в курсі подій!

Новинка! Слідуйте за нами, як ви хочете!


LivIcons - 303 Truly Animated Vector Icons - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting


Це версія JQuery, WordPress Плагін доступний тут.


Те, що ми бачимо, як розробники, коли ми відкриваємо кожен новий сайт?

Зазвичай ми бачимо різні блоки з меню, повзунки, віджети, головне - зміст і, звичайно ж, іконки. Як правило, більшість з них є інтерактивними, крім контенту і... іконки!

Так що я подумав: "Може бути, ми можемо зламати цей стереотип? Так народилася ідея LivIcons (живі іконки). Але якби я знав, що цей проект займе чотири місяці напруженої щоденної роботи, може бути, я б не почав його. Проте, тут ви можете побачити результат.

Так що ж LivIcons? Вони є крос-браузер векторні іконки, створені за допомогою JavaScript, з індивідуальною міні-анімації для кожного значка (за винятком тих, «найменування брендів»). Вони засновані на SVG (масштабована векторна графіка) в сучасних браузерах і VML (векторний мова розмітки) в IE6 - IE8 для чистої і виглядати бездоганно на будь-яких пристроях (. Так Retina теж).

Основні риси:

  • 363 в прямому ефірі + 51 = 414 статична всього (від v1.4) іконки в одному сценарії.
  • Новий крок в інтерактивність і абсолютно нові - такі методи анімації для елементів інтерфейсу ніколи не були створені раніше.
  • Анімаційна і може бути статичним, звичайно,
  • Будь-який колір, будь-який розмір
  • сітківка досконалий
  • 16 пікселя
  • Гнучкі настройки поведінки і зовнішнього вигляду
  • Bootstrap сумісний
  • Проста інтеграція - тільки один рядок коду для значка.
  • Динамічні додавати, видаляти і оновлювати з трьома методами JavaScript (від v1.2)
  • Зміна кольору для "активного" класу (від v1.2)
  • підтримка IE6 +
  • Всі браузери (майже ;) )
  • Безкоштовні оновлення
  • Adobe Illustrator файли з усіма picktograms для вашого дизайну мети.
  • Настроювач з простими три кроки дозволяють вам вибрати те, що вам саме потрібно.

вимоги:

  • JQuery 1.6.3 і вище
  • Сучасний швидкий браузер для роботи з Настроювачі

ліцензія:

Ви повинні придбати регулярний або розширену ліцензію LivIcons для кожного веб-проекту.

WorldWideScripts.net Автори:

Якщо ви хочете, щоб включити мій плагін в ваші HTML теми (шаблони), ви можете зробити це за таких умов:

  1. Я даю дозвіл включити в LivIcons тільки об'єкти WorldWideScripts.net в! Чи не на будь-якому іншому сайті (и)
  2. Вам потрібно придбати один (1) розширена ліцензія для кожної теми (шаблон)
  3. Ви повинні написати мені через контактну форму (не безпосередньо) на моїй сторінці профілю з вашою темою (шаблон) імені, де ви плануєте використовувати LivIcons
  4. Будь ласка, кредитувати LivIcons на сторінці вашого елемента
  5. Удачи з продажів!

Важливе зауваження:

Від v1.1 анімації будь-яких значків "назва бренду", як браузери, соціального характеру, JS LIBS і т.д., видаляється, оскільки це може порушити умови розробників сервісу їх відповідних власників авторських прав. Так що тепер ці піктограми не анімовані. Дякую за розуміння.

Особлива подяка:

  • Особлива подяка Дмитру Барановського, автор Рафаелі - JavaScript бібліотеки.
  • Особлива подяка Jquery команді за відмінну роботу робить нашу роботу простіше.
  • Особлива подяка Дугласа Crockford для json2 сценарію, який дозволяє IE6 -IE7 для роботи з форматом JSON.
  • Особлива подяка Дасті Jewett за допомогу з поліпшенням коду JS.
  • Деякі значки засновані на піктограмами з різних відкритих джерел з відповідною ліцензією для комерційного використання, зміни та змінювати без будь-яких атрибуції потрібно.

Історія змін:

 2014 року, 1 жовтня - v1.4 - Додав 10 нових анімованих ікон - Невелика помилка виправлення 
 2013, липень, 24 - v1.3 - Додані нові 9 анімовані і статичні іконки 18 - Тепер не потрібний метод JQuery.each () для додавання, видалення або оновлення LivIcons для будь-якого класу при роботі з допомогою JavaScript - Скрипт не додасть LivIcon в контейнер з уже існуючим значком - Зробив деяке поліпшення коду для більш точного поведінки, коли у вас є які-небудь LivIcon інлайн в Morph іконок - Оновлення документації - Оновлена ​​настроювач - Оновлені файли Adobe Illustrator 
 2013, травень, 20 - v1.2 - Додав 65 нових анімованих ікон - Додана можливість працювати з іконками динамічно за допомогою трьох нових методів JavaScript - Додана підтримка для зміни кольору для будь-якого 'активного' класу іконок або елементів їх батьків - Сценарій не буде перекривати ідентифікатори яких визначено для HTML-елемента з LivIcon - Деяке поліпшення коду - Оновлення документації - Оновлена ​​настроювач - Оновлені файли Adobe Illustrator 
 2013, травень, 06 - v1.1.1 - Невелика помилка виправлення для IE6 - IE8 
 2013, травень, 05 - v1.1 - Вилучені всі анімації з значків 'імена марки' - Значок видалено 'твіттер-альт-альт " - Додав десять нових іконок - Додана нова "дата-тривалість 'або параметр' даних D 'для зміни швидкості анімації. - Оновлення документації - Оновлена ​​настроювач - Оновлені файли Adobe Illustrator 
 2013, травень, 01 - Версія 1.0 - перший випуск 

Якщо ви вражені можливостями SVG, вам також може сподобатися:










Завантажити
Інші компоненти в цій категоріїВсі компоненти цього автора
КоментаріЧасті питання та відповіді

Властивості

створений:
1 травня 13

Останнє оновлення:
1 14 жовтня

Висока роздільна здатність:
Так

сумісні браузери:
IE6, IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

файли, включені:
JavaScript JS

Версія програмного забезпечення:
JQuery, Інше

Ключові слова

електронної комерції, електронної комерції, всі товари, анімаційний, анімація, початкова завантаження, крос-браузер, іконки, живі іконки, livicons, сучасні іконки, сітківка, масштабований, SVG, векторні іконки, VML