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 per WorldWideScripts.net

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


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

Ads

Ad: Bluehost hosting


Aquesta és una versió de jQuery, Plugin de WordPress està disponible aquí.


El que veiem com els desenvolupadors quan obrim cada nou lloc?

En general, veiem diferents blocs amb menús, barres de desplaçament, widgets, el més important - de contingut i, per descomptat, icones. En general, la majoria d'ells són interactius, amb l'excepció de contingut i... icones!

Així que vaig pensar: 'Potser podem trencar aquest estereotip?' Així va néixer la idea de LivIcons (icones vius). Però si sabia que aquest projecte trigaria quatre mesos de dur treball diari, potser jo no havia començat. No obstant això, aquí es pot veure el resultat.

Quins són tan LivIcons? Són icones d'un navegador de vectors transversals, construïts amb JavaScript, amb la mini animació individual per a cada icona (excepte els Noms de marques '). Ells basat en SVG (Scalable Vector Graphic) en els navegadors moderns i VML (llenguatge de marcat vectorial) en IE6 - IE8 per la mirada neta i perfecta en qualsevol dispositiu (Sí. Retina també).

Principals característiques:

  • 363 en viu + 51 = 414 estàtica total del (v1.4) icones en un guió.
  • Nou pas en la interactivitat i la marca nova - tals mètodes d'animació per als elements de la interfície mai van ser creats abans.
  • Animada i pot ser estàtica, per descomptat,
  • Qualsevol color, qualsevol mida
  • perfecta retina
  • 16 píxels perfecta
  • Els ajustaments flexibles de comportament i aparença
  • bootstrap compatibles
  • Fàcil integració - només una cadena de codi d'una icona.
  • complement dinàmic, eliminar i actualitzar amb tres mètodes de JavaScript (de v1.2)
  • El canvi de color per a la classe "actiu" (de v1.2)
  • suport IE6 +
  • Tots els navegadors (gairebé ;) )
  • actualitzacions gratuïtes
  • Adobe Illustrator arxius amb tots picktograms per a la seva finalitat prevista.
  • Personalitzador amb simples tres passos permeten seleccionar el que necessita exactament.

requisits:

  • jQuery 1.6.3 i fins
  • Un navegador ràpid moderna per al treball amb el personalitzades

llicència:

Cal que adquireixi un criteri general o una llicència ampliada de LivIcons per a cada projecte web.

Autors: WorldWideScripts.net

Si voleu incloure el meu plug-in al teu HTML temes (plantilles) que pot fer que, sota les següents condicions:

  1. Dono un permís per incloure només els elements en LivIcons de WorldWideScripts.net! No en qualsevol altre lloc (s)
  2. Cal que adquireixi un (1) Llicència ampliada per a cada tema (plantilla)
  3. Has d'enviar per correu electrònic a través d'un formulari de contacte (no directament) a la meva pàgina de perfil amb el seu tema (plantilla) Nom d'on va a utilitzar LivIcons
  4. Es prega referir a LivIcons a la pàgina de l'article
  5. Bona sort amb les vendes!

Nota important:

A partir de la versió 1.1 de l'animació de les icones de marca '', com esdeveniments socials, navegadors, biblioteques JS, etc., s'elimina, ja que pot violar els termes de servei dels seus respectius propietaris dels drets dels desenvolupadors. Així que a partir d'ara aquestes icones no estan animades. Gràcies per la comprensió.

Gràcies especial:

  • Un agraïment especial a Dmitry Baranovskiy, l'autor de Raphaël - Biblioteca JavaScript.
  • Un agraïment especial a jQuery equip destacat per la seva tasca fa que el nostre treball sigui més fàcil.
  • Un agraïment especial a Douglas Crockford per l'escriptura json2, que permet als IE6 -IE7 per treballar amb format JSON.
  • Un agraïment especial a Dusty Jewett per a l'ajuda amb la millora de codi JS.
  • Alguns icones es basen en els pictogrames de diverses fonts obertes amb llicència apropiada per al seu ús comercial, modificar i alterar sense atribució requerida.

Canvi de registre:

 2014, octubre 1 - v1.4 - Afegit 10 nous icones animats - Petita correcció d'errors 
 2013, juliol 24 - v1.3 - Afegit nou 9 animada i 18 icones estàtics - Ara no es necessita mètode jQuery each () per afegir, eliminar o actualitzar LivIcons per a qualsevol classe quan el treball a través de JavaScript - Script no afegir un LivIcon a un recipient amb la icona ja existent - Fet algunes millores codi de comportament més precís quan es té cap línia LivIcon en icones Morph - La documentació actualitzada - Actualitzat el personalitzades - Arxius actualitzats d'Adobe Illustrator 
 2013, maig, 20 - v1.2 - Afegit 65 noves icones animats - Afegit la capacitat de treballar amb les icones de manera dinàmica a través de tres nous mètodes de JavaScript - Suport afegit per canviar un color per a qualsevol classe "activa" d'icones o elements dels seus pares - Script no anul·larà les identificacions que es defineix per l'element HTML amb LivIcon - Algunes millores de codi - La documentació actualitzada - Actualitzat el personalitzades - Arxius actualitzats d'Adobe Illustrator 
 2013, maig, 06 - v1.1.1 - Petita correcció d'errors per IE6 - IE8 
 2013, maig, 05 - v1.1 - Eliminat totes les animacions d'icones Noms de marques ' - Icona eliminat 'twitter-alt-alt' - Afegit deu nous icones - Afegit nous "dades durada 'o paràmetre" dades-d' per al canvi de velocitat de l'animació. - La documentació actualitzada - Actualitzat el personalitzades - Arxius actualitzats d'Adobe Illustrator 
 2013, maig, 01 - v1.0 - versió inicial 

Si vostè està impressionat amb possibilitats SVG, també et pot agradar:










Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

creat:
Gener 13 de maig de

Darrera actualització:
Gener 14 d'octubre de

Alta resolució:
si

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

arxius inclosos:
JavaScript JS

Versió de programari:
jQuery, Altres

Paraules clau

eCommerce, eCommerce, tots els Articles, animat, animació, bootstrap, navegadors, icones, icones vius, livicons, icones modernes, retina, escalable, SVG, icones del vector, VML