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

— Add-On pour WorldWideScripts.net

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


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

Ads

Ad: Bluehost hosting


Ceci est une version jQuery, WordPress Plugin est disponible ici.


Ce que nous voyons en tant que développeurs quand nous ouvrons chaque nouveau site?

Habituellement, nous voyons différents blocs avec des menus, des curseurs, des widgets, chose principale - contenu et bien sûr, les icônes. Généralement la plupart d'entre eux sont interactifs, à l'exception de contenu et de... icônes!

Je pensais: «Peut-être que nous pouvons briser ce stéréotype? Ainsi l'idée de LivIcons (icônes vivantes) est né. Mais si je savais que ce projet prendrait quatre mois de travail quotidien dur, peut-être que je ne l'avais commencé. Cependant, ici vous pouvez voir le résultat.

Alors, quels sont LivIcons? Ils sont une croix vecteur icônes du navigateur, construit avec JavaScript, avec mini animation individuelle pour chaque icône (sauf les uns "noms de marque). Ils basée sur SVG (graphique vectoriel évolutif) dans les navigateurs modernes et VML (vector markup language) dans IE6 - IE8 pour un look propre et parfait à tous les périphériques (. Oui Retina trop).

Caractéristiques principales:

  • 363 en direct + 51 = 414 statique total (v1.4) icônes dans un script.
  • Nouvelle étape dans l'interactivité et de la marque New - telles méthodes d'animation pour les éléments de l'interface ont jamais été créés avant.
  • Animé et peut être statique bien sûr
  • Toute couleur, toutes les tailles
  • parfait Retina
  • 16 pixel parfait
  • Paramètres flexibles de comportement et l'apparence
  • Bootstrap compatible
  • Facilité d'intégration - juste une chaîne de code pour une icône.
  • add dynamique, supprimer et mettre à jour avec trois méthodes JavaScript (de v1.2)
  • Le changement de couleur pour la classe «active» (de v1.2)
  • soutien IE6 +
  • Tous les navigateurs (presque ;) )
  • mises à jour gratuites
  • fichiers Adobe Illustrator avec tous picktograms pour votre objectif de conception.
  • Customizer avec de simples trois étapes vous permettent de choisir exactement ce que vous avez besoin.

Exigences:

  • jQuery 1.6.3 et jusqu'à
  • Un navigateur moderne et rapide pour le travail avec le Customizer

Licence:

Vous devez acheter un régulier ou d'une licence étendue de LivIcons pour chaque projet web.

WorldWideScripts.net Auteurs:

Si vous souhaitez inclure mon plugin dans votre HTML thèmes (modèles), vous pouvez le faire que dans les conditions suivantes:

  1. Je donne la permission d'inclure LivIcons dans les articles de WorldWideScripts.net seulement! Pas sur tout autre site (s)
  2. Vous devez acheter une (1) licence étendue pour chaque thème (template)
  3. Vous devez me contacter par un formulaire de contact (pas directement) sur ma page de profil avec votre thème (template) nom où vous prévoyez d'utiliser LivIcons
  4. S'il vous plaît créditer LivIcons sur la page de votre article
  5. Bonne chance avec les ventes!

Note importante:

De v1.1 l'animation de toutes les icônes «nom de marque», comme socials, les navigateurs, libs JS, etc., est supprimée car elle peut constituer une violation des conditions de service de leurs propriétaires respectifs de copyright des développeurs. Donc, à partir de maintenant ces icônes ne sont pas animées. Merci pour la compréhension.

Remerciement spécial:

  • Remerciements particuliers à Dmitry Baranovskiy, l'auteur de Raphaël - Bibliothèque JavaScript.
  • Remerciements particuliers à jQuery équipe pour le travail remarquable rend notre travail plus facile.
  • Remerciements spéciaux à Douglas Crockford pour le script json2, qui permet à IE6 -IE7 de travailler avec le format JSON.
  • Un merci spécial à Dusty Jewett pour l'aide à l' amélioration du code JS.
  • Certaines icônes sont basées sur des pictogrammes provenant de diverses sources ouvertes avec licence appropriée pour un usage commercial, modifier et modifier sans attribution nécessaire.

Change log:

 2014, Octobre, 1 - v1.4 - Ajouté 10 nouvelles icônes animées - Petit bug fix 
 2013, Juillet, 24 - v1.3 - Ajouté un nouveau 9 animé et 18 icônes statiques - Maintenant pas nécessaire jQuery méthode.each () pour ajouter, supprimer ou mettre à jour LivIcons pour toute classe lorsque le travail via JavaScript - Script ne sera pas ajouter un LivIcon à un conteneur avec l'icône déjà existante - Fait une certaine amélioration de code pour un comportement plus précis lorsque vous avez une ligne de LivIcon dans les icônes Morph - Mise à jour de la documentation - Mis à jour le Customizer - des fichiers Adobe Illustrator mises à jour 
 2013, mai, 20 - v1.2 - Ajouté 65 nouvelles icônes animées - Ajout de la possibilité de travailler avec des icônes dynamiquement via trois nouvelles méthodes JavaScript - Ajout du support pour changer une couleur pour une catégorie «active» des icônes ou des éléments de leurs parents - Script ne sera pas remplacer les ID qui est défini pour l'élément HTML avec LivIcon - Une amélioration de code - Mise à jour de la documentation - Mis à jour le Customizer - des fichiers Adobe Illustrator mises à jour 
 2013, mai 06 - v1.1.1 - Petite correction de bug pour IE6 - IE8 
 2013, mai 05 - v1.1 - Supprimé toutes les animations à partir des icônes «noms de marque de - 'Alt-twitter-alt' icône retirée - A ajouté dix nouvelles icônes - Ajouté de nouvelles «données-durée» ou «données d 'paramètre pour changer la vitesse d'animation. - Mise à jour de la documentation - Mis à jour le Customizer - des fichiers Adobe Illustrator mises à jour 
 2013, mai 01 - v1.0 - version initiale 

Si vous êtes impressionné par les possibilités de SVG, vous aimerez aussi:










Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
1 mai 13

Dernière mise à jour:
1 Octobre 14

Haute résolution:
Oui

Navigateurs compatibles:
IE6, IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

fichiers inclus:
JavaScript JS

Une version de logiciel:
jQuery, Autres

Mots-clés

commerce é, lectronique, commerce é, lectronique, Tous les articles, animé, animation, bootstrap, navigateur croix, icô, nes, icô, nes vivantes, livicons, icô, nes modernes, ré, tine, é, volutive, svg, icô, nes vectorielles, VML