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

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


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

Ads

Ad: Bluehost hosting


Aceasta este o versiune jQuery, WordPress Plugin este disponibil aici.


Ceea ce vedem ca dezvoltatorii atunci când ne deschidem fiecare nou site?

De obicei, vom vedea blocuri diferite, cu meniuri, cursoare, widget-uri, lucru - conținut și desigur, pictograme. În general, cele mai multe dintre ele sunt interactive, cu excepția conținutului și... icoane!

Așa că m-am gândit: "Poate putem sparge acest stereotip? ' Astfel sa născut ideea de LivIcons (Icoane vii). Dar, dacă aș fi știut că acest proiect va dura patru luni de la munca de zi cu zi grea, poate că nu aș fi început să-l. Cu toate acestea, aici puteți vedea rezultatul.

Deci, ce sunt LivIcons? Ele sunt o cruce icoane vector browser-ul, construit cu JavaScript, cu mini-animație individuală pentru fiecare pictogramă (cu excepția celor "nume de marcă"). Ei se bazează pe SVG (grafică vectorială scalabilă) în browserele moderne și Vietnamului (vectorul limbaj de marcare) în IE6 - IE8 pentru un aspect curat si perfect la orice dispozitive (. Da Retina prea).

Caracteristici principale:

  • 363 + 51 viu statică = 414 total (de la v1.4), icoane într-un singur script.
  • Nou pas în interactivitate și de brand nou - astfel de metode de animație pentru elemente de interfață nu au fost niciodată create înainte.
  • Animate și poate fi static, desigur,
  • Orice culoare, orice dimensiune
  • f retina
  • 16 pixeli perfectă
  • Setările flexibile de comportament și de aspectul
  • bootstrap compatibile
  • Integrarea ușoară - doar un singur șir de cod pentru o pictogramă.
  • add dinamic, eliminați și să actualizeze cu trei metode JavaScript (de la v1,2)
  • schimbare de culoare pentru clasa "activă" (de la v1,2)
  • sprijin IE6 +
  • Toate browserele (aproape ;) )
  • actualizări gratuite
  • Adobe Illustrator fișiere cu toate picktograms pentru scopul dumneavoastră de proiectare.
  • Cu simplu trei Customizer pași vă permit să alegeți ceea ce ai nevoie exact.

cerinţe:

  • jQuery 1.6.3 și în sus
  • Un browser rapid și modern pentru lucrul cu personalizatorului

Licență:

Trebuie să achiziționați un regulat sau o licență extinsă a LivIcons pentru fiecare proiect de web.

WorldWideScripts.net Autori:

Dacă doriți să includeți plug meu în HTML teme (template-uri) pe care le puteți face acest lucru în următoarele condiții:

  1. Eu dau permisiunea de a include LivIcons in numai articolele WorldWideScripts.net lui! Nu pe orice alt site (uri)
  2. Trebuie să achiziționați unul (1) extinsă de licență pentru fiecare temă (șablon)
  3. Trebuie sa-mi e-mail printr-un formular de contact (nu direct) pe pagina mea de profil cu tema dvs. (șablon) numele în cazul în care aveți de gând să utilizați LivIcons
  4. Vă rugăm să credit LivIcons la pagina articolului dvs.
  5. noroc cu vânzări!

Notă importantă:

De la v1.1 animația oricărei icoane "nume de marcă", cum ar fi, socials browsere, libs JS, etc, este eliminat, deoarece poate încălca termenii de utilizare proprietarilor drepturilor de autor respective ale dezvoltatorilor. Așa că, de acum aceste icoane nu sunt animate. Vă mulțumim pentru înțelegere.

Multumiri speciale:

  • Mulțumiri speciale lui Dmitri Baranovskiy, autorul Raphaël - JavaScript Library.
  • Mulțumiri speciale pentru jQuery echipa pentru munca remarcabila face munca mai ușoară.
  • Mulțumiri speciale Douglas Crockford pentru script - ul json2, care permite IE6 -IE7 să lucreze cu JSON.
  • Mulțumiri speciale pentru Dusty Jewett pentru ajutor cu imbunatatirea codului JS.
  • Anumite pictograme sunt bazate pe pictograme din diverse surse deschise cu licență adecvată pentru utilizare comercială, să modifice și să modifice cu nici atribuire necesară.

Schimbare jurnal:

 2014, 1 octombrie - v1.4 - A adăugat 10 noi pictograme animate - Bug fix mici 
 2013, 24 iulie - v1.3 - A adăugat nou 9 animate și 18 pictograme statice - Acum nu este necesar metoda jQuery.each () pentru a adăuga, elimina sau a actualiza LivIcons pentru orice clasă de lucru, atunci când prin JavaScript - Script-ul nu se va adăuga un LivIcon într-un recipient cu pictograma deja existentă - A făcut unele îmbunătățiri codul pentru un comportament mai precise atunci când aveți orice linie LivIcon în icoane Morph - Actualizat documentația - Actualizat personalizatorului - actualizat fișiere Adobe Illustrator 
 2013, mai, 20 - v1.2 - A adăugat 65 de noi pictograme animate - A adăugat abilitatea de a lucra cu icoane dinamic prin trei metode JavaScript noi - A adăugat suport pentru schimbarea unei culori pentru orice clasă de "activă" a icoanelor sau a elementelor lor de parinti - Script-ul nu va suprascrie ID-urile de care este definit pentru elementul HTML cu LivIcon - Unele îmbunătățiri cod - Actualizat documentația - Actualizat personalizatorului - actualizat fișiere Adobe Illustrator 
 2013, mai, 06 - v1.1.1 - Bug fix mic pentru IE6 - IE8 
 2013, mai, 05 - v1.1 - Eliminat toate animațiile de la pictogramele "nume de marcă" - Eliminat "twitter-alt-alt 'icon - A adăugat zece pictograme noi - A adăugat nou "date de durată" sau parametru "date-d 'pentru schimbarea vitezei de animație. - Actualizat documentația - Actualizat personalizatorului - actualizat fișiere Adobe Illustrator 
 2013, mai, 01 - v1.0 - eliberare inițială 

În cazul în care sunteți impresionați de posibilități SVG, puteți dori, de asemenea:










Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creată:
O mai 13

Ultima actualizare:
01 octombrie 14

Rezoluție înaltă:
da

Browsere compatibile:
IE6, IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

fişierele incluse:
JavaScript JS

Versiune de software:
jQuery, Altele

Cuvinte cheie

eCommerce, eCommerce, Toate obiectele, animat, animaţie, bootstrap, Cross browser, icoane, icoane vii, livicons, icoane moderne, retină, scalabil, svg, icoane vector, VML