{"id":5437,"date":"2012-12-19T10:54:49","date_gmt":"2012-12-19T10:54:49","guid":{"rendered":"https:\/\/www.heartinternet.uk\/blog\/?p=5437"},"modified":"2012-12-19T10:54:49","modified_gmt":"2012-12-19T10:54:49","slug":"22-practical-jquery-plugins-for-designers-and-developers","status":"publish","type":"post","link":"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/","title":{"rendered":"22 practical jQuery plugins for designers and developers"},"content":{"rendered":"<p> We&#8217;ve made no secret of the fact that we love jQuery. The possibilities are endless, and there are a lot of amazing free plugins out there to help you make your website (and your clients&#8217; websites) stand out from the crowd. But if you&#8217;re anything like us, you sometimes come across jQuery plugins and think, &#8216;That&#8217;s brilliant, but I&#8217;m not sure what I&#8217;d ever use it for!&#8217; So we&#8217;ve put together a list of the most practical jQuery plugins for designers and developers, allowing you to get on and add new features to your projects without spending time thinking of an excuse to incorporate them.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/gridster.net\/\" target=\"_blank\">Gridster<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/gridster.net\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/gridster.png\" alt=\"\" title=\"gridster\" \/><\/a><\/p>\n<p>&#8216;Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/textextjs.com\/\" target=\"_blank\">TextExt<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/textext-jquery-plugin.png\" alt=\"\" title=\"textext-jquery-plugin\" \/><\/p>\n<p>&#8216;TextExt is a plugin for jQuery which is designed to provide functionality such as tag input and autocomplete.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/danpalmer.me\/jquery-complexify\" target=\"_blank\">Complexify<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/danpalmer.me\/jquery-complexify\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/complexify-jquery-plugin.png\" alt=\"\" title=\"complexify-jquery-plugin\" \/><\/a><\/p>\n<p>&#8216;Complexify aims to provide a good measure of password complexity for websites to use both for giving hints to users in the form of strength bars, and for casually enforcing a minimum complexity for security reasons.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/github.com\/Kicksend\/mailcheck\" target=\"_blank\">Mailcheck<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/github.com\/Kicksend\/mailcheck\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/mailcheck.png\" alt=\"\" title=\"mailcheck\" \/><\/a><\/p>\n<p>&#8216;The Javascript library and jQuery plugin that suggests a right domain when your users misspell it in an email address.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/joelb.me\/scrollpath\/\" target=\"_blank\">jQuery Scroll Path<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/joelb.me\/scrollpath\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/scroll-path.png\" alt=\"\" title=\"scroll-path\" \/><\/a><\/p>\n<p>&#8216;A plugin for defining custom scroll paths.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"http:\/\/ryrych.pl\/rcarousel\/\" target=\"_blank\">rcarousel<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/rcarousel.png\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/rcarousel.png\" alt=\"\" title=\"rcarousel\" \/><\/a><\/p>\n<p>&#8216;A continuous jQuery UI carousel.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4>Intelligist<\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/intelligist.png\" alt=\"\" title=\"intelligist\" \/><\/p>\n<p>&#8216;A jQuery plugin that makes it easy to share and demo code in-page, using GitHub gists.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/wmdmark.github.com\/jquery-proquo\/\" target=\"_blank\">jQuery ProQuo<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/wmdmark.github.com\/jquery-proquo\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/proquo.png\" alt=\"\" title=\"proquo\" \/><\/a><\/p>\n<p>&#8216;Turn any part of your HTML content into \u201ctweetable\u201d quotes.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/backgroundstretcher.png\" alt=\"\" title=\"backgroundstretcher\" \/><\/p>\n<p>&#8216;Allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/www.garralab.com\/nailthumb.php\" target=\"_blank\">NailThumb<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/www.garralab.com\/nailthumb.php\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/nailthumb.png\" alt=\"\" title=\"nailthumb\" \/><\/a><\/p>\n<p>&#8216;Never resize a thumbnail again.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/yconst.com\/web\/freetile\/\" target=\"_blank\">Freetile<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/yconst.com\/web\/freetile\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/freetile.png\" alt=\"\" title=\"freetile\" \/><\/a><\/p>\n<p>&#8216;Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/tsvensen.github.com\/equalize.js\/\">Equalize<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/tsvensen.github.com\/equalize.js\/\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/equalize.png\" alt=\"\" title=\"equalize\" \/><\/a><\/p>\n<p>&#8216;The jQuery plugin for equalizing the height or width of elements.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/megaptery.com\/allofthelights\/\" target=\"_blank\">All of the lights<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/megaptery.com\/allofthelights\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/allofthelights.png\" alt=\"\" title=\"allofthelights\" \/><\/a><\/p>\n<p>&#8216;Allofthelights.js is a jQuery plugin that allows you to switch off the light, enabling your videos to stand out.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/syddev.com\/jquery.shadow\/\" target=\"_blank\">jQuery Shadow<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/syddev.com\/jquery.shadow\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/jqueryshadow.png\" alt=\"\" title=\"jqueryshadow\" \/><\/a><\/p>\n<p>Does what it says on the tin &#8211; creates a variety of beautiful shadows.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/shama.github.com\/jmpress.js\/#\/home\" target=\"_blank\">Jmpress<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/shama.github.com\/jmpress.js\/#\/home\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/jmpress.png\" alt=\"\" title=\"jmpress\" \/><\/a><\/p>\n<p>&#8216;A jQuery plugin to build a website on the infinite canvas.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/buildinternet.com\/project\/mosaic\/\" target=\"_blank\">Mosaic<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/buildinternet.com\/project\/mosaic\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/mosaic.png\" alt=\"\" title=\"mosaic\" \/><\/a><\/p>\n<p>&#8216;Automatically generates sliding boxes &amp; captions, allows slide &amp; fade animations with custom directions and preloads images within boxes.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/cssglobe.com\/jquery-plugin-easy-image-zoom\/\" target=\"_blank\">Easy Image Zoom<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/cssglobe.com\/jquery-plugin-easy-image-zoom\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/easyimagezoom.png\" alt=\"\" title=\"easyimagezoom\" \/><\/a><\/p>\n<p>Easy image magnification.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/tympanus.net\/codrops\/2011\/06\/09\/grid-navigation-effects\/\" target=\"_blank\">Grid Navigation Effects<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/tympanus.net\/codrops\/2011\/06\/09\/grid-navigation-effects\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/gridnavigationeffects.png\" alt=\"\" title=\"gridnavigationeffects\" \/><\/a><\/p>\n<p>Ten ways to navigate a set of thumbnails using neat grid navigation effects.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/www.jquerynewsticker.com\/\" target=\"_blank\">jQuery News Ticker<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/www.jquerynewsticker.com\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/jquerynewsticker.png\" alt=\"\" title=\"jquerynewsticker\" \/><\/a><\/p>\n<p>&#8216;Taking inspiration from the BBC News website ticker, jQuery News Ticker brings a lightweight and easy to use news ticker to jQuery.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/projects.nickstakenburg.com\/tipped\" target=\"_blank\">Tipped<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/projects.nickstakenburg.com\/tipped\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/tipped.png\" alt=\"\" title=\"tipped\" \/><\/a><\/p>\n<p>&#8216;Tipped allows you to easily create beautiful tooltips using the jQuery Javascript library.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/js.recurly.com\/\" target=\"_blank\">Recurly<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/js.recurly.com\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/recurly.png\" alt=\"\" title=\"recurly\" \/><\/a><\/p>\n<p>&#8216;Secure, PCI compliant transaction forms with fully customizable CSS.&#8217;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/07\/divi.png\" \/><\/p>\n<h4><a href=\"https:\/\/sharrre.com\/\" target=\"_blank\">Sharrre<\/a><\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/spacer.png\" \/><\/p>\n<p><a href=\"https:\/\/sharrre.com\/\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2012\/11\/sharrre.png\" alt=\"\" title=\"sharrre\" \/><\/a><\/p>\n<p>&#8216;Sharrre is a jQuery plugin that allows you to create nice widgets for sharing via Facebook, Twitter, Google Plus and more.&#8217;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;ve made no secret of the fact that we love jQuery. The possibilities are endless, and there are a lot of amazing free plugins out there to help you make&#8230;<\/p>\n","protected":false},"author":2,"featured_media":8209,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":{"0":"post-5437","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-your-website"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>22 practical jQuery plugins for designers and developers - Heart Internet<\/title>\n<meta name=\"description\" content=\"22 practical jQuery plugins for designers and developers - Written by the team at Heart Internet.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"22 practical jQuery plugins for designers and developers - Heart Internet\" \/>\n<meta property=\"og:description\" content=\"22 practical jQuery plugins for designers and developers - Written by the team at Heart Internet.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/\" \/>\n<meta property=\"og:site_name\" content=\"Heart Internet\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/heartinternet\/\" \/>\n<meta property=\"article:published_time\" content=\"2012-12-19T10:54:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1620\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Eliot Chambers-Ostler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@heartinternet\" \/>\n<meta name=\"twitter:site\" content=\"@heartinternet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eliot Chambers-Ostler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/\"},\"author\":{\"name\":\"Eliot Chambers-Ostler\",\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/person\/58ed7f27cc0f3ab6e69135742a5eee28\"},\"headline\":\"22 practical jQuery plugins for designers and developers\",\"datePublished\":\"2012-12-19T10:54:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/\"},\"wordCount\":494,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/heartblog.victory.digital\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg\",\"articleSection\":[\"Your Website\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/\",\"url\":\"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/\",\"name\":\"22 practical jQuery plugins for designers and developers - Heart Internet\",\"isPartOf\":{\"@id\":\"https:\/\/heartblog.victory.digital\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg\",\"datePublished\":\"2012-12-19T10:54:49+00:00\",\"description\":\"22 practical jQuery plugins for designers and developers - Written by the team at Heart Internet.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/#primaryimage\",\"url\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg\",\"contentUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg\",\"width\":1620,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.heartinternet.uk\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"22 practical jQuery plugins for designers and developers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/heartblog.victory.digital\/#website\",\"url\":\"https:\/\/heartblog.victory.digital\/\",\"name\":\"Heart Internet\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/heartblog.victory.digital\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/heartblog.victory.digital\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/heartblog.victory.digital\/#organization\",\"name\":\"Heart Internet\",\"url\":\"https:\/\/heartblog.victory.digital\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/02\/HeartInternet_Logo_Colour.webp\",\"contentUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/02\/HeartInternet_Logo_Colour.webp\",\"width\":992,\"height\":252,\"caption\":\"Heart Internet\"},\"image\":{\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/heartinternet\/\",\"https:\/\/x.com\/heartinternet\",\"https:\/\/www.linkedin.com\/company\/heart-internet-ltd\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/person\/58ed7f27cc0f3ab6e69135742a5eee28\",\"name\":\"Eliot Chambers-Ostler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/08\/cropped-Eliot-96x96.jpg\",\"contentUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/08\/cropped-Eliot-96x96.jpg\",\"caption\":\"Eliot Chambers-Ostler\"},\"url\":\"https:\/\/www.heartinternet.uk\/blog\/author\/eliot-chambers-ostler\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"22 practical jQuery plugins for designers and developers - Heart Internet","description":"22 practical jQuery plugins for designers and developers - Written by the team at Heart Internet.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/","og_locale":"en_GB","og_type":"article","og_title":"22 practical jQuery plugins for designers and developers - Heart Internet","og_description":"22 practical jQuery plugins for designers and developers - Written by the team at Heart Internet.","og_url":"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/","og_site_name":"Heart Internet","article_publisher":"https:\/\/www.facebook.com\/heartinternet\/","article_published_time":"2012-12-19T10:54:49+00:00","og_image":[{"width":1620,"height":720,"url":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg","type":"image\/jpeg"}],"author":"Eliot Chambers-Ostler","twitter_card":"summary_large_image","twitter_creator":"@heartinternet","twitter_site":"@heartinternet","twitter_misc":{"Written by":"Eliot Chambers-Ostler","Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/#article","isPartOf":{"@id":"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/"},"author":{"name":"Eliot Chambers-Ostler","@id":"https:\/\/heartblog.victory.digital\/#\/schema\/person\/58ed7f27cc0f3ab6e69135742a5eee28"},"headline":"22 practical jQuery plugins for designers and developers","datePublished":"2012-12-19T10:54:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/"},"wordCount":494,"commentCount":0,"publisher":{"@id":"https:\/\/heartblog.victory.digital\/#organization"},"image":{"@id":"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg","articleSection":["Your Website"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/","url":"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/","name":"22 practical jQuery plugins for designers and developers - Heart Internet","isPartOf":{"@id":"https:\/\/heartblog.victory.digital\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/#primaryimage"},"image":{"@id":"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg","datePublished":"2012-12-19T10:54:49+00:00","description":"22 practical jQuery plugins for designers and developers - Written by the team at Heart Internet.","breadcrumb":{"@id":"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/#primaryimage","url":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg","contentUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_your_website1.jpg","width":1620,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.heartinternet.uk\/blog\/22-practical-jquery-plugins-for-designers-and-developers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.heartinternet.uk\/blog\/"},{"@type":"ListItem","position":2,"name":"22 practical jQuery plugins for designers and developers"}]},{"@type":"WebSite","@id":"https:\/\/heartblog.victory.digital\/#website","url":"https:\/\/heartblog.victory.digital\/","name":"Heart Internet","description":"","publisher":{"@id":"https:\/\/heartblog.victory.digital\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/heartblog.victory.digital\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/heartblog.victory.digital\/#organization","name":"Heart Internet","url":"https:\/\/heartblog.victory.digital\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/heartblog.victory.digital\/#\/schema\/logo\/image\/","url":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/02\/HeartInternet_Logo_Colour.webp","contentUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/02\/HeartInternet_Logo_Colour.webp","width":992,"height":252,"caption":"Heart Internet"},"image":{"@id":"https:\/\/heartblog.victory.digital\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/heartinternet\/","https:\/\/x.com\/heartinternet","https:\/\/www.linkedin.com\/company\/heart-internet-ltd"]},{"@type":"Person","@id":"https:\/\/heartblog.victory.digital\/#\/schema\/person\/58ed7f27cc0f3ab6e69135742a5eee28","name":"Eliot Chambers-Ostler","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/heartblog.victory.digital\/#\/schema\/person\/image\/","url":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/08\/cropped-Eliot-96x96.jpg","contentUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/08\/cropped-Eliot-96x96.jpg","caption":"Eliot Chambers-Ostler"},"url":"https:\/\/www.heartinternet.uk\/blog\/author\/eliot-chambers-ostler\/"}]}},"_links":{"self":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts\/5437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/comments?post=5437"}],"version-history":[{"count":0,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts\/5437\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/media\/8209"}],"wp:attachment":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/media?parent=5437"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/categories?post=5437"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/tags?post=5437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}