Random Article


 
Don't Miss
 

LivIcons – 303 Truly Animated Vector Icons

 
 
Overview
 

Author: DeeThemes
 
Date: Apr, 2013
 
Area: ,
 
Buyer Rating
 
 
 
 
 


 
$12.00


Summary

What we see as developers when we open every new site? Usually we see different blocks with menus, sliders, widgets, main thing – content and of course, icons. Generally most of them are interactive, except content and… icons! So I thought: ‘Maybe we can break this stereotype?’ Thus the idea of LivIcons (live Icons) was […]

0
Posted June 6, 2013 by admin

 
Features
 
 

What we see as developers when we open every new site?

Usually we see different blocks with menus, sliders, widgets, main thing – content and of course, icons. Generally most of them are interactive, except content and… icons!

So I thought: ‘Maybe we can break this stereotype?’ Thus the idea of LivIcons (live Icons) was born. But if I knew that this project would take four months of hard daily work, maybe I would not had started it. However, here you can see the result.

So what is LivIcons? They are a cross browser vector icons, built with JavaScript, with individual mini animation for every icon (except ‘Brand names’ ones). They based on SVG (scalable vector graphic) in modern browsers and VML (vector markup language) in IE6 – IE8 for clean and perfect look at any devices (Yes. Retina too).

Main features:

  • 344 live + 33 static = 377 total (from v1.2) icons in one script.
  • New step in interactivity and brand New – such animation methods for interface elements were never created before.
  • Animated and can be static of course
  • Any color, any size
  • Retina perfect
  • 16 pixel perfect
  • Flexible settings of behaviour and appearence
  • Bootstrap compatible
  • Easy integration – just one string of code for an icon.
  • Dynamic add, remove and update with three JavaScript methods (from v1.2)
  • Color change for ‘active’ class (from v1.2)
  • IE6+ support
  • All browsers (almost ;) )
  • Free updates
  • Adobe Illustrator files with all picktograms for your design purpose.
  • Customizer with simple three steps let you choose what you exactly need.

Requirements:

  • jQuery 1.6.3 and up
  • A modern fast browser for work with the Customizer

License:

You need to purchase a regular or an extended license for every web project. You can’t resell LivIcons in any form as part of any stock theme (template), the extended license doesn’t mean multiple uses. Due to licensing rules on CodeCanyon I can’t offer you an ‘unlimited’ license option.

Important note:

From v1.1 the animation of any ‘Brand name’ icons, like socials, browsers, JS libs, etc., is removed because it may violate developers’ terms of service of their respective copyright owners. So from now these icons are not animated. I prepare the requests for getting permissions from their owners. If I get positive answers I’ll retrieve animations back to the script. Thanks for the understanding.

Special Thanks:

  • Special thanks to Dmitry Baranovskiy, the author of Raphaël – JavaScript Library.
  • Special thanks to jQuery team for outstanding work makes our job easier.
  • Special thanks to Douglas Crockford for json2 script, which lets IE6 -IE7 to work with JSON format.
  • Some icons are based on pictograms from various open sources with appropriate license for commercial use, modify and alter with no attribution required.

Change log:

2013, May, 20 - v1.2
- added 65 new animated icons
- added the ability to work with icons dynamically via three new JavaScript methods
- added support for changing a color for any 'active' class of icons or their parents' elements
- script will not override the IDs which is defined for HTML element with LivIcon
- some code improvement
- updated the documentation
- updated the Customizer
- updated Adobe Illustrator files
2013, May, 06 - v1.1.1
- small bug fix for IE6 - IE8
2013, May, 05 - v1.1
- removed all animations from 'Brand names' icons
- removed 'twitter-alt-alt' icon
- added ten new icons
- added new 'data-duration' or 'data-d' parameter for changing animation speed.
- updated the documentation
- updated the Customizer
- updated Adobe Illustrator files
2013, May, 01 - v1.0 - initial release

P.S. Please tell me in comments what icons you’d like to see in next updates. Thank You!


0 Comments



Be the first to comment!


Leave a Response

(required)