{"id":313,"date":"2013-02-28T15:12:48","date_gmt":"2013-02-28T15:12:48","guid":{"rendered":"http:\/\/a1webdesignteam.com\/blog\/?p=313"},"modified":"2013-02-28T15:12:48","modified_gmt":"2013-02-28T15:12:48","slug":"jquery-plugins-web-developers","status":"publish","type":"post","link":"https:\/\/a1webdesignteam.com\/blog\/jquery-plugins-web-developers\/","title":{"rendered":"New jQuery Plugins for Web Developers"},"content":{"rendered":"<h4><a href=\"http:\/\/oxism.com\/maskew\/\">Maskew<\/a><\/h4>\n<p>a JS library for skewing the shapes of elements.<br \/>\n<a href=\"http:\/\/oxism.com\/maskew\/\"><img alt=\"Maskew in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/Maskew.jpg\" \/><\/a><\/p>\n<h4><a href=\"http:\/\/app-folders.com\/\">App Folders<\/a><\/h4>\n<p>Effortlessly arrange items as on an iOS device.<br \/>\n<a href=\"http:\/\/app-folders.com\/\"><img alt=\"App Folders in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/App_Folders.jpg\" \/><\/a><\/p>\n<h4><a href=\"https:\/\/github.com\/McPants\/jquery.shapeshift\">Shapeshift<\/a><\/h4>\n<p>Inspired heavily by the jQuery Masonry plugin (http:\/\/masonry.desandro.com\/), Shapeshift is a plugin which will dynamically arrange a collection of elements into a grid in their parent container. An example of this behavior is what you can find at sites like http:\/\/www.pinterest.com. Shapeshift is intended to be a very bare bones version of these grid systems, however the drag and drop is what sets it apart from the other similar plugins.<br \/>\n<a href=\"https:\/\/github.com\/McPants\/jquery.shapeshift\"><img alt=\"Shapeshift in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/Shapeshift.jpg\" \/><\/a><br \/>\n<a href=\"http:\/\/mcpants.github.com\/jquery.shapeshift\/\">Demo<\/a><\/p>\n<h4><a href=\"http:\/\/darsa.in\/loremImages\/\">LoremImages<\/a><\/h4>\n<p>jQuery plugin for loading random images from LoremPixel service<br \/>\n<a href=\"http:\/\/darsa.in\/loremImages\/\"><img alt=\"LoremImages in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/LoremImages.jpg\" \/><\/a><\/p>\n<h4><a href=\"http:\/\/tympanus.net\/codrops\/2012\/11\/27\/calendario-a-flexible-calendar-plugin\/\">Calendario<\/a><\/h4>\n<p>A flexible calendar jQuery plugin.<br \/>\n<a href=\"http:\/\/tympanus.net\/codrops\/2012\/11\/27\/calendario-a-flexible-calendar-plugin\/\"><img alt=\"Calendario in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/Calendario.jpg\" \/><\/a><br \/>\n<a href=\"http:\/\/tympanus.net\/Development\/Calendario\/\">Demo<\/a><\/p>\n<h4><a href=\"http:\/\/jhere.net\/\">jHERE<\/a><\/h4>\n<p>With jHERE, you can easily add interactive maps to your website. In only 4KB (1.95KB Gzipped), you get a powerful map API, highly customizable markers, event handling and info bubbles. Bonus features are KML support and data visualization via heatmaps.<br \/>\n<a href=\"http:\/\/jhere.net\/\"><img alt=\"jHERE in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/jHERE.jpg\" \/><\/a><\/p>\n<h4><a href=\"http:\/\/responsiveimg.com\/\">Responsive Img<\/a><\/h4>\n<p>Responsive Img swaps out an image\u2019s src attribute based on its container\u2019s width when the DOM is ready and when the browser is resized.<br \/>\n<a href=\"http:\/\/responsiveimg.com\/\"><img alt=\"Responsive Img in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/Responsive_Img.jpg\" \/><\/a><\/p>\n<h4><a href=\"http:\/\/als.musings.it\/\">Any List Scroller<\/a><\/h4>\n<p>ALS \u2013 Any List Scroller is the jQuery plugin by musings.it to scroll any list, of any dimension, with any content.<br \/>\n<a href=\"http:\/\/als.musings.it\/\"><img alt=\"Any List Scroller in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/Any_List_Scroller.jpg\" \/><\/a><\/p>\n<h4><a href=\"http:\/\/lab.adrianquevedo.com\/jquery-spectragram\/\">jQuery Spectragram<\/a><\/h4>\n<p>An easy jQuery plugin for Instagram API to fetch and display user, popular or tags photo feeds inside your web application or site.<br \/>\n<a href=\"http:\/\/lab.adrianquevedo.com\/jquery-spectragram\/\"><img alt=\" in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/jQuery_Spectragram.jpg\" \/><\/a><\/p>\n<h4><a href=\"http:\/\/tinybigideas.com\/plugins\/jquery-gravity\/\">A jQuery Gravity Plugin<\/a><\/h4>\n<p>jGravity adds gravity to either all or specified elements within a page. Using the plugin is as easy as $(\u2018body\u2019).jGravity(); which will use default settings to apply the gravity effect, which I think you will find quite similar to how Google presented \u2018Google Gravity\u2019 in an earlier Google easter egg.<br \/>\n<a href=\"http:\/\/tinybigideas.com\/plugins\/jquery-gravity\/\"><img alt=\"A jQuery Gravity Plugin in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/A_jQuery_Gravity_Plugin.jpg\" \/><\/a><\/p>\n<h4><a href=\"https:\/\/github.com\/tommoor\/crumble\">Crumble<\/a><\/h4>\n<p><a href=\"https:\/\/github.com\/tommoor\/crumble\"><img alt=\"Crumble in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/Crumble.jpg\" \/><\/a><br \/>\n<a href=\"http:\/\/tommoor.github.com\/crumble\/\">Demo<\/a><\/p>\n<h4><a href=\"http:\/\/darsa.in\/sly\/\">Sly<\/a><\/h4>\n<p>jQuery plugin for one-directional scrolling with item based navigation support.<br \/>\n<a href=\"http:\/\/darsa.in\/sly\/\"><img alt=\"Sly in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/Sly.jpg\" \/><\/a><\/p>\n<h4><a href=\"http:\/\/tympanus.net\/codrops\/2012\/10\/17\/pfold-paper-like-unfolding-effect\/\">PFold<\/a><\/h4>\n<p>A highly experimental jQuery plugin that let\u2019s you unfold elements to reveal more content just like on a piece of paper. Unfolding directions and number of steps can be specified.<br \/>\n<a href=\"http:\/\/tympanus.net\/codrops\/2012\/10\/17\/pfold-paper-like-unfolding-effect\/\"><img alt=\"PFold in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/PFold.jpg\" \/><\/a><br \/>\n<a href=\"http:\/\/tympanus.net\/Development\/PFold\/index2.html\">Demo<\/a><\/p>\n<h4><a href=\"http:\/\/aakilfernandes.com\/uiji.html\">uiji.js<\/a><\/h4>\n<p><a href=\"http:\/\/aakilfernandes.com\/uiji.html\"><img alt=\"uiji.js in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/uiji.jpg\" \/><\/a><\/p>\n<div><\/div>\n<h4><a href=\"http:\/\/tympanus.net\/codrops\/2012\/10\/09\/windy-a-plugin-for-swift-content-navigation\/\">Windy<\/a><\/h4>\n<p>This jQuery plugin can be used to swiftly navigate content items. The effect will make the items fly away like a deck of cards caught in a tiny storm.<br \/>\n<a href=\"http:\/\/tympanus.net\/codrops\/2012\/10\/09\/windy-a-plugin-for-swift-content-navigation\/\"><img alt=\"Windy in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/Windy.jpg\" \/><\/a><br \/>\n<a href=\"http:\/\/tympanus.net\/Development\/Windy\/\">Demo<\/a><\/p>\n<h4><a href=\"https:\/\/github.com\/p-m-p\/jquery-box-slider\">Adaptor<\/a><\/h4>\n<p>Adaptor is a light-weight content slider that aims to provide a simple interface for developers to create cool 2D or 3D slide animation transitions.<br \/>\n<a href=\"https:\/\/github.com\/p-m-p\/jquery-box-slider\"><img alt=\"Adaptor in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/Adaptor.jpg\" \/><\/a><\/p>\n<h4><a href=\"http:\/\/dropthebit.com\/500\/photobox-css3-image-gallery-jquery-plugin\/\">Photobox \u2013 CSS3 JQuery Image Gallery<\/a><\/h4>\n<p><a href=\"http:\/\/dropthebit.com\/500\/photobox-css3-image-gallery-jquery-plugin\/\"><img alt=\"Photobox \u2013 CSS3 JQuery Image Gallery in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/Photobox_CSS3_JQuery_Image_Gallery.jpg\" \/><\/a><br \/>\n<a href=\"http:\/\/dropthebit.com\/demos\/photobox\/\">Demo<\/a><\/p>\n<h4><a href=\"http:\/\/trentrichardson.com\/Impromptu\/\">jQuery Impromptu<\/a><\/h4>\n<p><a href=\"http:\/\/trentrichardson.com\/Impromptu\/\"><img alt=\"jQuery Impromptu in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/jQuery_Impromptu.jpg\" \/><\/a><br \/>\n<a href=\"http:\/\/www.egrappler.com\/responsive-image-content-slider\/index.htm\">Demo<\/a><\/p>\n<h4><a href=\"http:\/\/www.egrappler.com\/full-screen-responsive-jquery-image-and-content-sliderrslider\/\">RSlider<\/a><\/h4>\n<p><a href=\"http:\/\/www.egrappler.com\/full-screen-responsive-jquery-image-and-content-sliderrslider\/\"><img alt=\"RSlider in 40 New jQuery Plugins for Web Developers\" src=\"http:\/\/static.splashnology.com\/articles\/40_jQuery_Plugins_for_Web_Developers\/RSlider.jpg\" \/><\/a><br \/>\n<a href=\"http:\/\/www.egrappler.com\/responsive-image-content-slider\/index.htm\">Demo<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Maskew a JS library for skewing the shapes of elements. App Folders Effortlessly arrange items as on an iOS device. Shapeshift Inspired heavily by the jQuery Masonry plugin (http:\/\/masonry.desandro.com\/), Shapeshift is a plugin which will dynamically arrange a collection of elements into a grid in their parent container. An example of this behavior is what [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"categories":[9,6,7],"tags":[],"_links":{"self":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/313"}],"collection":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/comments?post=313"}],"version-history":[{"count":0,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/313\/revisions"}],"wp:attachment":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/media?parent=313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/categories?post=313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/tags?post=313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}