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

Abonner på vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


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

Ads

Ad: Bluehost hosting


Dette er en jQuery-version, WordPress Plugin er tilgængelig her.


Hvad vi ser som udviklere, når vi åbner hver ny hjemmeside?

Normalt ser vi forskellige blokke med menuer, skydere, widgets, vigtigste ting - indhold og selvfølgelig, ikoner. Generelt de fleste af dem er interaktive, undtagen indhold og... ikoner!

Så jeg tænkte: "Måske kan vi bryde dette stereotype? ' Således tanken om LivIcons (levende ikoner) blev født. Men hvis jeg vidste, at dette projekt ville tage fire måneders hårdt daglige arbejde, måske jeg ville ikke havde startet det. Men her kan du se resultatet.

Så hvad er LivIcons? De er et cross browser vektor ikoner, bygget med JavaScript, med individuel mini animation for hver ikon (undtagen 'navne "dem). De er baseret på SVG (Scalable Vector Graphics) i moderne browsere og VML (Vector Markup Language) i IE6 - IE8 for ren og perfekt kig på alle enheder (. Ja Retina også).

Hovedtræk:

  • 363 levende + 51 statisk = 414 i alt (fra v1.4) ikoner i ét script.
  • Nyt skridt i interaktivitet og helt nye - sådan animation metoder til interface-elementer blev aldrig skabt før.
  • Animerede og kan være statisk naturligvis
  • Enhver farve, enhver størrelse
  • retina perfekt
  • 16 pixel perfekt
  • Fleksible indstillinger for adfærd og udseende
  • bootstrap kompatibel
  • Nem integration - blot én streng af kode til et ikon.
  • Dynamisk tilføje, fjerne og opdatere med tre JavaScript metoder (fra v1.2)
  • Farveskift for klasse "aktiv" (fra v1.2)
  • IE6 + support
  • Alle browsere (næsten ;) )
  • Gratis opdateringer
  • Adobe Illustrator-filer med alle picktograms til dit design formål.
  • Customizer med enkle tre trin kan du vælge, hvad du præcis har brug for.

Krav:

  • jQuery 1.6.3 og op
  • En moderne hurtig browser for arbejdet med Customizer

Licens:

Du skal købe en regelmæssig eller en udvidet licens af LivIcons for enhver web-projekt.

WorldWideScripts.net Forfattere:

Hvis du gerne vil inkludere min plugin i din HTML-temaer (skabeloner) kan du gøre det på følgende betingelser:

  1. Jeg giver tilladelse til at medtage LivIcons i WorldWideScripts.net eneste elementer! Ikke på noget andet site (s)
  2. Du skal købe en (1) udvidet licens for hver tema (skabelon)
  3. Du skal kontakte mig via en kontakt formular (ikke direkte) på min profil side med dit tema (skabelon) navn, hvor du planlægger at bruge LivIcons
  4. Venligst kreditere LivIcons på din vare side
  5. Held og lykke med salget!

Vigtig bemærkning:

Fra v1.1 animationen af ​​eventuelle 'Brand name' ikoner, ligesom Socials, browsere JS libs mv er fjernet, fordi det kan krænke udviklernes hensyn til service af deres respektive copyright ejere. Så fra nu disse ikoner ikke er animeret. Tak for forståelsen.

Specielt tak:

  • Særlig tak til Dmitry Baranovskiy, forfatteren af Raphaël - JavaScript Bibliotek.
  • Særlig tak til jQuery team for fremragende arbejde gør vores arbejde lettere.
  • Særlig tak til Douglas Crockford for json2 script, som lader IE6 -IE7 at arbejde med JSON format.
  • Særlig tak til Dusty Jewett for hjælp med JS kode forbedring.
  • Nogle ikoner er baseret på piktogrammer fra forskellige åbne kilder med passende licens til kommerciel brug, ændre og ændre uden krævede tilskrivning.

Skift log:

 2014, oktober 1 - v1.4 - Tilføjede 10 nye animerede ikoner - Lille bug fix 
 2013, juli 24 - v1.3 - Tilføjet nye 9 animerede og 18 statiske ikoner - Nu ikke nødvendigt jQuery metoden.Hver () for at tilføje, fjerne eller opdatere LivIcons for enhver klasse, når arbejdet via JavaScript - Script vil ikke tilføje en LivIcon til en beholder med allerede eksisterende ikon - Lavet noget kode forbedring for mere præcis adfærd, når du har nogen LivIcon inline i Morph ikoner - Opdateret dokumentationen - Opdateret Customizer - opdaterede Adobe Illustrator-filer 
 2013, maj, 20 - v1.2 - Tilføjede 65 nye animerede ikoner - Tilføjet muligheden for at arbejde med ikoner dynamisk via tre nye JavaScript-metoder - Tilføjet understøttelse til at ændre en farve til enhver "aktiv" klasse af ikoner eller deres forældres elementer - Script vil ikke tilsidesætte ID'er, der er defineret for HTML-element med LivIcon - Noget kode forbedring - Opdateret dokumentationen - Opdateret Customizer - opdaterede Adobe Illustrator-filer 
 2013, maj, 06 - v1.1.1 - Lille bug fix til IE6 - IE8 
 2013, maj, 05 - v1.1 - Fjernet alle animationer fra "navne" ikoner - Fjernet 'twitter-alt-alt' ikon - Tilføjede ti nye ikoner - Tilføjet nye "data-varighed" eller "data-d 'parameter for at skifte animation hastighed. - Opdateret dokumentationen - Opdateret Customizer - opdaterede Adobe Illustrator-filer 
 2013, maj, 01 - v1.0 - første udgivelse 

Hvis du er imponeret over SVG muligheder, kan du også lide:










Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Oprettet:
1 maj 13

Sidste ændring:
1 oktober 14

Høj opløsning:
Ja

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

Filer Inkluderet:
JavaScript JS

Software Version:
jQuery, Andet

Søgeord

eCommerce, eCommerce, Alle artikler, animeret, animation, bootstrap, cross browser, ikoner, levende ikoner, livicons, moderne ikoner, nethinden, skalerbar, svg, vektor ikoner, VML