<?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; Scripts &amp; Apps</title> <atom:link href="/category/other/scripts/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>Simple, Lightweight and Fast jQuery Responsive Touch Slider &#8211; GlideJS</title><link>http://greepit.com/2013/10/simple-lightweight-and-fast-jquery-responsive-touch-slider-glidejs/</link> <comments>http://greepit.com/2013/10/simple-lightweight-and-fast-jquery-responsive-touch-slider-glidejs/#comments</comments> <pubDate>Tue, 29 Oct 2013 10:32:24 +0000</pubDate> <dc:creator>Saif</dc:creator> <category><![CDATA[Gallery]]></category> <category><![CDATA[MIT License]]></category> <category><![CDATA[Scripts & Apps]]></category> <category><![CDATA[jQuery]]></category> <category><![CDATA[Mobile]]></category> <category><![CDATA[Responsive]]></category> <guid
isPermaLink="false">http://greepit.com/?p=21966</guid> <description><![CDATA[GlideJS is a simple and fast slider with fully customizable OOCSS markup. It is responsive and touch-friendly jQuery slider. Based on CSS3 transitions with fallback to older broswers. It&#8217;s simple, lightweight and fast. Designed to slide, no less, no more. Lightweight ~4,5kB minifed Ultra fast CSS3 Transitions Responsive, Touch &#38; mobile friendly Keyboard navigation Special [&#8230;]]]></description> <content:encoded><![CDATA[<p><strong>GlideJS</strong> is a simple and fast slider with fully customizable OOCSS markup. It is <strong>responsive and touch-friendly jQuery slider</strong>. Based on CSS3 transitions with fallback to older broswers. It&#8217;s simple, lightweight and fast. Designed to slide, no less, no more.</p><p><img
class="alignnone size-full wp-image-21968" alt="simple-lightweight-and-fast-jquery-responsive-touch-slider-glidejs" src="http://i1.wp.com/greepit.com/wp-content/uploads/2013/10/simple-lightweight-and-fast-jquery-responsive-touch-slider-glidejs.jpg?resize=525%2C217" data-recalc-dims="1" /></p><ul><li>Lightweight ~4,5kB minifed</li><li>Ultra fast CSS3 Transitions</li><li>Responsive, Touch &amp; mobile friendly</li><li>Keyboard navigation</li></ul><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/simple-lightweight-and-fast-jquery-responsive-touch-slider-glidejs/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Form Building Library for Bootstrap, jQuery Mobile and jQuery UI &#8211; Alpaca</title><link>http://greepit.com/2013/10/form-building-library-for-bootstrap-jquery-mobile-and-jquery-ui-alpaca/</link> <comments>http://greepit.com/2013/10/form-building-library-for-bootstrap-jquery-mobile-and-jquery-ui-alpaca/#comments</comments> <pubDate>Mon, 28 Oct 2013 12:00:00 +0000</pubDate> <dc:creator>Saif</dc:creator> <category><![CDATA[Apache License]]></category> <category><![CDATA[Scripts & Apps]]></category> <category><![CDATA[JSON]]></category> <guid
isPermaLink="false">http://greepit.com/?p=21962</guid> <description><![CDATA[Alpaca is a jQuery powered form-building library for Bootstrap, jQuery Mobile and jQuery UI. Alpaca generates forms on-the-fly using JSON schema and configuration to define object models, types, properties, validation logic and layout. Alpaca generates intuitive forms while giving your business the assurance of data compliance. The Alpaca library is pre-packaged with controls, wizards, layouts, I18N [&#8230;]]]></description> <content:encoded><![CDATA[<p><strong>Alpaca</strong> is a <strong>jQuery powered form-building library</strong> for Bootstrap, jQuery Mobile and jQuery UI.</p><p>Alpaca generates forms on-the-fly using JSON schema and configuration to define object models, types, properties, validation logic and layout. Alpaca generates intuitive forms while giving your business the assurance of data compliance.</p><p><img
class="alignnone size-full wp-image-21963" alt="form-building-library-for-bootstrap-jquery-mobile-and-jquery-ui-alpaca" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/10/form-building-library-for-bootstrap-jquery-mobile-and-jquery-ui-alpaca.jpg?resize=525%2C305" data-recalc-dims="1" /></p><p>The Alpaca library is pre-packaged with controls, wizards, layouts, I18N support and pluggable template engines for EJS, Handlerbars and jQuery.tmpl. API Documentation is provided so that you can extend Alpaca as you see fit.</p><p>Alpaca helps you to separate your data from your presentation. Design your forms once and have them work across different devices and UI engines without any additional coding.</p><div
class="killp"><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/form-building-library-for-bootstrap-jquery-mobile-and-jquery-ui-alpaca/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <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>A Video player without Video Files &#8211; Frame Player</title><link>http://greepit.com/2013/10/video-player-video-files-frame-player/</link> <comments>http://greepit.com/2013/10/video-player-video-files-frame-player/#comments</comments> <pubDate>Tue, 22 Oct 2013 07:29:50 +0000</pubDate> <dc:creator>Saif</dc:creator> <category><![CDATA[MIT License]]></category> <category><![CDATA[Scripts & Apps]]></category> <category><![CDATA[JSON]]></category> <guid
isPermaLink="false">http://greepit.com/?p=21947</guid> <description><![CDATA[The problem of today&#8217;s HTML5 video is that it can&#8217;t be played in-line on an HTML page on mobile devices. The way the handheld devices handle it is they open the video in a native player which takes over the page itself, making it impossible to implement any interaction while the video is playing. Also, [&#8230;]]]></description> <content:encoded><![CDATA[<p>The problem of today&#8217;s HTML5 video is that it can&#8217;t be played in-line on an HTML page on mobile devices. The way the handheld devices handle it is they open the video in a native player which takes over the page itself, making it impossible to implement any interaction while the video is playing. Also, you can&#8217;t play two videos at the same time.</p><p><img
class="alignnone size-full wp-image-21950" alt="video-player-video-files-frame-player" src="http://i1.wp.com/greepit.com/wp-content/uploads/2013/10/video-player-video-files-frame-player.jpg?resize=525%2C330" data-recalc-dims="1" /></p><p>Here is the need of a tool which creates a player and instead of playing video files, it shows a sequence of images at a certain rate. <strong>Frame Player</strong> is a <strong>video player without video files</strong>, just <span
style="text-decoration: underline;">JSON</span>. Based on &#8220;images frames&#8221; thought to mobile devices!</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/video-player-video-files-frame-player/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>A Touch Friendly, Responsive jQuery Plugin for Selections</title><link>http://greepit.com/2013/10/touch-friendly-responsive-jquery-plugin-selections/</link> <comments>http://greepit.com/2013/10/touch-friendly-responsive-jquery-plugin-selections/#comments</comments> <pubDate>Mon, 21 Oct 2013 10:54:20 +0000</pubDate> <dc:creator>Saif</dc:creator> <category><![CDATA[MIT License]]></category> <category><![CDATA[Scripts & Apps]]></category> <category><![CDATA[jQuery]]></category> <category><![CDATA[Zepto]]></category> <guid
isPermaLink="false">http://greepit.com/?p=21941</guid> <description><![CDATA[Wrangle is a responsive, touch-friendly selection plugin for jQuery or Zepto. Wrangle offers a unique method of multiple selection: by drawing a line through items to select them. It gives your app a new way to perform multiple selections: a mouse, a finger or a stylus. The plugin is lightweight and designed to be exstensible [&#8230;]]]></description> <content:encoded><![CDATA[<p><strong>Wrangle</strong> is a <strong>responsive, touch-friendly selection plugin for jQuery or Zepto</strong>. Wrangle offers a unique method of multiple selection: by drawing a line through items to select them. It gives your app a new way to perform multiple selections: a mouse, a finger or a stylus.<br
/> The plugin is lightweight and designed to be exstensible and adaptable. It’s also highly experimental, due in no small part to the diversity of touch implementations in various devices and browsers.</p><p><img
class="alignnone  wp-image-21943" alt="touch-friendly-responsive-jquery-plugin-selections" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/10/touch-friendly-responsive-jquery-plugin-selections.jpg?resize=525%2C300" 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/touch-friendly-responsive-jquery-plugin-selections/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>JavaScript Tracing Made Simple &#8211; Spy JS</title><link>http://greepit.com/2013/10/javascript-tracing-simple-spy-js/</link> <comments>http://greepit.com/2013/10/javascript-tracing-simple-spy-js/#comments</comments> <pubDate>Thu, 17 Oct 2013 09:30:02 +0000</pubDate> <dc:creator>Saif</dc:creator> <category><![CDATA[MIT License]]></category> <category><![CDATA[Open Source]]></category> <category><![CDATA[Scripts & Apps]]></category> <category><![CDATA[Javascript]]></category> <guid
isPermaLink="false">http://greepit.com/?p=21935</guid> <description><![CDATA[Want to know what exactly happens when you click some button or run some unit test on any platform/device/browser? Whether it&#8217;s your codebase or any other website scripts, Spy JS allows you to trace the code you&#8217;ve just executed. You start from an event that triggered code execution, progress to the event JavaScript stack trace, [&#8230;]]]></description> <content:encoded><![CDATA[<p>Want to know what exactly happens when you click some button or run some unit test on any platform/device/browser? Whether it&#8217;s your codebase or any other website scripts, <strong>Spy JS</strong> allows you to <strong>trace the code you&#8217;ve just executed</strong>. You start from an event that triggered code execution, progress to the event JavaScript stack trace, end up in highlighted source code statements.</p><p><img
class="alignnone size-full wp-image-21937" alt="javascript-tracing-simple-spy-js" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/10/javascript-tracing-simple-spy-js.jpg?resize=525%2C248" 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/javascript-tracing-simple-spy-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>Formance.js – jQuery Library for Formatting and Validating Form Fields</title><link>http://greepit.com/2013/10/formancejs-jquery-library-formatting-validating-form-fields/</link> <comments>http://greepit.com/2013/10/formancejs-jquery-library-formatting-validating-form-fields/#comments</comments> <pubDate>Mon, 14 Oct 2013 10:36:17 +0000</pubDate> <dc:creator>Team Greepit</dc:creator> <category><![CDATA[Other Licenses]]></category> <category><![CDATA[Scripts & Apps]]></category> <category><![CDATA[Validations]]></category> <category><![CDATA[Form Validation]]></category> <category><![CDATA[jQuery]]></category> <guid
isPermaLink="false">http://greepit.com/?p=21822</guid> <description><![CDATA[Formance.js is a jQuery library for formatting and validating form fields, based on / inspired by Stripe&#8217;s jQuery.payment library. Client side validation is not sufficient in any project because the javascript can be bypassed and people can submit requests directly to the server. However, that doesn&#8217;t mean client side validation should be forgotten. This library [&#8230;]]]></description> <content:encoded><![CDATA[<p><strong>Formance.js</strong> is a jQuery library for <strong>formatting and validating form fields</strong>, based on / inspired by Stripe&#8217;s jQuery.payment library.</p><p>Client side validation is not sufficient in any project because the javascript can be bypassed and people can submit requests directly to the server. However, that doesn&#8217;t mean client side validation should be forgotten. This library is for those who care about the user experience.</p><p><a
href="http://omarshammas.github.io/formancejs"><img
class="alignnone size-full wp-image-21824" alt="Formance.js – jQuery Library for Formatting and Validating Form Fields" src="http://i1.wp.com/greepit.com/wp-content/uploads/2013/09/Formance.js-–-jQuery-Library-for-Formatting-and-Validating-Form-Fields1.jpg?resize=525%2C340" 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/formancejs-jquery-library-formatting-validating-form-fields/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>WhatWeather &#8211; jQuery Weather’s Widgets Plugin</title><link>http://greepit.com/2013/10/whatweather-jquery-weathers-widgets-plugin/</link> <comments>http://greepit.com/2013/10/whatweather-jquery-weathers-widgets-plugin/#comments</comments> <pubDate>Thu, 10 Oct 2013 08:20:01 +0000</pubDate> <dc:creator>Team Greepit</dc:creator> <category><![CDATA[Components]]></category> <category><![CDATA[GPL License]]></category> <category><![CDATA[Scripts & Apps]]></category> <category><![CDATA[jQuery]]></category> <guid
isPermaLink="false">http://greepit.com/?p=21843</guid> <description><![CDATA[WhatWeather is a jQuery plugin which provides weather’s data. It uses worldweatheronline.com API to get, parse and deliver data in order to create weather’s widgets. WhatWeather provides data and let you manage the display. However, it uses Mustache. In this way, you can easely change the template of your widgets. You can get weather data [&#8230;]]]></description> <content:encoded><![CDATA[<p><strong>WhatWeather</strong> is a jQuery plugin which provides weather’s data. It uses worldweatheronline.com API to get, parse and deliver data in order to create weather’s widgets. WhatWeather provides data and let you manage the display. However, it uses Mustache. In this way, you can easely change the template of your widgets.</p><p><img
class="alignnone size-full wp-image-21916" alt="whatweather-free-jquery-weathers-widgets-plugin" src="http://i0.wp.com/greepit.com/wp-content/uploads/2013/10/whatweather-free-jquery-weathers-widgets-plugin.jpg?resize=525%2C239" data-recalc-dims="1" /></p><p>You can get weather data from cities all over the world. The plugin uses the name of the city, geographic coordinate system, IP adresse or the HTML5 geolocation API. The plugin have also a client-server caching system by using Web Storage API and text file for the server side.</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/whatweather-jquery-weathers-widgets-plugin/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>20+ Must Have jQuery Plugins for Web Developers</title><link>http://greepit.com/2013/10/20-must-have-jquery-plugins-for-web-developers/</link> <comments>http://greepit.com/2013/10/20-must-have-jquery-plugins-for-web-developers/#comments</comments> <pubDate>Mon, 07 Oct 2013 12:43:56 +0000</pubDate> <dc:creator>Team Greepit</dc:creator> <category><![CDATA[Components]]></category> <category><![CDATA[Scripts & Apps]]></category> <category><![CDATA[jQuery]]></category> <guid
isPermaLink="false">http://greepit.com/?p=21598</guid> <description><![CDATA[In this post we have collected 20+ fresh must have useful jQuery plugins. I hope you will find the list handy and will bookmark these jQuery plugins in your collection. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. Glide – [&#8230;]]]></description> <content:encoded><![CDATA[<h2 class="colored">In this post we have collected 20+ fresh must have useful jQuery plugins. I hope you will find the list handy and will bookmark these jQuery plugins in your collection.</h2><hr
class="MT30" /> jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.</p><h4>Glide – Responsive and Touch Friendly jQuery Slider</h4><p><a
href="http://jedrzejchalubek.com/glide/"><img
class="alignnone size-full wp-image-21600" alt="Glide – Responsive and Touch Friendly jQuery Slider" src="http://i1.wp.com/greepit.com/wp-content/uploads/2013/09/Glide-–-Responsive-and-Touch-Friendly-jQuery-Slider.jpg?resize=525%2C278" data-recalc-dims="1" /></a></p><p>Glide is responsive and touch-friendly jQuery slider. Based on CSS3 transitions with fallback to older broswers. It&#8217;s simple, lightweight and fast.</p><p>Also it has features such as; Swipe event, Arrows and bullets navigation, Keyboard navigation, Autoplay, Pause on hover etc&#8230;</p><h4>Easier Responsive Layouts — Intention.js</h4><p><a
href="http://intentionjs.com/"><img
class="alignnone size-full wp-image-21602" alt="Easier Responsive Layouts — Intention.js" src="http://i1.wp.com/greepit.com/wp-content/uploads/2013/09/Easier-Responsive-Layouts-—-Intention.js.jpg?resize=525%2C196" data-recalc-dims="1" /></a></p><p>Intention.js offers a light-weight and clear way to dynamically restructure HTML in a responsive manner.</p><p>Easily increase layout options and flexibility, reducing development time and lessening the necessity of media-query-driven stylesheet overrides.</p><h4> jQuery Simple Text Rotator</h4><p><a
href="https://github.com/peachananr/simple-text-rotator"><img
class="alignnone size-full wp-image-21603" alt="jQuery Simple Text Rotator" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/09/jQuery-Simple-Text-Rotator.jpg?resize=525%2C274" data-recalc-dims="1" /></a></p><p>Simple Text Rotator is a lightweight jQuery plugin that will allow you to add a simple rotating text to your website with little to no markup.</p><h4>NProgress.js – Progress Bar Inspired by Google &amp; YouTube</h4><p><a
href="http://ricostacruz.com/nprogress/"><img
class="alignnone size-full wp-image-21604" alt="NProgress.js – Progress Bar Inspired by Google &amp; YouTube" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/09/NProgress.js-–-Progress-Bar-Inspired-by-Google-YouTube.jpg?resize=525%2C309" data-recalc-dims="1" /></a></p><p>NProgress.js a nanoscopic progress bar inspired by Google &amp; YouTube. Featuring realistic trickle animations to convince your users that something is happening!</p><h4>Echo.js &#8211; Simple JavaScript Image Lazy Loading</h4><p><a
href="http://toddmotto.com/echo-js-simple-javascript-image-lazy-loading/"><img
class="alignnone size-full wp-image-21605" alt="Echo.js - Simple JavaScript Image Lazy Loading" src="http://i0.wp.com/greepit.com/wp-content/uploads/2013/09/Echo.js-Simple-JavaScript-Image-Lazy-Loading.jpg?resize=525%2C275" data-recalc-dims="1" /></a></p><p>Echo.js is probably as simple as image lazy loading gets, it&#8217;s less than 1KB minified and is library agnostic (no jQuery/Zepto/other).</p><p>Lazy-loading works by only loading the assets needed when the elements &#8216;would&#8217; be in view, which it&#8217;ll get from the server for you upon request, which is automated by simply changing the image src attribute. This is also an asynchronous process which also benefits us.</p><h4>A Simple jQuery Plugin for Animating Scroll</h4><p><a
href="http://plugins.compzets.com/animatescroll/"><img
class="alignnone size-full wp-image-21607" alt="A Simple jQuery Plugin for Animating Scroll" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/09/A-Simple-jQuery-Plugin-for-Animating-Scroll.jpg?resize=525%2C305" data-recalc-dims="1" /></a></p><p>AnimateScroll is a jQuery plugin which enables you to scroll to any part of the page in style by just calling the animatescroll() function with the Id or Classname of the element where you want to scroll to.</p><p>It gives power to the user with its various options to customize the style of scrolling, scroll speed and many more. Supports more than 30 unique Scrolling Styles.</p><h4>Arctext.js &#8211; Curving Text With Css3 and jQuery</h4><p><a
href="http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery/"><img
class="alignnone size-full wp-image-21608" alt="Arctext.js - Curving Text With Css3 and jQuery" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/09/Arctext.js-Curving-Text-With-Css3-and-jQuery.jpg?resize=525%2C282" data-recalc-dims="1" /></a></p><p>While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.</p><h4>Socialist – jQuery Social Plugin to Create and Combine Feeds from Social Networks</h4><p><a
href="http://plugins.in1.com/socialist"><img
class="alignnone size-full wp-image-21609" alt="Socialist – jQuery Social Plugin to Create and Combine Feeds from Social Networks" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/09/Socialist-–-jQuery-Social-Plugin-to-Create-and-Combine-Feeds-from-Social-Networks.jpg?resize=525%2C264" data-recalc-dims="1" /></a></p><p>Socialist is a social feed plugin that combines multiple social media feeds in one place. Use it to combine content and create a social wall from Facebook, Twitter, LinkedIn, YouTube, Pinterest, Flickr, Tumblr, Craiglist RSS and other social networks.</p><h4>Social Feed – jQuery Plugin for Feeds from Social Networks</h4><p><a
href="https://github.com/pavelk2/social-feed"><img
class="alignnone size-full wp-image-21610" alt="Social Feed – jQuery Plugin for Feeds from Social Networks" src="http://i1.wp.com/greepit.com/wp-content/uploads/2013/09/Social-Feed-–-jQuery-Plugin-for-Feeds-from-Social-Networks.jpg?resize=525%2C260" data-recalc-dims="1" /></a></p><p>Social Feed is a jQuery plugin which shows a user feed from the most popular social networks.</p><h4>Social Likes – Social Like Buttons with jQuery</h4><p><a
href="http://sapegin.github.com/social-likes/"><img
class="alignnone size-full wp-image-21611" alt="Social Likes – Social Like Buttons with jQuerySocial Likes – Social Like Buttons with jQuery" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/09/Social-Likes-–-Social-Like-Buttons-with-jQuerySocial-Likes-–-Social-Like-Buttons-with-jQuery.jpg?resize=525%2C234" data-recalc-dims="1" /></a></p><p>Social Likes is a single style buttons with like counters: Facebook, Twitter, Google+, LiveJournal and also popular Russian social networks.</p><h4>floatShare – jQuery Floating Social Share Plugin</h4><p><a
href="http://jquery-plugins.net/floatshare-jquery-floating-social-share-plugin"><img
class="alignnone size-full wp-image-21629" alt="floatShare – jQuery Floating Social Share Plugin" src="http://i1.wp.com/greepit.com/wp-content/uploads/2013/09/floatShare-–-jQuery-Floating-Social-Share-Plugin.jpg?resize=525%2C279" data-recalc-dims="1" /></a></p><p>floatShare is a free jQuery plugin that allows your website visitors to share your web content on popular social media platforms with a single- click giving you good coverage and audience on multiple social media platforms.</p><p>floatShare also gauges popularity of your web content by giving you a summary of total ‘shares’ and ‘likes’.</p><h4>maskMoney – jQuery Plugin to Mask Input as Currency</h4><p><a
href="http://plentz.github.com/jquery-maskmoney/"><img
class="alignnone size-full wp-image-21631" alt="maskMoney – jQuery Plugin to Mask Input as Currency" src="http://i0.wp.com/greepit.com/wp-content/uploads/2013/09/maskMoney-–-jQuery-Plugin-to-Mask-Input-as-Currency.jpg?resize=525%2C237" data-recalc-dims="1" /></a></p><p>maskMoney is a jQuery plugin to mask data entry in the input text in the form of money (currency).</p><h4>Typist jQuery Plugin</h4><p><a
href=" http://davidcrawford.github.com/typist-jquery/"><img
class="alignnone size-full wp-image-21632" alt="Typist jQuery Plugin" src="http://i0.wp.com/greepit.com/wp-content/uploads/2013/09/Typist-jQuery-Plugin.jpg?resize=525%2C300" data-recalc-dims="1" /></a></p><p>Typist is a jQuery plugin that allows you to animate text as if it were being typed onto the screen. You can add animated typing text to any block element.</p><h4> Looper.js – Lightweight Carousel jQuery Plugin</h4><p><a
href="http://rygine.com/projects/looper.js/docs/"><img
class="alignnone size-full wp-image-21633" alt="Looper.js – Lightweight Carousel jQuery Plugin" src="http://i1.wp.com/greepit.com/wp-content/uploads/2013/09/Looper.js-–-Lightweight-Carousel-jQuery-Plugin.jpg?resize=525%2C245" data-recalc-dims="1" /></a></p><p>Looper.js is an intuitive, lightweight carousel jQuery plugin. Cycle through your content without writing a single line of Javascript. To keep things simple, transition effects are optional and have been limited to slide and cross-fade. In browsers that don&#8217;t support CSS transitions, jQuery&#8217;s animate is used.</p><h4>jsCarousel – jQuery Content Slider</h4><p><a
href=" http://www.egrappler.com/jquery-content-slider-jscarousel/"><img
class="alignnone size-full wp-image-21634" alt="jsCarousel – jQuery Content Slider" src="http://i1.wp.com/greepit.com/wp-content/uploads/2013/09/jsCarousel-–-jQuery-Content-Slider.jpg?resize=525%2C314" data-recalc-dims="1" /></a></p><p>jsCarousel is a jquery slider plugin that slides contents in multi direction. jsCarousel slider can be used as a feature content slider as well.</p><p>You can put any kind of contents you want whether images, text, videos, news etc. You can make simple image gallery with thumbnail support by using it.</p><h4>Feedback Collection and Polling Widget: Opineo</h4><p><a
href=" http://greepit.com/2010/11/feedback-collection-and-polling-widget-opineo/"><img
class="alignnone size-full wp-image-21636" alt="Feedback Collection and Polling Widget Opineo" src="http://i1.wp.com/greepit.com/wp-content/uploads/2013/09/Feedback-Collection-and-Polling-Widget-Opineo1.jpg?resize=525%2C288" data-recalc-dims="1" /></a></p><p>As they say: You cannot improve what you cannot measure; but the paradox is you cannot measure everything – happiness, hatred, anger… but you can measure customer satisfaction. Yes, you can measure customer satisfaction by analyzing likes and dislikes of your customers. You can guage populairty of your website or products.</p><p>Opineo allows you to do all of this and much more without signing up for an account or hire an expert. This DIY tool enables you to listen to your customers’ voice easily and instantly. All you have to do is go online, design your widget and place it on your website.</p><h4>Arbor – Graph Visualization Library Using Web Workers and jQuery</h4><p><a
href="http://arborjs.org/"><img
class="alignnone size-full wp-image-21637" alt="Arbor – Graph Visualization Library Using Web Workers and jQuery" src="http://i1.wp.com/greepit.com/wp-content/uploads/2013/09/Arbor-–-Graph-Visualization-Library-Using-Web-Workers-and-jQuery.jpg?resize=525%2C268" data-recalc-dims="1" /></a></p><p>Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.</p><h4>AttC – Convert HTML Table to Google Chart</h4><p><a
href="http://code.google.com/p/auto-table-to-chart/"><img
class="alignnone size-full wp-image-21638" alt="AttC – Convert HTML Table to Google Chart" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/09/AttC-–-Convert-HTML-Table-to-Google-Chart.jpg?resize=525%2C230" data-recalc-dims="1" /></a></p><p>AttC is a jQuery plugin that converts a standard HTML table to an Google visualizations chart and displays it on the page.</p><h4>Percentage Loader &#8211; jQuery Plugin for Displaying Progress Widget</h4><p><a
href="http://widgets.better2web.com/loader/"><img
class="alignnone size-full wp-image-21639" alt="Percentage Loader - jQuery Plugin for Displaying Progress Widget" src="http://i0.wp.com/greepit.com/wp-content/uploads/2013/09/Percentage-Loader-jQuery-Plugin-for-Displaying-Progress-Widget.jpg?resize=525%2C311" data-recalc-dims="1" /></a></p><p>Percentage Loader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. It makes use of HTML5 canvas for a rich graphical appearance with only a 10kb (minified) javascript file necessary , using vectors rather than images so can be easily deployed at various sizes.</p><h4>Hover Zoom Effect with jQuery and CSS</h4><p><a
href=" http://mattbango.com/notebook/code/hover-zoom-effect-with-jquery-and-css/"><img
class="alignnone size-full wp-image-21640" alt="Hover Zoom Effect with jQuery and CSS" src="http://i1.wp.com/greepit.com/wp-content/uploads/2013/09/Hover-Zoom-Effect-with-jQuery-and-CSS.jpg?resize=525%2C304" data-recalc-dims="1" /></a></p><p>The hover zoom effect basically reverse zooms an image while fading in a label on top of it when the mouse hovers over it. It makes for a pretty slick effect which could be used on thumbnails. As always, you can check out a demo or grab the source right here if you don’t want to read the entire tutorial.</p><h4>Simplistic Way of Implementing Mac OS X Lion-styled Scrollbars &#8211; nanoScrollerJS</h4><p><a
href="http://jamesflorentino.github.io/nanoScrollerJS/"><img
class="alignnone size-full wp-image-21641" alt="Simplistic Way of Implementing Mac OS X Lion-styled Scrollbars - nanoScrollerJS" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/09/Simplistic-Way-of-Implementing-Mac-OS-X-Lion-styled-Scrollbars-nanoScrollerJS.jpg?resize=525%2C299" data-recalc-dims="1" /></a></p><p>nanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Mac OS X Lion-styled scrollbars for your website. It uses minimal HTML markup being .nano &gt; .content. The other scrollbar div elements .pane &gt; .slider are added during run time to prevent clutter in templating. The latest version utilizes native scrolling and works with the iPad, iPhone, and some Android Tablets.</p><h4>Free Multi-Node Range and Data Slider: JQ Slider</h4><p><a
href="http://www.egrappler.com/free-multi-node-range-data-slider-jqslider/"><img
class="alignnone size-full wp-image-21642" alt="Free Multi-Node Range and Data Slider JQ Slider" src="http://i2.wp.com/greepit.com/wp-content/uploads/2013/09/Free-Multi-Node-Range-and-Data-Slider-JQ-Slider.jpg?resize=525%2C243" data-recalc-dims="1" /></a></p><p>JQ Slider is a multi-node range and data slider that allows to provide easy-to-use user data selection and filter tool.</p> ]]></content:encoded> <wfw:commentRss>http://greepit.com/2013/10/20-must-have-jquery-plugins-for-web-developers/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>