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å vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


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

Ads

Ad: Bluehost hosting


Dette er en jQuery versjonen, WordPress Plugin er tilgjengelig her.


Det vi ser som utviklere når vi åpner hver nye nettstedet?

Vanligvis ser vi forskjellige blokker med menyer, glidere, widgets, viktigste - innhold og selvfølgelig, ikoner. Vanligvis de fleste av dem er interaktive, bortsett fra innhold og... ikoner!

Så jeg tenkte: «Kanskje vi kan bryte denne stereotypien? Dermed ideen om LivIcons (live ikoner) ble født. Men hvis jeg visste at dette prosjektet ville ta fire måneder med hardt daglig arbeid, kanskje jeg ville ikke hadde startet den. Men her kan du se resultatet.

Så hva er LivIcons? De er et kors nettleser vektor ikoner, bygget med Javascript, med individuell mini-animasjon for hvert symbol (unntatt 'merkenavn' seg). De basert på SVG (Scalable Vector Graphics) i moderne nettlesere og VML (Vector Markup Language) i IE6 - IE8 for rent og perfekt titt på noen enheter (. Ja Retina også).

Hovedtrekkene:

  • 363 levende + 51 statisk = 414 totalt (fra v1.4) ikoner i ett skript.
  • Nytt skritt i interaktivitet og splitter nye - slike animasjon metoder for grensesnittelementer ble aldri opprettet før.
  • Animert og kan være statisk selvfølgelig
  • Alle farger, alle størrelser
  • Retina perfekt
  • 16 pixel perfekt
  • Fleksible innstillinger for atferd og utseende
  • Bootstrap-kompatibel
  • Enkel integrering - bare en streng med kode for et ikon.
  • Dynamisk legge til, fjerne og oppdatere med tre Javascript-metoder (fra v1.2)
  • Fargeendring for "aktiv" klasse (fra v1.2)
  • IE6 + support
  • Alle nettlesere (nesten ;) )
  • gratis oppdateringer
  • Adobe Illustrator-filer med alle picktograms for design formål.
  • Customizer med enkle tre trinn lar deg velge hva du egentlig trenger.

Krav:

  • jQuery 1.6.3 og opp
  • En moderne rask nettleser for arbeid med Customizer

Tillatelse:

Du må kjøpe en vanlig eller en utvidet lisens av LivIcons for hver web-prosjektet.

WorldWideScripts.net Forfattere:

Hvis du ønsker å inkludere min plugin inn på HTML temaer (maler) kan du gjøre det på følgende vilkår:

  1. Jeg gir en tillatelse til å inkludere LivIcons i WorldWideScripts.net Objekter bare! Ikke på noen annen side (r)
  2. Du må kjøpe en (1) utvidet lisens for hvert tema (mal)
  3. Du må sende meg gjennom et kontaktskjema (ikke direkte) på min profilside med tema (mal) navnet der du har tenkt å bruke LivIcons
  4. Vennligst kreditere LivIcons på varen side
  5. Lykke til med salget!

Viktig notat:

Fra v1.1 animasjonen av noen "Brand name 'ikoner, som socials, nettlesere, JS libs ol fjernes fordi det kan være i strid utviklernes vilkår for bruk av respektive opphavseier. Så fra nå disse ikonene ikke er animert. Takk for forståelsen.

Spesiell takk:

  • Spesiell takk til Dmitry Baranovskiy, forfatteren av Raphaël - Javascript Library.
  • Spesiell takk til jQuery team for fremragende arbeid gjør jobben vår enklere.
  • Spesiell takk til Douglas Crockford for json2 script, som lar IE6 -IE7 å jobbe med JSON-format.
  • Spesiell takk til Dusty Jewett for hjelpen med JS kode forbedring.
  • Noen ikoner er basert på piktogrammer fra ulike åpne kilder med riktig lisens for kommersiell bruk, modifisere og endre uten attribusjon nødvendig.

Endringslogg:

 2014, oktober 1 - v1.4 - Lagt 10 nye animerte ikoner - Liten bug fix 
 2013, juli, 24 - v1.3 - Lagt til nye 9 animert og 18 statiske ikoner - Nå ikke nødvendig jQuery metode.Hver () for å legge til, fjerne eller oppdatere LivIcons for alle klasser når arbeidet via Javascript - Skriptet vil ikke legge en LivIcon til en beholder med allerede eksisterende ikon - Gjort noen kode forbedring for mer nøyaktig oppførsel når du har noen LivIcon inline i Morph ikoner - Oppdatert dokumentasjon - Oppdatert Customizer - oppdaterte Adobe Illustrator-filer 
 2013, mai 20 - v1.2 - Lagt 65 nye animerte ikoner - Lagt til muligheten til å jobbe med ikoner dynamisk via tre Javascript-metoder nye - Lagt til støtte for å endre en farge for noen "aktiv" klasse av ikoner eller foreldrenes elementer - Skriptet vil ikke overstyre IDer som er definert for HTML-elementet med LivIcon - Noen kode forbedring - Oppdatert dokumentasjon - Oppdatert Customizer - oppdaterte Adobe Illustrator-filer 
 2013, mai 06 - v1.1.1 - Liten bug fix for IE6 - IE8 
 2013, mai 05 - v1.1 - Fjernet alle animasjoner fra "merkenavn" ikoner - Fjernet "twitter-alt-alt-ikonet - Lagt ti nye ikoner - Lagt nye "data-varighet" eller "data-d 'parameter for å endre animasjonshastigheten. - Oppdatert dokumentasjon - Oppdatert Customizer - oppdaterte Adobe Illustrator-filer 
 2013, mai 01 - v1.0 - første utgivelsen 

Hvis du er imponert over SVG-muligheter, kan du også liker:










Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

laget:
01.05.13

Siste oppdatering:
01.10.14

Høy oppløsning:
Ja

kompatible nettlesere:
IE6, IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

filer Inkludert:
Javascript JS

Programvareversjon:
jQuery, Annet

Søkeord

eCommerce, eCommerce, Alle ting, animert, animasjon, bootstrap, kryss nettleser, ikoner, levende ikoner, livicons, moderne ikoner, retina, skalerbar, svg, vektor ikoner, VML