New Subscription Based Icons Could Revamp HTML and Javascript Coding

The website nucleoapp.com allows web designers to purchase permanent access to an extensive library of premium icons that can be used in as many projects as the user sees fit. The library can be used with a freely downloadable app that lets users organize a collection of icons that have been exported as SVG files, make further modifications to them, and export them as new files. Most recently, the website has introduced an online utility that allows any visitor to freely deposit any two SVG icons and have a dynamically generated set of SVG syntax returned that produces an animation depicting the first icon changing shape and transforming into the second. The app provides an environment in which the generated transformation animation can be visually previewed.

Even though the website provides a utility that makes creating a transforming SVG icon as simple as dragging and dropping two previously created SVG icons onto a field, it goes out of its way to provide a clear set of instructions on how this kind of transition can be achieved by manually inputting code into HTML and JavaScript files. The site showcases the kinds of additional syntax that are used to enclose the SVG syntax shaping two separate icons that presumably share the same dimensions. This modification and enclosure of the two icons in the HTML code works in tandem with a separate JavaScript file to result in an icon that smoothly transitions between each of its two states whenever the visitor clicks on the SVG image.

The online utility at the website itself makes it easy for web designers to make icons that transition between states and receive both the HTML and JavaScript code that would allow modern web browsers to natively render those icons and their effects. Furthermore, the tool makes it easy for the user to choose what kinds of special properties the transformation effect uses and whether it will be triggered by a user hovering over the image instead of clicking on it. Finally, the free app is presented as an ideal place to save the user's new creations. For more information click here https://blog.nucleoapp.com/create-2-state-svg-powered-animated-icons-76ed19160a7e.