<?xml version="1.0" encoding="UTF-8" standalone="no"?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:gd="http://schemas.google.com/g/2005" xmlns:georss="http://www.georss.org/georss" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:thr="http://purl.org/syndication/thread/1.0"><id>tag:blogger.com,1999:blog-7194374551316428801</id><updated>2025-09-13T17:15:54.960+02:00</updated><category term="Freebies"/><category term="Inspiration"/><category term="Tutorials"/><category term="CSS"/><category term="jQuery"/><category term="HTML"/><category term="Design"/><category term="Graphics"/><category term="Photoshop"/><category term="JavaScript"/><category term="Typography"/><category term="WordPress"/><category term="Fonts"/><category term="Plugin"/><category term="Icons"/><category term="Coding"/><category term="IOS"/><category term="iPhone"/><category term="Premium"/><category term="Adobe"/><category term="Illustrator"/><category term="Infographics"/><category term="Logos"/><category term="3D"/><category term="Ads"/><category term="Android"/><category term="Apps"/><category term="Fireworks"/><category term="Lego"/><category term="Mobile"/><category term="PHP"/><category term="Photo"/><category term="Tumblr"/><title type="text">Bjonk Design</title><subtitle type="html"/><link href="http://bjonkdesign.blogspot.com/feeds/posts/default" rel="http://schemas.google.com/g/2005#feed" type="application/atom+xml"/><link href="http://www.blogger.com/feeds/7194374551316428801/posts/default?max-results=3" rel="self" type="application/atom+xml"/><link href="http://bjonkdesign.blogspot.com/" rel="alternate" type="text/html"/><link href="http://pubsubhubbub.appspot.com/" rel="hub"/><link href="http://www.blogger.com/feeds/7194374551316428801/posts/default?start-index=4&amp;max-results=3" rel="next" type="application/atom+xml"/><author><name>Magnus</name><uri>http://www.blogger.com/profile/14019493519277122437</uri><email>noreply@blogger.com</email><gd:image height="32" rel="http://schemas.google.com/g/2005#thumbnail" src="//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgguFHH1tJCdge1gYidDq6MAnnvEtfiuJ21UWrZgCFbn8OH9fRAkkmTCzLNj_x1A-Qf9VrcLFTJl-29_cOuAxOJ-g4jps7NXazh2k25UuZbr3ZyQnHDKs2JVRHtDbJqEH0/s113/pxdeadpool.png" width="32"/></author><generator uri="http://www.blogger.com" version="7.00">Blogger</generator><openSearch:totalResults>153</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>3</openSearch:itemsPerPage><xhtml:meta content="noindex" name="robots" xmlns:xhtml="http://www.w3.org/1999/xhtml"/><entry><id>tag:blogger.com,1999:blog-7194374551316428801.post-5888925562477300672</id><published>2013-08-21T07:45:00.000+02:00</published><updated>2013-08-21T07:45:08.781+02:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Design"/><category scheme="http://www.blogger.com/atom/ns#" term="Freebies"/><category scheme="http://www.blogger.com/atom/ns#" term="Inspiration"/><category scheme="http://www.blogger.com/atom/ns#" term="JavaScript"/><category scheme="http://www.blogger.com/atom/ns#" term="jQuery"/><category scheme="http://www.blogger.com/atom/ns#" term="Plugin"/><title type="text">20 Fresh jQuery Plugins</title><content type="html">&lt;div style="text-align: left;"&gt;
&lt;img alt="20 Fresh jQuery Plugins" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/fresh-jquery-plugins-for-designers-developers.jpg" style="background-color: white; border: 1px solid rgb(204, 204, 204); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 3px; text-align: center; width: 597px;" title="20 Fresh jQuery Plugins" /&gt;&lt;/div&gt;
&lt;div&gt;
The jQuery developer community has to be one of the most wonderful programmers community of hardworking people on the web. They’re constantly churning out amazingly useful and completely free plugins and libraries that they share with anyone and everyone who wants to use them.&lt;/div&gt;
&lt;br /&gt;jQuery Plugins are very useful for designers &amp;amp; developers. jQuery plugins can save lots of time on any web or mobile apps project. I really thankful to jQuery Developers who give us fresh plugin day by day which are really helpful to make web apps more effectively and friendly.&lt;div&gt;
&lt;br /&gt;&lt;div&gt;
&lt;h3&gt;
&lt;a href="http://plugins.compzets.com/animatescroll/"&gt;AnimatedScroll: jQuery Plugin for Animating Scroll&lt;/a&gt;&lt;/h3&gt;
AnimateScroll is a beautiful 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.&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="jQuery Plugin for Animating Scroll" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/AnimatedScroll-jQueryPluginfor-Animating-Scroll.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="jQuery Plugin for Animating Scroll" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://plugins.compzets.com/animatescroll/" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: white;"&gt;&amp;nbsp;&lt;a class="continueread" href="https://github.com/ramswaroop/animatescroll.js" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://toddmotto.com/echo-js-simple-javascript-image-lazy-loading/"&gt;Echo.js: Simple JavaScript Image Lazy Loading&lt;/a&gt;&lt;/h3&gt;
Echo.js is a simple image lazy loading library, it’s less than 1KB minified. Lazy-loading works by only loading the assets needed when the elements ‘would’ be in view, which it’ll get from the server for you upon request, which is automated by simply changing the image src attribute.&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="Echo.js: Simple JavaScript Image Lazy Loading" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/Echojs-JavaScript-Image-Lazy-Loading.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="Echo.js: Simple JavaScript Image Lazy Loading" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://toddmotto.com/labs/echo" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="http://github.com/toddmotto/echo/archive/master.zip" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://tympanus.net/codrops/2013/08/13/multi-level-push-menu/"&gt;Multi-Level Push Menu&lt;/a&gt;&lt;/h3&gt;
An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.&lt;br /&gt;&lt;br /&gt;The result is a “push” menu that can (theoretically) contain infinite nested sub-menus. When opening a sub-level, the whole navigation pushes the content more, allowing a slice of the parent menu to be visible. Optionally, this slice can be visible or not, in which case the sub-menu will simply cover its parent.&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="Multi-Level Push Menu" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/Multi-Level-Push-Menu.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="Multi-Level Push Menu" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://tympanus.net/Development/MultiLevelPushMenu/" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="http://tympanus.net/Development/MultiLevelPushMenu/MultiLevelPushMenu.zip" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://thepetedesign.com/demos/jquery_flat_shadow_demo.html"&gt;jQuery Flat Shadow: Create Long Shadows Flat UI&lt;/a&gt;&lt;/h3&gt;
&lt;a href="http://graphicdesignjunction.com/tag/long-shadow/"&gt;Long shadow&lt;/a&gt; effects are widely used to create a depth for any element in flat design. jQuery Flat Shadow is a plugin which can add this fading shadow to everything targeted.&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="jQuery Flat Shadow - Create Long Shadows Flat UI" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/jQueryFlatShadow-Create-Long-Shadows-Flat-UI.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="jQuery Flat Shadow - Create Long Shadows Flat UI" width="500" /&gt;&lt;/div&gt;
&lt;div style="font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://thepetedesign.com/demos/jquery_flat_shadow_demo.html" rel="nofollow" style="background-color: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #a31f13; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;Demo&lt;/a&gt;&lt;span style="background-color: white; color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="https://github.com/peachananr/flat-shadow" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://git.aaronlumsden.com/tidytime.js/"&gt;tidyTime.js: Display More Friendly Time with jQuery&lt;/a&gt;&lt;/h3&gt;
tidyTime.js takes any regular time and changes it into more human friendly dialogue such as “It’s just gone noon. It’s quarter past 8 in the evening, it’s nearly half past 4 in the afternoon, it’s just gone 25 to 6″ and more. By adding additional text before and after the time you are able to create powerful friendly interaction with users.&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="tidyTime.js: Display More Friendly Time with jQuery" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/Friendly-Time-Values-With-jQuery-tidyTimejs.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="tidyTime.js: Display More Friendly Time with jQuery" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://git.aaronlumsden.com/tidytime.js/#demo" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="https://github.com/aarondo/tidytime.js" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://timseverien.nl/taggd/#download"&gt;Taggd: jQuery Plugin to Tag Images&lt;/a&gt;&lt;/h3&gt;
Taggd is a jQuery plugin that help you create tags on images with, or without a popup!&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="Taggd: jQuery Plugin to Tag Images" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/Taggd-jQuery-Plugin-to-Tag-Images.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="Taggd: jQuery Plugin to Tag Images" width="500" /&gt;&lt;/div&gt;
&lt;div style="font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://timseverien.nl/taggd/" rel="nofollow" style="background-color: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #a31f13; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;Demo&lt;/a&gt;&lt;span style="background-color: white; color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="https://github.com/timseverien/taggd/archive/master.zip" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://www.getuikit.com/"&gt;UIKIT: Lightwight Front-end Framework&lt;/a&gt;&lt;/h3&gt;
UIkit is a &lt;a href="http://graphicdesignjunction.com/tag/framework/"&gt;front-end framework&lt;/a&gt;, built by YOOtheme, for creating cross-browser and responsive layouts faster.&amp;nbsp;It is lightweight, has a modular structure and uses LESS for styles + jQuery for the JavaScript.&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="UIKIT: Lightwight Front-end Framework" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/UIKIT-Lightwight-Front-end-Framework.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="UIKIT: Lightwight Front-end Framework" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://www.getuikit.com/" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="https://github.com/uikit/uikit/releases/download/v1.0.2/uikit-1.0.2.zip" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://adnantopal.github.io/slimmenu/"&gt;slimMenu: Multi-Level Responsive Menu&lt;/a&gt;&lt;/h3&gt;
slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly. It converts an unordered list with any depth into a menu with sub-menus and, for smaller screens, the menu becomes a drill-down navigation. It istouch-friendly and has several options for customization like the animation or its speed.&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="slimMenu: Multi-Level Responsive Menu" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/slimMenu-Multi-Level-Responsive-Menu.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="slimMenu: Multi-Level Responsive Menu" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://adnantopal.github.io/slimmenu/" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="https://github.com/adnantopal/slimmenu" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://git.aaronlumsden.com/tabulous.js/"&gt;Tabulous.js: Create Tabs with Effects&lt;/a&gt;&lt;/h3&gt;
Tabulous.js is a lightweight jQuery plugin that simplifies creating them with a plain HTML structure. The tabs created can be styled with CSS and multiple switching effects exist (slide, scale, scale up and flip).&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="Tabulous.js: Create Tabs with Effects" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/Tabulousjs-Create-Tabs-with-Effects.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="Tabulous.js: Create Tabs with Effects" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://git.aaronlumsden.com/tabulous.js/#demo" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="https://github.com/aarondo/tabulous.js" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://owlgraphic.com/owlcarousel/"&gt;Owl Carousel: Touch-Enabled and Responsive Carousels jQuery Plugin&lt;/a&gt;&lt;/h3&gt;
Owl Carousel is a jQuery plugin that allows us to create responsive carousel sliders so quickly. The plugin is touch-friendly and capable of featuring any HTML content with almost any markup.&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="Owl Carousel: Touch-Enabled and Responsive Carousels jQuery Plugin" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/Touch-Enabled-Responsive-Carousels-jQuery-Plugin.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="Owl Carousel: Touch-Enabled and Responsive Carousels jQuery Plugin" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://owlgraphic.com/owlcarousel/" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="http://owlgraphic.com/owlcarousel/" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://hackerwins.github.io/summernote/"&gt;Summernote: WYSIWYG Editor on Bootstrap&lt;/a&gt;&lt;/h3&gt;
Summernote is a super simple WYSIWYG editor on Bootstrap. It’s open source and easy to install. Lightweight (Summernote: 30Kb), Smart User Interaction, Customize by Initializing options, Safari, Chrome, Firefox, Opera ,Internet Explorer 9+ (IE8 support coming soon)&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="Summernote: WYSIWYG Editor on Bootstrap" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/Summernote-WYSIWYG-Editor-on-Bootstrap.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="Summernote: WYSIWYG Editor on Bootstrap" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://hackerwins.github.io/summernote/" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="https://github.com/HackerWins/summernote/archive/master.zip" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://plugins.jquery.com/flipLightBox/"&gt;flipLightBox: Responsive Lightbox jQuery Plugin&lt;/a&gt;&lt;/h3&gt;
flipLightBox is a responsive Lightbox that is extremely easy to implement and doesn’t require additional stylesheets, scripts or libraries.The coolest feature of flipLightBox is that it has optional flip effect as each lightbox image opens and closes.&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="flipLightBox: Responsive Lightbox jQuery Plugin" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/flipLightBox-Responsive-Lightbox-jQuery-Plugin.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="flipLightBox: Responsive Lightbox jQuery Plugin" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://flipgallery.net/fliplightbox.html#demo" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="http://flipgallery.net/fliplightbox.html#download" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://briangonzalez.org/arbitrary-anchor"&gt;jquery.arbitrary-anchor.js: Smooth Scrolling For Any Element On Page With jQuery&lt;/a&gt;&lt;/h3&gt;
With jquery.arbitrary-anchor.js , you can easily create useful and neat dynamic anchor scrolling by simply adding a jQuery/CSS selector after the hash (#) in your page’s URL. This plugin extends the normal anchor functionality, that is, an anchor tag with a name value attribute will still get scrolled to as normal. The same goes for an element with an ID which matches the hash. This little plugin will take care of everything else.&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="Smooth Scrolling For Any Element On Page With jQuery" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/Smooth-Scrolling-For-Any-Element-On-Page-With-jQuery.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="Smooth Scrolling For Any Element On Page With jQuery" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://codepen.io/briangonzalez/pen/kiGmx" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="https://github.com/briangonzalez/jquery.arbitrary-anchor.js" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://minifiedjs.com/"&gt;Minified.js: Lightweight JavaScript Library&lt;/a&gt;&lt;/h3&gt;
Minified.js is a very strong alternative to these frameworks and it comes with an impressive size, less than 4kb minified. Minified.js is a client-side JavaScript library, comparable to jQuery and MooTools in scope. Its features include DOM manipulation, animation, events, cookies and HTTP requests.&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="Minified.js: Lightweight JavaScript Library" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/Minifiedjs-Lightweight-JavaScript-Library.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="Minified.js: Lightweight JavaScript Library" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://minifiedjs.com/" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="https://github.com/timjansen/minified.js/" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://rtp-ch.github.io/slider/"&gt;RTP.Slider.js: Touch Enable and Responsive Slider Plugin&lt;/a&gt;&lt;/h3&gt;
RTP.Slider.js is a versatile and flexible slider. Strong support for fluid / responsive Designs, mobile browsers and touch devices. It has nearly every feature that you can find in other sliders on the web.&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="RTP.Slider.js: Touch Enable and Responsive Slider Plugin" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/RTPSliderjs-Touch-Enable-and-Responsive-Slider-Plugin.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="RTP.Slider.js: Touch Enable and Responsive Slider Plugin" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://goo.gl/ChsP9Q" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="https://www.github.com/rtp-ch/slider" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://cferdinandi.github.io/tabby/"&gt;Tabby: Lightweight and Mobile First Toggle Tabs&lt;/a&gt;&lt;/h3&gt;
Tabby is a lightweight JavaScript and CSS kit for mobile-first toggle tabs. It’s style-light so you can easily modify it to fit your design.&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="Tabby: Lightweight and Mobile First Toggle Tabs" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/Tabby-Lightweight-Mobile-First-Toggle-Tabs.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="Tabby: Lightweight and Mobile First Toggle Tabs" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://cferdinandi.github.io/tabby/" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="https://github.com/cferdinandi/tabby/archive/master.zip" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://leafo.net/sticky-kit/"&gt;Sticky-Kit: jQuery plugin for Making Smart Sticky Elements&lt;/a&gt;&lt;/h3&gt;
Sticky-Kit is a very handy jQuery plugin that simplifies creating/managing such sticky elements and comes with features for complex use.&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="Sticky-Kit: jQuery plugin for Making Smart Sticky Elements" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/Sticky-Kit-jQuery-plugin-for-Smart-Sticky-Elements.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="Sticky-Kit: jQuery plugin for Making Smart Sticky Elements" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://leafo.net/sticky-kit/" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="https://github.com/leafo/sticky-kit" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://sarasoueidan.com/blog/s-gallery-responsive-jquery-gallery-plugin-with-css3-animations/"&gt;S Gallery: Responsive jQuery Gallery Plugin with CSS3 Animations&lt;/a&gt;&lt;/h3&gt;
S Gallery makes use of HTML5′s FullScreen API, and relies heavily on CSS3 animationsgoodness and CSS3 transforms, so it will work only in browsers that support these features. Once an item is clicked and focused, it is possible to browse others with prev-next buttons or via keyboard.&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="Responsive jQuery Gallery Plugin with CSS3 Animations" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/Responsive-jQuery-Gallery-Plugin-with-CSS3-Animations.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="S Gallery: Responsive jQuery Gallery Plugin with CSS3 Animations" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://goo.gl/FDsOH" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="https://github.com/SaraSoueidan/s-gallery-responsive-jquery-plugin" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;h3&gt;
&lt;a href="http://tympanus.net/codrops/2013/07/18/on-scroll-effect-layout/"&gt;On Scroll Effect Layout: Beautiful Scroll Effects&lt;/a&gt;&lt;/h3&gt;
An on scroll effect template that animates the sides of sections once they are in the viewport. It works with adding a class for animating the two sides of a section.&amp;nbsp;There is an example effect defined and also some media queries for dealing with smaller screens.&lt;br /&gt;&lt;div class="divimg" style="background-color: #f9f9f9; border: 1px solid rgb(233, 233, 233); color: #484848; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; margin: 20px 0px 0px; padding: 20px; text-align: center;"&gt;
&lt;img alt="On Scroll Effect Layout: Beautiful Scroll Effects" src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/08/On-Scroll-Effect-Layout-Beautiful-Scrolling-Effects.jpg" style="background-color: white; border: 1px solid rgb(245, 245, 245); max-width: 600px; padding: 3px;" title="On Scroll Effect Layout: Beautiful Scroll Effects" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;"&gt;
&lt;a class="continueread" href="http://tympanus.net/Blueprints/OnScrollEffectLayout/" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #484848;"&gt;&amp;nbsp;&lt;/span&gt;&lt;a class="continueread" href="http://tympanus.net/Blueprints/OnScrollEffectLayout/OnScrollEffectLayout.zip" rel="nofollow" style="background-color: #446CB3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; letter-spacing: 0px; margin: 0px; padding: 8px 16px; text-decoration: none;" target="_blank"&gt;&lt;span style="color: white;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;</content><link href="http://bjonkdesign.blogspot.com/feeds/5888925562477300672/comments/default" rel="replies" title="Post Comments" type="application/atom+xml"/><link href="http://bjonkdesign.blogspot.com/2013/08/20-fresh-jquery-plugins.html#comment-form" rel="replies" title="12 Comments" type="text/html"/><link href="http://www.blogger.com/feeds/7194374551316428801/posts/default/5888925562477300672" rel="edit" type="application/atom+xml"/><link href="http://www.blogger.com/feeds/7194374551316428801/posts/default/5888925562477300672" rel="self" type="application/atom+xml"/><link href="http://bjonkdesign.blogspot.com/2013/08/20-fresh-jquery-plugins.html" rel="alternate" title="20 Fresh jQuery Plugins" type="text/html"/><author><name>Magnus</name><uri>http://www.blogger.com/profile/14019493519277122437</uri><email>noreply@blogger.com</email><gd:image height="32" rel="http://schemas.google.com/g/2005#thumbnail" src="//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgguFHH1tJCdge1gYidDq6MAnnvEtfiuJ21UWrZgCFbn8OH9fRAkkmTCzLNj_x1A-Qf9VrcLFTJl-29_cOuAxOJ-g4jps7NXazh2k25UuZbr3ZyQnHDKs2JVRHtDbJqEH0/s113/pxdeadpool.png" width="32"/></author><thr:total>12</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7194374551316428801.post-1469540901843720265</id><published>2013-05-27T07:57:00.000+02:00</published><updated>2013-05-27T07:57:25.493+02:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Freebies"/><category scheme="http://www.blogger.com/atom/ns#" term="Graphics"/><category scheme="http://www.blogger.com/atom/ns#" term="Infographics"/><category scheme="http://www.blogger.com/atom/ns#" term="Inspiration"/><title type="text">Ultimate Collection of Infographic &amp; Vector Freebies</title><content type="html">This is the big list of Vector Elements&amp;nbsp;which are great for infographics designing. Info-graphics are graphic visualization and representations of data and information. Designers using graphic elements to explain complex information, numbers or data in quick and effective manner. It is usually used in statistics, business plans, feasibility studies, web analytic and more.&lt;br /&gt;&lt;br /&gt;Infographics includes different visual elements, such as charts, signs, diagrams, maps, arrows, statistic elements and much more. So you can work with various components to build really impressive and easy-to-understand infographics design.Vector graphics is based on images made up of vectors (also called paths, or strokes) which lead through locations called control points.  Vector graphics with concentric hearts, circles, rainbow colors, twinkling stars, dots, arrows and cloud-a-like shapes. Use these vector backgrounds and vector elements in website design is a new trend growing among web designers.&lt;br /&gt;&lt;br /&gt;You can use them on your web, for prints or to design a unique T-shirt.&lt;br /&gt;&lt;br /&gt;Free high quality vector graphics and vector elements for infographics design, which sweet to use on your  personal and commercial designing work. So download them and enjoy!&lt;br /&gt;&lt;br /&gt;&lt;h4&gt;
Vector infographic world map and pie chart graphics&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-7.jpg" /&gt;&lt;br /&gt;&lt;a href="http://www.cgvector.com/free-vector-infographic-world-map-and-pie-chart-graphics/"&gt;Download Vector Elements&lt;/a&gt;&lt;br /&gt;&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;h4&gt;
100+ Infographic Elements (Vector)&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-1.jpg" /&gt;&lt;/h4&gt;
&lt;a href="http://graphicdesignjunction.com/2013/05/free-vector-graphics-for-ui-design/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Vector Infographics pie charts workflow diagram&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-2.jpg" /&gt;&lt;br /&gt;&lt;a href="http://www.cgvector.com/vector-infographics-pie-charts-workflow-diagram-presentation-template/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Free Vector Infographic Elements for Better Visualization&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-3.jpg" /&gt;&lt;br /&gt;&lt;a href="http://www.allwebdesigninfo.com/free-vector-elements-for-infographic.html"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
World Map and Business Infographic Vector Elements&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-4.jpg" /&gt;&lt;br /&gt;&lt;a href="http://freedesignfile.com/52964-world-map-with-infographic-vector-03/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Dark Infographic Vector Elements&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-5.jpg" /&gt;&lt;br /&gt;&lt;a href="http://www.psdlist.net/infographic-vector-elements"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Free Vector Infographics 3d pie chart design elements&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-6.jpg" /&gt;&lt;br /&gt;&lt;a href="http://graphicdesignjunction.com/2013/03/free-high-quality-vector-graphics/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Info Graphic Design Elements Vector&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-8.jpg" /&gt;&lt;br /&gt;&lt;a href="http://www.freevectorsdaily.com/inforgraphic-design-elements-vector/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Infographics design elements vector set&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-9.jpg" /&gt;&lt;br /&gt;&lt;a href="http://www.gfxtra.com/vector-business/165250-infographics-design-elements-vector-set-10.html"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Free Vector Infographic Kit&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-10.jpg" /&gt;&lt;br /&gt;&lt;a href="http://medialoot.com/item/vector-infographic-kit/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Free Infographic Vector Kit&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-11.jpg" /&gt;&lt;br /&gt;&lt;a href="http://wegraphics.net/downloads/free-vector-infographic-kit/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Retro Infographic Vector Graphic&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-12.jpg" /&gt;&lt;br /&gt;&lt;a href="http://graphicdesignjunction.com/2012/07/30-free-hi-qty-vector-graphics-for-designers/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Business Data Infographic Elements Vector&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-13.jpg" /&gt;&lt;br /&gt;&lt;a href="http://www.zezu.org/business-data-elements-vector-02/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Free Vector Infographic Elements&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-14.jpg" /&gt;&lt;br /&gt;&lt;a href="http://www.ianbarnard.co.uk/free-vector-infographic-elements-v1/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Elements of food infographics vector&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-15.jpg" /&gt;&lt;br /&gt;&lt;a href="http://freedesignfile.com/10529-elements-of-food-infographics-vector/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Retro Infographic Vector Elements&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-16.jpg" /&gt;&lt;br /&gt;&lt;a href="http://www.pixeden.com/vector-objects/retro-infographic-vector-elements"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
World Map with Infographic vector&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-17.jpg" /&gt;&lt;br /&gt;&lt;a href="http://freedesignfile.com/52973-world-map-with-infographic-vector-06/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Free Infographic Vector Elements&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-18.jpg" /&gt;&lt;br /&gt;&lt;a href="http://www.pixeden.com/vector-objects/infographic-vector-elements-vol2"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Economy Infographics design elements vector graphic&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-19.jpg" /&gt;&lt;br /&gt;&lt;a href="http://freedesignfile.com/15916-economy-infographics-design-elements-vector-graphic-01/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Free Vector Infographic Design Elements&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-20.jpg" /&gt;&lt;br /&gt;&lt;a href="http://ui-cloud.com/free-vector-infographic-design-elements/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Blue World Map Infographic Design Vector Elements&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-21.jpg" /&gt;&lt;br /&gt;&lt;a href="http://freedesignfile.com/52961-world-map-with-infographic-vector-02/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Infographic Elements Power&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-22.jpg" /&gt;&lt;br /&gt;&lt;a href="http://7428.net/2013/05/infographic-elements-power.html"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Year infographics elements vector&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-23.jpg" /&gt;&lt;br /&gt;&lt;a href="http://freedesignfile.com/12049-year-infographics-elements-vector-01/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Infographics Elements Step&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-24.jpg" /&gt;&lt;br /&gt;&lt;a href="http://7428.net/2013/05/infographics-elements-step.html"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Free infographic design elements&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-25.jpg" /&gt;&lt;br /&gt;&lt;a href="http://www.vectoc.com/free-infographic-design-elements-3.htm"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Colorful Vector Infographic&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-26.jpg" /&gt;&lt;br /&gt;&lt;a href="http://www.1000vectors.com/free-vectors/vector-pack/colorful-vector-infographic.htm"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Infographic Elements Option Data&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-27.jpg" /&gt;&lt;br /&gt;&lt;a href="http://7428.net/2013/05/infographic-elements-option-data.html"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Free Vector Infographic&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-28.jpg" /&gt;&lt;br /&gt;&lt;a href="http://wegraphics.net/downloads/free-vector-infographic-vol2/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Vector Infographic Step By Step Elements&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-29.jpg" /&gt;&lt;br /&gt;&lt;a href="http://www.titanui.com/12165-vector-infographic-step-by-step-elements-01/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;h4&gt;
Vector Human Research Infographic Elements&lt;/h4&gt;
&lt;img src="http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/05/Infographic-Vector-Elements-30.jpg" /&gt;&lt;br /&gt;&lt;a href="http://www.titanui.com/16510-vector-human-research-infographic-elements/"&gt;Download Vector Elements&lt;/a&gt;&lt;/div&gt;
</content><link href="http://bjonkdesign.blogspot.com/feeds/1469540901843720265/comments/default" rel="replies" title="Post Comments" type="application/atom+xml"/><link href="http://bjonkdesign.blogspot.com/2013/05/ultimate-collection-of-infographic.html#comment-form" rel="replies" title="1 Comments" type="text/html"/><link href="http://www.blogger.com/feeds/7194374551316428801/posts/default/1469540901843720265" rel="edit" type="application/atom+xml"/><link href="http://www.blogger.com/feeds/7194374551316428801/posts/default/1469540901843720265" rel="self" type="application/atom+xml"/><link href="http://bjonkdesign.blogspot.com/2013/05/ultimate-collection-of-infographic.html" rel="alternate" title="Ultimate Collection of Infographic &amp; Vector Freebies" type="text/html"/><author><name>Magnus</name><uri>http://www.blogger.com/profile/14019493519277122437</uri><email>noreply@blogger.com</email><gd:image height="32" rel="http://schemas.google.com/g/2005#thumbnail" src="//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgguFHH1tJCdge1gYidDq6MAnnvEtfiuJ21UWrZgCFbn8OH9fRAkkmTCzLNj_x1A-Qf9VrcLFTJl-29_cOuAxOJ-g4jps7NXazh2k25UuZbr3ZyQnHDKs2JVRHtDbJqEH0/s113/pxdeadpool.png" width="32"/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7194374551316428801.post-4344852237890242907</id><published>2013-05-23T10:13:00.000+02:00</published><updated>2013-05-23T10:14:03.527+02:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Freebies"/><category scheme="http://www.blogger.com/atom/ns#" term="jQuery"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorials"/><title type="text">15+ Cool jQuery Scrollbar Plugins</title><content type="html">Bored with the look of standard scrollbar of your website? with jQuery scrollbar you can transform it into a more attractive design. You can also use some pure CSS scrollbar if you don’t like to use jQuery plugins on your website.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;h4&gt;
1. jQuery Scroll Path&lt;/h4&gt;
&lt;img src="http://ginva.com/wp-content/uploads/2013/05/4-jquery-scroll-path.jpg" /&gt;&lt;br /&gt;
&lt;span id="blog-pager-older-link"&gt;&lt;a class="blog-pager-older-link" href="https://github.com/JoelBesada/scrollpath"&gt;More Details&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
jQuery Scroll Path is a plugin that lets you define your own custom scroll path. The plugin uses canvas flavored syntax for drawing paths, using the methods moveTo, lineTo and arc. To help with getting the path right, a canvas overlay with the path can be enabled when initializing the plugin.&lt;/div&gt;
&lt;div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;h4&gt;
&amp;nbsp;2.Perfect-scrollbar&lt;/h4&gt;
&lt;img src="http://ginva.com/wp-content/uploads/2013/05/1-perfect-scrollbar.jpg" /&gt;&lt;br /&gt;
&lt;span id="blog-pager-older-link"&gt;&lt;a class="blog-pager-older-link" href="https://github.com/noraesae/perfect-scrollbar"&gt;More Details&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;h4&gt;
3. ClassyScroll&lt;/h4&gt;
&lt;img src="http://ginva.com/wp-content/uploads/2013/05/2-classyscroll.jpg" /&gt;&lt;br /&gt;
&lt;span id="blog-pager-older-link"&gt;&lt;a class="blog-pager-older-link" href="http://www.class.pm/projects/jquery/classyscroll/"&gt;More Details&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
jQuery ClassyScroll can be used not only as replacement of native browser scrollbars, but you can use it even to create slideshows with external controls.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;h4&gt;
4. RollBar – jQuery ScrollBar Plugin&lt;/h4&gt;
&lt;img src="http://ginva.com/wp-content/uploads/2013/05/3-rollbar.jpg" /&gt;&lt;br /&gt;
&lt;span id="blog-pager-older-link"&gt;&lt;a class="blog-pager-older-link" href="http://codecanyon.net/item/rollbar-jquery-scrollbar-plugin/2113353?ref=gundoel007"&gt;More Details&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
RollBar Responsive plugin can be used not only as replacement of native browser scrollbars, but you can use it even to create slideshows with external controls.&lt;/div&gt;
&lt;div&gt;
&lt;h4&gt;
5. jQuery slimScroll&lt;/h4&gt;
&lt;img src="http://ginva.com/wp-content/uploads/2013/05/5-jQuery-slimScroll.jpg" /&gt;&lt;br /&gt;
&lt;span id="blog-pager-older-link"&gt;&lt;a class="blog-pager-older-link" href="http://rocha.la/jQuery-slimScroll"&gt;More Details&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
slimScroll is a small (3.7KB) jQuery plugin that transforms any div into a scrollable area with a nice scrollbar.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;h4&gt;
6. jScroll: Stylable jQuery Scrollbar&lt;/h4&gt;
&lt;img src="http://ginva.com/wp-content/uploads/2013/05/6-jscroll-stylable-jquery-scrollbar.jpg" /&gt;&lt;br /&gt;
&lt;span id="blog-pager-older-link"&gt;&lt;a class="blog-pager-older-link" href="http://codecanyon.net/item/jscroll-stylable-jquery-scrollbar/619022?ref=gundoel007"&gt;More Details&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
jScroll is a stylable scrollbar built using the jQuery JavaScript framework. At only ~8kb, it is both lightweight and packed full of features.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;h4&gt;
7. VenScrollBar&lt;/h4&gt;
&lt;img src="http://ginva.com/wp-content/uploads/2013/05/7-venscrollbar-a-jquery-scrollbar-plugin.jpg" /&gt;&lt;br /&gt;
&lt;span id="blog-pager-older-link"&gt;&lt;a class="blog-pager-older-link" href="http://codecanyon.net/item/venscrollbar-a-jquery-scrollbar-plugin/118911?ref=gundoel007"&gt;More Details&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
VenScrollBar is a jQuery plugin that allows web designers to replace the ugly, default OS scrollbar with custom ones that they create.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;h4&gt;
8. Nicescroll&lt;/h4&gt;
&lt;img src="http://ginva.com/wp-content/uploads/2013/05/8-nicescroll.jpg" /&gt;&lt;br /&gt;
&lt;span id="blog-pager-older-link"&gt;&lt;a class="blog-pager-older-link" href="http://areaaperta.com/nicescroll/"&gt;More Details&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
Nicescroll is a jquery plugin, for nice scrollbars with a very similar ios/mobile style.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;h4&gt;
9. jQuery custom content scroller&lt;/h4&gt;
&lt;img src="http://ginva.com/wp-content/uploads/2013/05/9-custom-scrollbar-plugin.jpg" /&gt;&lt;br /&gt;
&lt;span id="blog-pager-older-link"&gt;&lt;a class="blog-pager-older-link" href="https://github.com/malihu/malihu-custom-scrollbar-plugin"&gt;More Details&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
Custom scroll bar plugin that’s fully customizable with CSS. Features vertical/horizontal scrolling, mouse-wheel support, scrolling buttons, scroll inertia with easing, auto-adjustable scroll bar length, nested scroll bars, scroll-to functionality, user defined callbacks and much more.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;h4&gt;
10. jScrollbar&lt;/h4&gt;
&lt;img src="http://ginva.com/wp-content/uploads/2013/05/10-jscrollbar.jpg" /&gt;&lt;br /&gt;
&lt;span id="blog-pager-older-link"&gt;&lt;a class="blog-pager-older-link" href="http://www.myjqueryplugins.com/jquery-plugin/jscrollbar"&gt;More Details&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
jScrollbar is fully skinnable with CSS (you can use images instead) and can detect mousewheel event.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;h4&gt;
11. DZS Scroller&lt;/h4&gt;
&lt;img src="http://ginva.com/wp-content/uploads/2013/05/11-dzs-scroller-jquery-scrollbar.jpg" /&gt;&lt;br /&gt;
&lt;span id="blog-pager-older-link"&gt;&lt;a class="blog-pager-older-link" href="http://codecanyon.net/item/dzs-scroller-jquery-scrollbar-done-right/293380?ref=gundoel007"&gt;More Details&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
DZS Scroller jQuery is the ultimate scrollbar for your site which you can customize very easily via CSS if the 3 skins.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;h4&gt;
12. ShortScroll – A jQuery UI Google Wave style&lt;/h4&gt;
&lt;img src="http://ginva.com/wp-content/uploads/2013/05/12-shortscroll.jpg" /&gt;&lt;br /&gt;
&lt;span id="blog-pager-older-link"&gt;&lt;a class="blog-pager-older-link" href="http://jebaird.com/2010/09/10/shortscroll-a-jquery-ui-google-wave-style-scroll-bar.html"&gt;More Details&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;h4&gt;
13. liimeBar&lt;/h4&gt;
&lt;img src="http://ginva.com/wp-content/uploads/2013/05/13-liimbar.jpg" /&gt;&lt;br /&gt;
&lt;span id="blog-pager-older-link"&gt;&lt;a class="blog-pager-older-link" href="http://codecanyon.net/item/liimebar-an-improved-scroll-bar-for-your-website/613301?ref=gundoel007"&gt;More Details&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
LiimeBar is a jQuery plugin which removes the default browser scroll bar and replaces it with a sleek and modern.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;h4&gt;
14. Scrollbar for a DIV&lt;/h4&gt;
&lt;img src="http://ginva.com/wp-content/uploads/2013/05/14.jpg" /&gt;&lt;br /&gt;
&lt;span id="blog-pager-older-link"&gt;&lt;a class="blog-pager-older-link" href="http://jquerytools.github.io/demos/rangeinput/scrollbar.html"&gt;More Details&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;h4&gt;
15. Easy Scroll jQuery Plugin&lt;/h4&gt;
&lt;img src="http://ginva.com/wp-content/uploads/2013/05/15-easy-scroll.jpg" /&gt;&lt;br /&gt;
&lt;span id="blog-pager-older-link"&gt;&lt;a class="blog-pager-older-link" href="http://codecanyon.net/item/easy-scroll/673660?ref=gundoel007"&gt;More Details&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
This easy scroll application was made to simplify your work and save you time in developing any kind of web template or application, it can be easily inserted in any context and has a wide range of parameters that can make your scrolling unique.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;h4&gt;
16. Tiny Scrollbar&lt;/h4&gt;
&lt;img src="http://ginva.com/wp-content/uploads/2013/05/16-tinyscrollbar.jpg" /&gt;&lt;br /&gt;
&lt;span id="blog-pager-older-link"&gt;&lt;a class="blog-pager-older-link" href="http://www.baijs.nl/tinyscrollbar/"&gt;More Details&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
Tiny Scrollbar can be used for scrolling content. It was built using the javascript jQuery library.&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link href="http://bjonkdesign.blogspot.com/feeds/4344852237890242907/comments/default" rel="replies" title="Post Comments" type="application/atom+xml"/><link href="http://bjonkdesign.blogspot.com/2013/05/15-cool-jquery-scrollbar-plugins.html#comment-form" rel="replies" title="0 Comments" type="text/html"/><link href="http://www.blogger.com/feeds/7194374551316428801/posts/default/4344852237890242907" rel="edit" type="application/atom+xml"/><link href="http://www.blogger.com/feeds/7194374551316428801/posts/default/4344852237890242907" rel="self" type="application/atom+xml"/><link href="http://bjonkdesign.blogspot.com/2013/05/15-cool-jquery-scrollbar-plugins.html" rel="alternate" title="15+ Cool jQuery Scrollbar Plugins" type="text/html"/><author><name>Magnus</name><uri>http://www.blogger.com/profile/14019493519277122437</uri><email>noreply@blogger.com</email><gd:image height="32" rel="http://schemas.google.com/g/2005#thumbnail" src="//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgguFHH1tJCdge1gYidDq6MAnnvEtfiuJ21UWrZgCFbn8OH9fRAkkmTCzLNj_x1A-Qf9VrcLFTJl-29_cOuAxOJ-g4jps7NXazh2k25UuZbr3ZyQnHDKs2JVRHtDbJqEH0/s113/pxdeadpool.png" width="32"/></author><thr:total>0</thr:total></entry></feed>