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

— Lisäosa WorldWideScripts.net

Tilaa syötteen pysymään ajan tasalla!

Uusi! Seuraa meitä kuin haluat!


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

Ads

Ad: Bluehost hosting


Tämä on jQuery versio, WordPress Plugin on saatavilla täältä.


Mitä näemme kehittäjinä kun avaamme jokainen uusi sivusto?

Yleensä näemme eri lohkojen valikot, liukusäätimiä, widgetit, Tärkeintä - sisällön ja tietenkin kuvakkeita. Yleensä useimmat niistä ovat interaktiivisia, paitsi sisällön ja... kuvakkeet!

Joten ajattelin: "Ehkä voimme rikkoa tämän stereotypia?" Niinpä ajatus LivIcons (live kuvakkeet) syntyi. Mutta jos tietäisin, että tämä hanke kestää neljä kuukautta kovaa päivittäistä työtä, ehkä en alkanut sitä. Kuitenkin täällä voi nähdä tuloksen.

Mitkä ovat LivIcons? Ne ovat rajat selaimen vektori kuvakkeet, rakennettu JavaScript, jossa yksittäiset mini animaation jokaista kuvaketta (paitsi "Brand nimiä" niistä). Ne perustuvat SVG (SVG) moderneissa selaimissa ja VML (Vector Markup Language) IE6 - IE8 puhtaiden ja täydellinen katsomassa kaikki laitteet (Kyllä. Retina liian).

Pääpiirteet:

  • 363 live + 51 staattinen = 414 yhteensä (maasta v1.4) kuvakkeita yhdellä script.
  • Uusi askel interaktiivisuutta ja upouusi - kuten animaatio menetelmät käyttöliittymän elementtien ei ole koskaan tuotettu ennen.
  • Animoituja ja voi olla staattinen tietysti
  • Mikä tahansa väri, minkä kokoisia tahansa
  • Retina täydellinen
  • 16 pikselin täydellinen
  • Joustava asetukset käyttäytyminen ja ulkonäkö
  • bootstrap yhteensopiva
  • Helppo integrointi - vain yksi merkkijono koodin kuvake.
  • Dynaaminen lisätä, poistaa ja päivittää kolmella JavaScript menetelmiä (maasta v1.2)
  • Color muutos "aktiivisen" luokka (maasta v1.2)
  • IE6 + tuki
  • Kaikki selaimet (melkein ;) )
  • Ilmaiset päivitykset
  • Adobe Illustrator-tiedostot kaikki picktograms suunnittelua tarkoitukseen.
  • Customizer yksinkertaisia ​​kolme vaihetta voit valita, mitä tarkalleen tarvitset.

vaatimukset:

  • jQuery 1.6.3 ja ylös
  • Moderni nopea selain työn kanssa Customizer

lisenssi:

Sinun täytyy ostaa säännöllisesti tai laajennettu lisenssi LivIcons jokaiselle web-projektin.

WorldWideScripts.net Tekijät:

Jos haluat lisätä minun plugin omalle HTML teemoja (mallien) voit tehdä sen seuraavilla ehdoilla:

  1. Annan luvan sisällyttää LivIcons vuonna WorldWideScripts.net n tuotteet Vain! Ei millään muulla sivustolla (t)
  2. Sinun täytyy ostaa yhden (1) laajennettu lisenssi jokaista teemaa (template)
  3. Sinun on sähköpostitse minulle kautta yhteydenottolomakkeella (ei suoraan) profiilisivullani kanssa teema (template) nimi, jossa aiot käyttää LivIcons
  4. Ole hyvä luotto LivIcons oman kohteen sivulla
  5. Onnea myynti!

Tärkeä muistiinpano:

Vuodesta v1.1 animaation tahansa "Merkki" kuvakkeet, kuten sosiaalisista, selaimet, JS libs jne on poistettu, koska se saattaa rikkoa kehittäjien käyttöehtojen niiden tekijänoikeuksien omistajille. Joten nyt nämä kuvakkeet eivät animoituja. Kiitos ymmärrystä.

Erityiskiitokset:

  • Erityiset kiitokset Dmitry Baranovskiy, laatija Raphaël - JavaScript kirjasto.
  • Erityiset kiitokset jQuery tiimin erinomaisesta työstä tekee työstä helpompaa.
  • Erityiset kiitokset Douglas Crockford varten json2 skripti, jonka avulla IE6 -IE7 työskennellä JSON-muodossa.
  • Erityiset kiitokset Dusty Jewett varten apua JS-koodin parantamiseen.
  • Jotkin kuvakkeet perustuvat pictographs eri julkisista lähteistä sopivilla lisenssin kaupalliseen käyttöön, muokata ja muuttaa ilman ansioksi tarvita.

Muuta log:

 2014 lokakuussa 1 - v1.4 - Lisättiin 10 uutta animoituja kuvakkeita - Pienet bug fix 
 2013 heinäkuussa 24 - v1.3 - Lisäsi uuden 9 animoituja ja 18 staattinen kuvakkeita - Nyt ei tarvita jQuery menetelmä.each () lisätä, poistaa tai päivittää LivIcons mihinkään luokkaan, kun työ kautta JavaScript - Kirjoitus ei lisätä LivIcon konttiin jo olemassa olevien kuvake - Tehnyt joitakin koodi parannus tarkempi toiminta, kun mitään LivIcon upotettuina Morph kuvakkeet - Päivitetty asiakirjat - Päivitetty Customizer - Päivitetty Adobe Illustrator-tiedostoja 
 2013 toukokuu, 20 - v1.2 - Lisäsi 65 uutta animoituja kuvakkeita - Lisätään kyky työskennellä kuvakkeet dynaamisesti kautta kolme uutta JavaScript menetelmiä - Lisätty tuki muuttuu väri tahansa aktiivista luokan kuvakkeita tai vanhempien elementtejä - Kirjoitus ei ohittaa tunnuksia joka on määritelty HTML-elementti LivIcon - Koodia parannusta - Päivitetty asiakirjat - Päivitetty Customizer - Päivitetty Adobe Illustrator-tiedostoja 
 2013 May, 06 - v1.1.1 - Pieni bug fix IE6 - IE8 
 2013 toukokuu, 05 - v1.1 - Poistetaan kaikki animaatiot "Brand nimiä symbolista - Poistetaan "twitter-alt-alt-kuvaketta - Lisäsi kymmenen uutta kuvakkeita - Lisäsi uuden "data-ajan" tai "data-d 'parametri muuttamiseen animaation nopeus. - Päivitetty asiakirjat - Päivitetty Customizer - Päivitetty Adobe Illustrator-tiedostoja 
 2013 toukokuu, 01 - v1.0 - ensimmäinen julkaisu 

Jos olet vaikuttunut SVG mahdollisuuksia, et ehkä myös:










Lataa
Muut komponentit tässä luokassaKaikki osat tämän tekijän
KommentitUsein kysyttyjä kysymyksiä ja vastauksia

Ominaisuudet

Luotu:
01 toukokuu 13

Viimeisin päivitys:
01 lokakuu 14

Korkea resoluutio:
Kyllä

yhteensopiva selaimet:
IE6, IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

tiedostot Mukana:
JavaScript JS

Software Version:
jQuery, Muu

Avainsanoja

eCommerce, eCommerce, Kaikki tavarat, eloisa, animaatio, bootstrap, cross-selain, kuvakkeet, live kuvakkeet, livicons, moderni kuvakkeet, verkkokalvo, skaalautuva, svg, vektori kuvakkeet, VML