<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>Greepit &#187; Effects</title> <atom:link href="/category/components/effects-components/feed/" rel="self" type="application/rss+xml" /><link>http://greepit.com</link> <description></description> <lastBuildDate>Thu, 31 Oct 2013 13:07:22 +0000</lastBuildDate> <language>en-US</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.6</generator> <item><title>Lightweight jQuery plugin to Set Type/Text on a Circle &#8211; Circletype.js</title><link>http://greepit.com/2013/10/lightweight-jquery-plugin-to-set-typetext-on-a-circle-circletype-js/</link> <comments>http://greepit.com/2013/10/lightweight-jquery-plugin-to-set-typetext-on-a-circle-circletype-js/#comments</comments> <pubDate>Wed, 23 Oct 2013 07:54:47 +0000</pubDate> <dc:creator>Saif</dc:creator> <category><![CDATA[Effects]]></category> <category><![CDATA[GPL License]]></category> <category><![CDATA[MIT License]]></category> <category><![CDATA[Scripts & Apps]]></category> <category><![CDATA[jQuery]]></category> <category><![CDATA[weight]]></category> <guid
isPermaLink="false">http://greepit.com/?p=21952</guid> <description><![CDATA[Circletype.js is a tiny (2.7kb) jQuery plugin that lets you set type on a circle. You can use any font, adjust letter-spacing as usual with CSS, flip it around so it reads counter-clockwise instead. You can also Set the radius manually or let CircleType.js figure it out for you. It play well with FitText.js. And [&#8230;]]]></description> <content:encoded><![CDATA[<p><strong>Circletype.js</strong> is a tiny (2.7kb) <strong>jQuery plugin that lets you set type on a circle</strong>. You can use any font, adjust letter-spacing as usual with CSS, flip it around so it reads counter-clockwise instead. You can also Set the radius manually or let CircleType.js figure it out for you. It play well with FitText.js. And best of all, it works in fluid and responsive layouts.</p><p><img
class="alignnone size-full wp-image-21953" alt="lightweight-jquery-plugin-to-set-typetext-on-a-circle-circletype-js" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/10/lightweight-jquery-plugin-to-set-typetext-on-a-circle-circletype-js.jpg?resize=525%2C240" data-recalc-dims="1" /></p><div
class="killp"></p><div
class="killspaces"><strong>Special Downloads</strong><a
href="http://greepit.com/category/special-downloads/freebies-special-downloads/">Design Freebies</a> <a
href="http://greepit.com/2010/11/feedback-collection-and-polling-widget-opineo/">Feedback Collection and Polling Widget</a><a
href="http://greepit.com/2010/06/creative-resume-template">Free Creative Resume Template</a><a
href="http://greepit.com/2010/09/open-source-vector-icons-gcons-vector/">Open Source Icons</a><a
href="http://greepit.com/2010/12/free-minimal-wordpress-theme-ginimalistic/">Free Minimal WordPress Theme</a></div></div> ]]></content:encoded> <wfw:commentRss>http://greepit.com/2013/10/lightweight-jquery-plugin-to-set-typetext-on-a-circle-circletype-js/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Flipload.js &#8211; Flipping HTML Elements to Show a Loading Indicator Easily</title><link>http://greepit.com/2013/10/fliploadjs-flipping-html-elements-show-loading-indicator-easily/</link> <comments>http://greepit.com/2013/10/fliploadjs-flipping-html-elements-show-loading-indicator-easily/#comments</comments> <pubDate>Tue, 15 Oct 2013 07:08:27 +0000</pubDate> <dc:creator>Team Greepit</dc:creator> <category><![CDATA[Effects]]></category> <category><![CDATA[MIT License]]></category> <category><![CDATA[Scripts & Apps]]></category> <category><![CDATA[jQuery]]></category> <guid
isPermaLink="false">http://greepit.com/?p=21835</guid> <description><![CDATA[Flipload JS is a loading indicator jQuery plugin which creates an instance of Flipload of a given HTML Element. It provides an options object to customize an instance and it is compatible with Chrome, Firefox and Safari. Special DownloadsDesign Freebies Feedback Collection and Polling WidgetFree Creative Resume TemplateOpen Source IconsFree Minimal WordPress Theme]]></description> <content:encoded><![CDATA[<p><strong>Flipload JS</strong> is a loading indicator jQuery plugin which creates an instance of Flipload of a given HTML Element.</p><p>It provides an options object to customize an instance and it is compatible with Chrome, Firefox and Safari.</p><p><a
href="http://pazguille.github.io/flipload/"><img
class="alignnone size-full wp-image-21836" alt="Flipload.js  Flipping HTML elements to show a loading  indicator easily" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/09/Flipload.js-Flipping-HTML-elements-to-show-a-loading-indicator-easily.jpg?resize=525%2C341" data-recalc-dims="1" /></a></p><div
class="killp"></p><div
class="killspaces"><strong>Special Downloads</strong><a
href="http://greepit.com/category/special-downloads/freebies-special-downloads/">Design Freebies</a> <a
href="http://greepit.com/2010/11/feedback-collection-and-polling-widget-opineo/">Feedback Collection and Polling Widget</a><a
href="http://greepit.com/2010/06/creative-resume-template">Free Creative Resume Template</a><a
href="http://greepit.com/2010/09/open-source-vector-icons-gcons-vector/">Open Source Icons</a><a
href="http://greepit.com/2010/12/free-minimal-wordpress-theme-ginimalistic/">Free Minimal WordPress Theme</a></div></div> ]]></content:encoded> <wfw:commentRss>http://greepit.com/2013/10/fliploadjs-flipping-html-elements-show-loading-indicator-easily/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>A Free Design Tool for Creating Animated HTML5 Designs and Ads &#8211; Google Web Designer</title><link>http://greepit.com/2013/10/a-free-design-tool-for-creating-animated-html5-designs-and-ads-google-web-designer/</link> <comments>http://greepit.com/2013/10/a-free-design-tool-for-creating-animated-html5-designs-and-ads-google-web-designer/#comments</comments> <pubDate>Thu, 03 Oct 2013 08:04:53 +0000</pubDate> <dc:creator>Saif</dc:creator> <category><![CDATA[Design]]></category> <category><![CDATA[Effects]]></category> <category><![CDATA[Software & Tools]]></category> <category><![CDATA[Animations]]></category> <category><![CDATA[HTML5]]></category> <guid
isPermaLink="false">http://greepit.com/?p=21878</guid> <description><![CDATA[Google Web Designer is a free design tool and you can build, edit, and publish animated HTML5 ads for any platform in just minutes. HTML5 is a universal language for building beautiful, engaging content that can run across desktops, smartphones, and tablets. We think that Google Web Designer will be the key to making HTML5 [&#8230;]]]></description> <content:encoded><![CDATA[<p><strong>Google Web Designer</strong> is a <strong>free design tool</strong> and you can build, edit, and publish <strong>animated HTML5 ads</strong> for any platform in just minutes.</p><p>HTML5 is a universal language for building beautiful, engaging content that can run across desktops, smartphones, and tablets. We think that Google Web Designer will be the key to making HTML5 accessible to people throughout the industry, getting us closer to the goal of “build once, run anywhere.”</p><p><img
class="alignnone size-full wp-image-21882" alt="free-design-tool-for-creating-animated-html5-designs-and-ads-google-web-designer" src="http://i1.wp.com/greepit.com/wp-content/uploads/2013/10/free-design-tool-for-creating-animated-html5-designs-and-ads-google-web-designer.jpg?resize=525%2C255" data-recalc-dims="1" /></p><div
class="killp"></p><div
class="killspaces"><strong>Special Downloads</strong><a
href="http://greepit.com/category/special-downloads/freebies-special-downloads/">Design Freebies</a> <a
href="http://greepit.com/2010/11/feedback-collection-and-polling-widget-opineo/">Feedback Collection and Polling Widget</a><a
href="http://greepit.com/2010/06/creative-resume-template">Free Creative Resume Template</a><a
href="http://greepit.com/2010/09/open-source-vector-icons-gcons-vector/">Open Source Icons</a><a
href="http://greepit.com/2010/12/free-minimal-wordpress-theme-ginimalistic/">Free Minimal WordPress Theme</a></div></div> ]]></content:encoded> <wfw:commentRss>http://greepit.com/2013/10/a-free-design-tool-for-creating-animated-html5-designs-and-ads-google-web-designer/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Pixi.js &#8211; Super Fast HTML5 2D Rendering Engine With Canvas Fallback</title><link>http://greepit.com/2013/09/pixi-js-super-fast-html5-2d-rendering-engine-with-canvas-fallback/</link> <comments>http://greepit.com/2013/09/pixi-js-super-fast-html5-2d-rendering-engine-with-canvas-fallback/#comments</comments> <pubDate>Mon, 30 Sep 2013 13:46:48 +0000</pubDate> <dc:creator>Team Greepit</dc:creator> <category><![CDATA[Effects]]></category> <category><![CDATA[Frameworks]]></category> <category><![CDATA[MIT License]]></category> <category><![CDATA[2D]]></category> <category><![CDATA[HTML5]]></category> <guid
isPermaLink="false">http://greepit.com/?p=21851</guid> <description><![CDATA[Pixi.JS is a super fast HTML5 2D rendering engine that uses webGL with canvas fallback. The aim of this project is to provide a fast lightweight 2D library that works across all devices. The Pixi renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of webGL. Special DownloadsDesign Freebies Feedback Collection [&#8230;]]]></description> <content:encoded><![CDATA[<p>Pixi.JS is a super fast <strong>HTML5 2D rendering engine</strong> that uses webGL with canvas fallback. The aim of this project is to provide a fast lightweight 2D library that works across all devices.</p><p>The Pixi renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of webGL.</p><p><a
href="http://www.goodboydigital.com/runpixierun/"><img
class="alignnone size-full wp-image-21852" alt="Pixi.js  Super fast HTML 5 2D rendering engine" src="http://i1.wp.com/greepit.com/wp-content/uploads/2013/09/Pixi.js-Super-fast-HTML-5-2D-rendering-engine.jpg?resize=525%2C338" data-recalc-dims="1" /></a></p><div
class="killp"></p><div
class="killspaces"><strong>Special Downloads</strong><a
href="http://greepit.com/category/special-downloads/freebies-special-downloads/">Design Freebies</a> <a
href="http://greepit.com/2010/11/feedback-collection-and-polling-widget-opineo/">Feedback Collection and Polling Widget</a><a
href="http://greepit.com/2010/06/creative-resume-template">Free Creative Resume Template</a><a
href="http://greepit.com/2010/09/open-source-vector-icons-gcons-vector/">Open Source Icons</a><a
href="http://greepit.com/2010/12/free-minimal-wordpress-theme-ginimalistic/">Free Minimal WordPress Theme</a></div></div> ]]></content:encoded> <wfw:commentRss>http://greepit.com/2013/09/pixi-js-super-fast-html5-2d-rendering-engine-with-canvas-fallback/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Swap out / Ainmate / Rotate Words Within Paragraphs &#8211; Simple Text Rotator</title><link>http://greepit.com/2013/09/swap-out-ainmate-rotate-words-within-paragraphs-simple-text-rotator/</link> <comments>http://greepit.com/2013/09/swap-out-ainmate-rotate-words-within-paragraphs-simple-text-rotator/#comments</comments> <pubDate>Thu, 26 Sep 2013 11:01:39 +0000</pubDate> <dc:creator>Team Greepit</dc:creator> <category><![CDATA[Effects]]></category> <category><![CDATA[Free License]]></category> <category><![CDATA[Scripts & Apps]]></category> <category><![CDATA[XHTML & CSS]]></category> <category><![CDATA[Animation]]></category> <category><![CDATA[jQuery]]></category> <guid
isPermaLink="false">http://greepit.com/?p=21774</guid> <description><![CDATA[A lightweight jQuery plugin that will allow you to add a super simple rotating text to your website with little to no markup. Simple Text Rotator is extremely lightweight and simple to use. All you need is to include jQuery library, jquery.simple-text-rotator.js and simpletextrotator.css to your HTML documents and simply wrap the text you want [&#8230;]]]></description> <content:encoded><![CDATA[<p>A lightweight jQuery plugin that will allow you to add a <strong>super simple rotating text to your website</strong> with little to no markup.</p><p>Simple Text Rotator is extremely lightweight and simple to use. All you need is to include jQuery library, jquery.simple-text-rotator.js and simpletextrotator.css to your HTML documents and simply wrap the text you want to rotate with span class=”rotate” and that is it. Make sure the words inside this span are separated by commas.</p><p><a
href="http://www.thepetedesign.com/demos/jquery_super_simple_text_rotator_demo.html"><img
class="alignnone size-full wp-image-21775" alt="Swap out  Ainmate  Rotate Words Within Paragraphs Simple Text Rotator" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/09/Swap-out-Ainmate-Rotate-Words-Within-Paragraphs-Simple-Text-Rotator.jpg?resize=525%2C305" data-recalc-dims="1" /></a></p><div
class="killp"></p><div
class="killspaces"><strong>Special Downloads</strong><a
href="http://greepit.com/category/special-downloads/freebies-special-downloads/">Design Freebies</a> <a
href="http://greepit.com/2010/11/feedback-collection-and-polling-widget-opineo/">Feedback Collection and Polling Widget</a><a
href="http://greepit.com/2010/06/creative-resume-template">Free Creative Resume Template</a><a
href="http://greepit.com/2010/09/open-source-vector-icons-gcons-vector/">Open Source Icons</a><a
href="http://greepit.com/2010/12/free-minimal-wordpress-theme-ginimalistic/">Free Minimal WordPress Theme</a></div></div> ]]></content:encoded> <wfw:commentRss>http://greepit.com/2013/09/swap-out-ainmate-rotate-words-within-paragraphs-simple-text-rotator/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Flat Shadow jQuery Plugin</title><link>http://greepit.com/2013/09/flat-shadow-jquery-plugin/</link> <comments>http://greepit.com/2013/09/flat-shadow-jquery-plugin/#comments</comments> <pubDate>Tue, 10 Sep 2013 08:25:11 +0000</pubDate> <dc:creator>Team Greepit</dc:creator> <category><![CDATA[Design]]></category> <category><![CDATA[Effects]]></category> <category><![CDATA[Free License]]></category> <category><![CDATA[User Interface]]></category> <category><![CDATA[Flat]]></category> <category><![CDATA[jQuery]]></category> <guid
isPermaLink="false">http://greepit.com/?p=21450</guid> <description><![CDATA[With the flat design trend on the rise at the moment, one thing that stands out is the use of long flat shadows, particularly for small UI elements and icons. These shadows have a characteristic 45 angle below the horizontal axis and a gradient color close to the background shade can be applied. The Long [&#8230;]]]></description> <content:encoded><![CDATA[<p>With the flat design trend on the rise at the moment, one thing that stands out is the use of long flat shadows, particularly for small UI elements and icons. These shadows have a characteristic 45 angle below the horizontal axis and a gradient color close to the background shade can be applied.</p><p>The Long shadow effect adds a great deal of depth while still retaining an essentially flat aesthetic.</p><p><strong>jQuery Flat Shadow</strong> is a small jQuery plugin that will <strong>automatically cast a long flat shadow</strong> creating depth for your flat UI elements.</p><p><a
href="http://thepetedesign.com/demos/jquery_flat_shadow_demo.html"><img
class="alignnone  wp-image-21451" alt="Flat Shadow jQuery Plugin" src="http://i0.wp.com/greepit.com/wp-content/uploads/2013/08/Flat-Shadow-jQuery-Plugin.jpg?resize=525%2C299" data-recalc-dims="1" /></a></p><div
class="killp"></p><div
class="killspaces"><strong>Special Downloads</strong><br
/> <a
href="http://greepit.com/category/special-downloads/freebies-special-downloads/">Design Freebies</a><br
/> <a
href="http://greepit.com/2010/11/feedback-collection-and-polling-widget-opineo/">Feedback Collection and Polling Widget</a><br
/> <a
href="http://greepit.com/2010/06/creative-resume-template">Free Creative Resume Template</a><br
/> <a
href="http://greepit.com/2010/09/open-source-vector-icons-gcons-vector/">Open Source Icons</a><br
/> <a
href="http://greepit.com/2010/12/free-minimal-wordpress-theme-ginimalistic/">Free Minimal WordPress Theme</a></div></div> ]]></content:encoded> <wfw:commentRss>http://greepit.com/2013/09/flat-shadow-jquery-plugin/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Mobile/Tablet-Friendly Parallax Effect: Parallax.js</title><link>http://greepit.com/2013/09/mobiletablet-friendly-parallax-effect-parallax-js/</link> <comments>http://greepit.com/2013/09/mobiletablet-friendly-parallax-effect-parallax-js/#comments</comments> <pubDate>Thu, 05 Sep 2013 06:24:02 +0000</pubDate> <dc:creator>Saif</dc:creator> <category><![CDATA[Effects]]></category> <category><![CDATA[MIT License]]></category> <category><![CDATA[Scripts & Apps]]></category> <category><![CDATA[jQuery]]></category> <category><![CDATA[Parallax]]></category> <guid
isPermaLink="false">http://greepit.com/?p=21453</guid> <description><![CDATA[Parallax.js is a lightweight solution for creating parallax effects. Parallax.js is a simple, lightweight Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead. Simply create a list of elements giving each item that you want to [&#8230;]]]></description> <content:encoded><![CDATA[<p><strong>Parallax.js</strong> is a lightweight solution for <strong>creating parallax effects</strong>. Parallax.js is a simple, lightweight Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.</p><p><a
href="http://wagerfield.github.io/parallax/"><img
class="alignnone  wp-image-21454" alt="MobileTablet-Friendly Parallax Effect Parallax.js" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/08/MobileTablet-Friendly-Parallax-Effect-Parallax.js.jpg?resize=525%2C304" data-recalc-dims="1" /></a></p><p>Simply create a list of elements giving each item that you want to move within your parallax scene a class of <code>layer</code> and a <code>data-depth</code> attribute specifying its depth within the scene. A depth of 0 will cause the layer to remain stationary, and a depth of 1 will cause the layer to move by the total effect of the calculated motion. Values inbetween 0 and 1 will cause the layer to move by an amount relative to the supplied ratio.</p><div
class="killp"><div
class="killspaces"><strong>Special Downloads</strong><br
/> <a
href="http://greepit.com/category/special-downloads/freebies-special-downloads/">Design Freebies</a> <a
href="http://greepit.com/2010/11/feedback-collection-and-polling-widget-opineo/">Feedback Collection and Polling Widget</a><br
/> <a
href="http://greepit.com/2010/06/creative-resume-template">Free Creative Resume Template</a><br
/> <a
href="http://greepit.com/2010/09/open-source-vector-icons-gcons-vector/">Open Source Icons</a><br
/> <a
href="http://greepit.com/2010/12/free-minimal-wordpress-theme-ginimalistic/">Free Minimal WordPress Theme</a></div></div> ]]></content:encoded> <wfw:commentRss>http://greepit.com/2013/09/mobiletablet-friendly-parallax-effect-parallax-js/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Animated HTML Table Sorter jQuery Plugin</title><link>http://greepit.com/2013/02/animated-html-table-sorter-jquery-plugin/</link> <comments>http://greepit.com/2013/02/animated-html-table-sorter-jquery-plugin/#comments</comments> <pubDate>Wed, 27 Feb 2013 09:18:17 +0000</pubDate> <dc:creator>Saif</dc:creator> <category><![CDATA[Components]]></category> <category><![CDATA[Effects]]></category> <category><![CDATA[Free License]]></category> <category><![CDATA[Scripts & Apps]]></category> <category><![CDATA[jQuery]]></category> <guid
isPermaLink="false">http://greepit.com/?p=18384</guid> <description><![CDATA[jQuery Animated Table Sorter is a simple html table sorter, with the added benefit of animating the sorting operation. It allows to sort content in a more exciting manner. The library has five ways of animating the sorting process. Special Downloads Design Freebies Feedback Collection and Polling Widget Free Creative Resume Template Open Source Icons [&#8230;]]]></description> <content:encoded><![CDATA[<p><strong>jQuery Animated Table Sorter</strong> is a simple <strong>html table sorter</strong>, with the added benefit of <strong>animating the sorting operation</strong>. It allows to sort content in a more exciting manner. The library has five ways of animating the sorting process.</p><p><img
class="alignnone size-full wp-image-18387 imgborder" alt="animated-html-table-sorter-jquery-plugin" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/02/animated-html-table-sorter-jquery-plugin.jpg?resize=525%2C275" data-recalc-dims="1" /></p><div
class="killp"><div
class="killspaces"><strong>Special Downloads</strong><br
/> <a
href="http://greepit.com/category/special-downloads/freebies-special-downloads/">Design Freebies</a><br
/> <a
href="http://greepit.com/2010/11/feedback-collection-and-polling-widget-opineo/">Feedback Collection and Polling Widget</a><br
/> <a
href="http://greepit.com/2010/06/creative-resume-template">Free Creative Resume Template</a><br
/> <a
href="http://greepit.com/2010/09/open-source-vector-icons-gcons-vector/">Open Source Icons</a><br
/> <a
href="http://greepit.com/2010/12/free-minimal-wordpress-theme-ginimalistic/">Free Minimal WordPress Theme</a></div></div> ]]></content:encoded> <wfw:commentRss>http://greepit.com/2013/02/animated-html-table-sorter-jquery-plugin/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Animated Loading Spinners And Bars: jQuery Waiting</title><link>http://greepit.com/2013/02/animated-loading-spinners-and-bars-jquery-waiting/</link> <comments>http://greepit.com/2013/02/animated-loading-spinners-and-bars-jquery-waiting/#comments</comments> <pubDate>Wed, 13 Feb 2013 07:31:28 +0000</pubDate> <dc:creator>Saif</dc:creator> <category><![CDATA[Effects]]></category> <category><![CDATA[GPL License]]></category> <category><![CDATA[MIT License]]></category> <category><![CDATA[Scripts & Apps]]></category> <category><![CDATA[XHTML & CSS]]></category> <category><![CDATA[Animation]]></category> <category><![CDATA[CSS]]></category> <guid
isPermaLink="false">http://greepit.com/?p=18266</guid> <description><![CDATA[When you are working on a website or an application, it is important to let your users know when you are processing something behind the scenes. jQuery Waiting is a jQuery plugin which offers animated loading spinners and bars to tell your users to have patience and wait. It generates spinners and loaders, without images and canvas. It [&#8230;]]]></description> <content:encoded><![CDATA[<p>When you are working on a website or an application, it is important to let your users know when you are processing something behind the scenes.</p><p><strong>jQuery Waiting</strong> is a jQuery plugin which offers <strong>animated loading spinners and bars</strong> to tell your users to have patience and wait. It generates spinners and loaders, without images and canvas.</p><p><img
class="alignnone size-full wp-image-18271 imgborder" alt="animated-loading-spinners-and-bars-jquery-waiting" src="http://i0.wp.com/greepit.com/wp-content/uploads/2013/02/animated-loading-spinners-and-bars-jquery-waiting1.jpg?resize=525%2C300" data-recalc-dims="1" /></p><p>It uses standard, widely accepted CSS to style your waiting spinner, and a little jQuery to make it function.</p><div
class="killp"><div
class="killspaces"><strong>Special Downloads</strong><br
/> <a
href="http://greepit.com/category/special-downloads/freebies-special-downloads/">Design Freebies</a><br
/> <a
href="http://greepit.com/2010/11/feedback-collection-and-polling-widget-opineo/">Feedback Collection and Polling Widget</a><br
/> <a
href="http://greepit.com/2010/06/creative-resume-template">Free Creative Resume Template</a><br
/> <a
href="http://greepit.com/2010/09/open-source-vector-icons-gcons-vector/">Open Source Icons</a><br
/> <a
href="http://greepit.com/2010/12/free-minimal-wordpress-theme-ginimalistic/">Free Minimal WordPress Theme</a></div></div> ]]></content:encoded> <wfw:commentRss>http://greepit.com/2013/02/animated-loading-spinners-and-bars-jquery-waiting/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>jQuery Plugin for SVG Path Animations: Lazy Line Painter</title><link>http://greepit.com/2013/02/jquery-plugin-for-svg-path-animations-lazy-line-painter/</link> <comments>http://greepit.com/2013/02/jquery-plugin-for-svg-path-animations-lazy-line-painter/#comments</comments> <pubDate>Fri, 01 Feb 2013 09:41:10 +0000</pubDate> <dc:creator>Saif</dc:creator> <category><![CDATA[Effects]]></category> <category><![CDATA[Other Licenses]]></category> <category><![CDATA[Scripts & Apps]]></category> <category><![CDATA[Animated]]></category> <category><![CDATA[SVG]]></category> <guid
isPermaLink="false">http://greepit.com/?p=18186</guid> <description><![CDATA[Lazy Line Painter is a free jQuery plugin for path animation using the Raphaël Library. Implementing this plugin is broken into two parts: Preparing your web-friendly data &#38; Configuring lazy-line-painter.js To make this SVG path animation library work, you need to follow certain steps to prepare your SVG data. It offers number of useful attributes [&#8230;]]]></description> <content:encoded><![CDATA[<p><strong>Lazy Line Painter</strong> is a free <strong>jQuery plugin for path animation</strong> using the Raphaël Library.</p><p>Implementing this plugin is broken into two parts: Preparing your web-friendly data &amp; Configuring lazy-line-painter.js</p><p><img
class="alignnone size-full wp-image-18188 imgborder" alt="jquery-plugin-for-svg-path-animations-lazy-line-painter" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/02/jquery-plugin-for-svg-path-animations-lazy-line-painter.jpg?resize=525%2C267" data-recalc-dims="1" /></p><p>To make this SVG path animation library work, you need to follow certain steps to <strong>prepare your SVG data</strong>. It offers number of useful attributes for configuring lazy-line-painter.</p><div
class="killp"><div
class="killspaces"><strong>Special Downloads</strong><br
/> <a
href="http://greepit.com/category/special-downloads/freebies-special-downloads/">Design Freebies</a><br
/> <a
href="http://greepit.com/2010/11/feedback-collection-and-polling-widget-opineo/">Feedback Collection and Polling Widget</a><br
/> <a
href="http://greepit.com/2010/06/creative-resume-template">Free Creative Resume Template</a><br
/> <a
href="http://greepit.com/2010/09/open-source-vector-icons-gcons-vector/">Open Source Icons</a><br
/> <a
href="http://greepit.com/2010/12/free-minimal-wordpress-theme-ginimalistic/">Free Minimal WordPress Theme</a></div></div> ]]></content:encoded> <wfw:commentRss>http://greepit.com/2013/02/jquery-plugin-for-svg-path-animations-lazy-line-painter/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>